h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.fontH1,
.fontH2,
.fontH3,
.fontH4,
.fontH5,
.fontH6,
.fontH7,
.fontHH1 {
  font-family: HPSimplified;
  font-weight: bold;
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*---------------------------------------------------------- HELPER CLASSES --*/
.cloak {
  display: none !important;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-top-margin {
  margin-top: 0 !important;
}
.block-level {
  display: block;
}
.pull-up {
  margin-top: -10px;
}
.push-down {
  margin-top: 10px;
}
.full-width {
  width: 100%;
}
.centered {
  text-align: center;
}
@media only screen and (max-width: 496px) {
  .centered-mob {
    text-align: center;
  }
}
.margin-center {
  margin: 0 auto;
}
.clearboth {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.blank-space {
  content: 'space';
  position: relative;
  display: inline-block;
  opacity: 0;
}
.inline-block {
  display: inline-block;
}
select {
  margin-bottom: 20px;
}
.count {
  font-size: 0.85em;
  font-color: #767676;
  font-weight: normal;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .push-mobile {
    margin-top: 20px;
  }
}
::selection {
  background: #0096D6;
  color: #fff;
}
::-moz-selection {
  background: #0096D6;
  color: #fff;
}
.group:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
* html .group {
  zoom: 1;
}
*:first-child + html .group {
  zoom: 1;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
#steps-bar .container:before,
#steps-bar .container:after,
.media-order .container:before,
.media-order .container:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
#steps-bar .container:after,
.media-order .container:after {
  clear: both;
}
hr {
  border: 0;
  height: 1px;
  background-color: #ccc;
  max-width: 100%;
  margin: 0;
}
hr.hp-row {
  margin: 20px 0;
}
hr.hp-row.hp-row-md {
  margin: 40px 0;
}
hr.hp-row.narrow {
  margin: 20px 15px;
}
hr.hp-row.short {
  margin-top: 10px;
  margin-bottom: 10px;
}
/*---------------------------------------------------------- OBJECTS --*/
.video-block p {
  margin-top: 10px;
}
iframe:not(.BrightcoveExperience),
img {
  /* added a :not(.BrightcoveExperience) to fix the height on videos issue in concentra firefox.  */
  max-width: 100%;
  height: auto;
}
img {
  max-width: 100%;
  display: block;
}
.hp-loader {
  width: 60px;
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
@media only screen and (max-width: 496px) {
  .body {
    overflow-x: hidden;
  }
}
.container {
  margin: 0 auto;
  padding: 0 15px;
}
@media only screen and (max-width: 496px) {
  .container {
    max-width: 496px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .container {
    max-width: 670px;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .container {
    max-width: 1000px;
  }
}
.container:before,
.container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13,
.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-16,
.col-sm-16,
.col-md-16,
.col-lg-16,
.col-xs-17,
.col-sm-17,
.col-md-17,
.col-lg-17,
.col-xs-18,
.col-sm-18,
.col-md-18,
.col-lg-18,
.col-xs-19,
.col-sm-19,
.col-md-19,
.col-lg-19,
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xs-21,
.col-sm-21,
.col-md-21,
.col-lg-21,
.col-xs-22,
.col-sm-22,
.col-md-22,
.col-lg-22,
.col-xs-23,
.col-sm-23,
.col-md-23,
.col-lg-23,
.col-xs-24,
.col-sm-24,
.col-md-24,
.col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (max-width: 496px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-13,
  .col-sm-14,
  .col-sm-15,
  .col-sm-16,
  .col-sm-17,
  .col-sm-18,
  .col-sm-19,
  .col-sm-20,
  .col-sm-21,
  .col-sm-22,
  .col-sm-23 {
    float: left;
  }
  .col-sm-24 {
    width: 100%;
  }
  .col-sm-23 {
    width: 95.83333333333334%;
  }
  .col-sm-22 {
    width: 91.66666666666666%;
  }
  .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-20 {
    width: 83.33333333333334%;
  }
  .col-sm-19 {
    width: 79.16666666666666%;
  }
  .col-sm-18 {
    width: 75%;
  }
  .col-sm-17 {
    width: 70.83333333333334%;
  }
  .col-sm-16 {
    width: 66.66666666666666%;
  }
  .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-14 {
    width: 58.333333333333336%;
  }
  .col-sm-13 {
    width: 54.166666666666664%;
  }
  .col-sm-12 {
    width: 50%;
  }
  .col-sm-11 {
    width: 45.83333333333333%;
  }
  .col-sm-10 {
    width: 41.66666666666667%;
  }
  .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-8 {
    width: 33.33333333333333%;
  }
  .col-sm-7 {
    width: 29.166666666666668%;
  }
  .col-sm-6 {
    width: 25%;
  }
  .col-sm-5 {
    width: 20.833333333333336%;
  }
  .col-sm-4 {
    width: 16.666666666666664%;
  }
  .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-2 {
    width: 8.333333333333332%;
  }
  .col-sm-1 {
    width: 4.166666666666666%;
  }
  .col-sm-pull-24 {
    right: 100%;
  }
  .col-sm-pull-23 {
    right: 95.83333333333334%;
  }
  .col-sm-pull-22 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-21 {
    right: 87.5%;
  }
  .col-sm-pull-20 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-19 {
    right: 79.16666666666666%;
  }
  .col-sm-pull-18 {
    right: 75%;
  }
  .col-sm-pull-17 {
    right: 70.83333333333334%;
  }
  .col-sm-pull-16 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-15 {
    right: 62.5%;
  }
  .col-sm-pull-14 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-13 {
    right: 54.166666666666664%;
  }
  .col-sm-pull-12 {
    right: 50%;
  }
  .col-sm-pull-11 {
    right: 45.83333333333333%;
  }
  .col-sm-pull-10 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-9 {
    right: 37.5%;
  }
  .col-sm-pull-8 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-7 {
    right: 29.166666666666668%;
  }
  .col-sm-pull-6 {
    right: 25%;
  }
  .col-sm-pull-5 {
    right: 20.833333333333336%;
  }
  .col-sm-pull-4 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-3 {
    right: 12.5%;
  }
  .col-sm-pull-2 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-1 {
    right: 4.166666666666666%;
  }
  .col-sm-push-24 {
    left: 100%;
  }
  .col-sm-push-23 {
    left: 95.83333333333334%;
  }
  .col-sm-push-22 {
    left: 91.66666666666666%;
  }
  .col-sm-push-21 {
    left: 87.5%;
  }
  .col-sm-push-20 {
    left: 83.33333333333334%;
  }
  .col-sm-push-19 {
    left: 79.16666666666666%;
  }
  .col-sm-push-18 {
    left: 75%;
  }
  .col-sm-push-17 {
    left: 70.83333333333334%;
  }
  .col-sm-push-16 {
    left: 66.66666666666666%;
  }
  .col-sm-push-15 {
    left: 62.5%;
  }
  .col-sm-push-14 {
    left: 58.333333333333336%;
  }
  .col-sm-push-13 {
    left: 54.166666666666664%;
  }
  .col-sm-push-12 {
    left: 50%;
  }
  .col-sm-push-11 {
    left: 45.83333333333333%;
  }
  .col-sm-push-10 {
    left: 41.66666666666667%;
  }
  .col-sm-push-9 {
    left: 37.5%;
  }
  .col-sm-push-8 {
    left: 33.33333333333333%;
  }
  .col-sm-push-7 {
    left: 29.166666666666668%;
  }
  .col-sm-push-6 {
    left: 25%;
  }
  .col-sm-push-5 {
    left: 20.833333333333336%;
  }
  .col-sm-push-4 {
    left: 16.666666666666664%;
  }
  .col-sm-push-3 {
    left: 12.5%;
  }
  .col-sm-push-2 {
    left: 8.333333333333332%;
  }
  .col-sm-push-1 {
    left: 4.166666666666666%;
  }
  .col-sm-offset-24 {
    margin-left: 100%;
  }
  .col-sm-offset-23 {
    margin-left: 95.83333333333334%;
  }
  .col-sm-offset-22 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .col-sm-offset-20 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-19 {
    margin-left: 79.16666666666666%;
  }
  .col-sm-offset-18 {
    margin-left: 75%;
  }
  .col-sm-offset-17 {
    margin-left: 70.83333333333334%;
  }
  .col-sm-offset-16 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .col-sm-offset-14 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-13 {
    margin-left: 54.166666666666664%;
  }
  .col-sm-offset-12 {
    margin-left: 50%;
  }
  .col-sm-offset-11 {
    margin-left: 45.83333333333333%;
  }
  .col-sm-offset-10 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .col-sm-offset-8 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-7 {
    margin-left: 29.166666666666668%;
  }
  .col-sm-offset-6 {
    margin-left: 25%;
  }
  .col-sm-offset-5 {
    margin-left: 20.833333333333336%;
  }
  .col-sm-offset-4 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .col-sm-offset-2 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-1 {
    margin-left: 4.166666666666666%;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-13,
  .col-md-14,
  .col-md-15,
  .col-md-16,
  .col-md-17,
  .col-md-18,
  .col-md-19,
  .col-md-20,
  .col-md-21,
  .col-md-22,
  .col-md-23 {
    float: left;
  }
  .col-md-24 {
    width: 100%;
  }
  .col-md-23 {
    width: 95.83333333333334%;
  }
  .col-md-22 {
    width: 91.66666666666666%;
  }
  .col-md-21 {
    width: 87.5%;
  }
  .col-md-20 {
    width: 83.33333333333334%;
  }
  .col-md-19 {
    width: 79.16666666666666%;
  }
  .col-md-18 {
    width: 75%;
  }
  .col-md-17 {
    width: 70.83333333333334%;
  }
  .col-md-16 {
    width: 66.66666666666666%;
  }
  .col-md-15 {
    width: 62.5%;
  }
  .col-md-14 {
    width: 58.333333333333336%;
  }
  .col-md-13 {
    width: 54.166666666666664%;
  }
  .col-md-12 {
    width: 50%;
  }
  .col-md-11 {
    width: 45.83333333333333%;
  }
  .col-md-10 {
    width: 41.66666666666667%;
  }
  .col-md-9 {
    width: 37.5%;
  }
  .col-md-8 {
    width: 33.33333333333333%;
  }
  .col-md-7 {
    width: 29.166666666666668%;
  }
  .col-md-6 {
    width: 25%;
  }
  .col-md-5 {
    width: 20.833333333333336%;
  }
  .col-md-4 {
    width: 16.666666666666664%;
  }
  .col-md-3 {
    width: 12.5%;
  }
  .col-md-2 {
    width: 8.333333333333332%;
  }
  .col-md-1 {
    width: 4.166666666666666%;
  }
  .col-md-pull-24 {
    right: 100%;
  }
  .col-md-pull-23 {
    right: 95.83333333333334%;
  }
  .col-md-pull-22 {
    right: 91.66666666666666%;
  }
  .col-md-pull-21 {
    right: 87.5%;
  }
  .col-md-pull-20 {
    right: 83.33333333333334%;
  }
  .col-md-pull-19 {
    right: 79.16666666666666%;
  }
  .col-md-pull-18 {
    right: 75%;
  }
  .col-md-pull-17 {
    right: 70.83333333333334%;
  }
  .col-md-pull-16 {
    right: 66.66666666666666%;
  }
  .col-md-pull-15 {
    right: 62.5%;
  }
  .col-md-pull-14 {
    right: 58.333333333333336%;
  }
  .col-md-pull-13 {
    right: 54.166666666666664%;
  }
  .col-md-pull-12 {
    right: 50%;
  }
  .col-md-pull-11 {
    right: 45.83333333333333%;
  }
  .col-md-pull-10 {
    right: 41.66666666666667%;
  }
  .col-md-pull-9 {
    right: 37.5%;
  }
  .col-md-pull-8 {
    right: 33.33333333333333%;
  }
  .col-md-pull-7 {
    right: 29.166666666666668%;
  }
  .col-md-pull-6 {
    right: 25%;
  }
  .col-md-pull-5 {
    right: 20.833333333333336%;
  }
  .col-md-pull-4 {
    right: 16.666666666666664%;
  }
  .col-md-pull-3 {
    right: 12.5%;
  }
  .col-md-pull-2 {
    right: 8.333333333333332%;
  }
  .col-md-pull-1 {
    right: 4.166666666666666%;
  }
  .col-md-push-24 {
    left: 100%;
  }
  .col-md-push-23 {
    left: 95.83333333333334%;
  }
  .col-md-push-22 {
    left: 91.66666666666666%;
  }
  .col-md-push-21 {
    left: 87.5%;
  }
  .col-md-push-20 {
    left: 83.33333333333334%;
  }
  .col-md-push-19 {
    left: 79.16666666666666%;
  }
  .col-md-push-18 {
    left: 75%;
  }
  .col-md-push-17 {
    left: 70.83333333333334%;
  }
  .col-md-push-16 {
    left: 66.66666666666666%;
  }
  .col-md-push-15 {
    left: 62.5%;
  }
  .col-md-push-14 {
    left: 58.333333333333336%;
  }
  .col-md-push-13 {
    left: 54.166666666666664%;
  }
  .col-md-push-12 {
    left: 50%;
  }
  .col-md-push-11 {
    left: 45.83333333333333%;
  }
  .col-md-push-10 {
    left: 41.66666666666667%;
  }
  .col-md-push-9 {
    left: 37.5%;
  }
  .col-md-push-8 {
    left: 33.33333333333333%;
  }
  .col-md-push-7 {
    left: 29.166666666666668%;
  }
  .col-md-push-6 {
    left: 25%;
  }
  .col-md-push-5 {
    left: 20.833333333333336%;
  }
  .col-md-push-4 {
    left: 16.666666666666664%;
  }
  .col-md-push-3 {
    left: 12.5%;
  }
  .col-md-push-2 {
    left: 8.333333333333332%;
  }
  .col-md-push-1 {
    left: 4.166666666666666%;
  }
  .col-md-offset-24 {
    margin-left: 100%;
  }
  .col-md-offset-23 {
    margin-left: 95.83333333333334%;
  }
  .col-md-offset-22 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-21 {
    margin-left: 87.5%;
  }
  .col-md-offset-20 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-19 {
    margin-left: 79.16666666666666%;
  }
  .col-md-offset-18 {
    margin-left: 75%;
  }
  .col-md-offset-17 {
    margin-left: 70.83333333333334%;
  }
  .col-md-offset-16 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-15 {
    margin-left: 62.5%;
  }
  .col-md-offset-14 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-13 {
    margin-left: 54.166666666666664%;
  }
  .col-md-offset-12 {
    margin-left: 50%;
  }
  .col-md-offset-11 {
    margin-left: 45.83333333333333%;
  }
  .col-md-offset-10 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-9 {
    margin-left: 37.5%;
  }
  .col-md-offset-8 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-7 {
    margin-left: 29.166666666666668%;
  }
  .col-md-offset-6 {
    margin-left: 25%;
  }
  .col-md-offset-5 {
    margin-left: 20.833333333333336%;
  }
  .col-md-offset-4 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-3 {
    margin-left: 12.5%;
  }
  .col-md-offset-2 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-1 {
    margin-left: 4.166666666666666%;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-13,
  .col-lg-14,
  .col-lg-15,
  .col-lg-16,
  .col-lg-17,
  .col-lg-18,
  .col-lg-19,
  .col-lg-20,
  .col-lg-21,
  .col-lg-22,
  .col-lg-23 {
    float: left;
  }
  .col-lg-24 {
    width: 100%;
  }
  .col-lg-23 {
    width: 95.83333333333334%;
  }
  .col-lg-22 {
    width: 91.66666666666666%;
  }
  .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-20 {
    width: 83.33333333333334%;
  }
  .col-lg-19 {
    width: 79.16666666666666%;
  }
  .col-lg-18 {
    width: 75%;
  }
  .col-lg-17 {
    width: 70.83333333333334%;
  }
  .col-lg-16 {
    width: 66.66666666666666%;
  }
  .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-14 {
    width: 58.333333333333336%;
  }
  .col-lg-13 {
    width: 54.166666666666664%;
  }
  .col-lg-12 {
    width: 50%;
  }
  .col-lg-11 {
    width: 45.83333333333333%;
  }
  .col-lg-10 {
    width: 41.66666666666667%;
  }
  .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-8 {
    width: 33.33333333333333%;
  }
  .col-lg-7 {
    width: 29.166666666666668%;
  }
  .col-lg-6 {
    width: 25%;
  }
  .col-lg-5 {
    width: 20.833333333333336%;
  }
  .col-lg-4 {
    width: 16.666666666666664%;
  }
  .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-2 {
    width: 8.333333333333332%;
  }
  .col-lg-1 {
    width: 4.166666666666666%;
  }
  .col-lg-pull-24 {
    right: 100%;
  }
  .col-lg-pull-23 {
    right: 95.83333333333334%;
  }
  .col-lg-pull-22 {
    right: 91.66666666666666%;
  }
  .col-lg-pull-21 {
    right: 87.5%;
  }
  .col-lg-pull-20 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-19 {
    right: 79.16666666666666%;
  }
  .col-lg-pull-18 {
    right: 75%;
  }
  .col-lg-pull-17 {
    right: 70.83333333333334%;
  }
  .col-lg-pull-16 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-15 {
    right: 62.5%;
  }
  .col-lg-pull-14 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-13 {
    right: 54.166666666666664%;
  }
  .col-lg-pull-12 {
    right: 50%;
  }
  .col-lg-pull-11 {
    right: 45.83333333333333%;
  }
  .col-lg-pull-10 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-9 {
    right: 37.5%;
  }
  .col-lg-pull-8 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-7 {
    right: 29.166666666666668%;
  }
  .col-lg-pull-6 {
    right: 25%;
  }
  .col-lg-pull-5 {
    right: 20.833333333333336%;
  }
  .col-lg-pull-4 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-3 {
    right: 12.5%;
  }
  .col-lg-pull-2 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-1 {
    right: 4.166666666666666%;
  }
  .col-lg-push-24 {
    left: 100%;
  }
  .col-lg-push-23 {
    left: 95.83333333333334%;
  }
  .col-lg-push-22 {
    left: 91.66666666666666%;
  }
  .col-lg-push-21 {
    left: 87.5%;
  }
  .col-lg-push-20 {
    left: 83.33333333333334%;
  }
  .col-lg-push-19 {
    left: 79.16666666666666%;
  }
  .col-lg-push-18 {
    left: 75%;
  }
  .col-lg-push-17 {
    left: 70.83333333333334%;
  }
  .col-lg-push-16 {
    left: 66.66666666666666%;
  }
  .col-lg-push-15 {
    left: 62.5%;
  }
  .col-lg-push-14 {
    left: 58.333333333333336%;
  }
  .col-lg-push-13 {
    left: 54.166666666666664%;
  }
  .col-lg-push-12 {
    left: 50%;
  }
  .col-lg-push-11 {
    left: 45.83333333333333%;
  }
  .col-lg-push-10 {
    left: 41.66666666666667%;
  }
  .col-lg-push-9 {
    left: 37.5%;
  }
  .col-lg-push-8 {
    left: 33.33333333333333%;
  }
  .col-lg-push-7 {
    left: 29.166666666666668%;
  }
  .col-lg-push-6 {
    left: 25%;
  }
  .col-lg-push-5 {
    left: 20.833333333333336%;
  }
  .col-lg-push-4 {
    left: 16.666666666666664%;
  }
  .col-lg-push-3 {
    left: 12.5%;
  }
  .col-lg-push-2 {
    left: 8.333333333333332%;
  }
  .col-lg-push-1 {
    left: 4.166666666666666%;
  }
  .col-lg-offset-24 {
    margin-left: 100%;
  }
  .col-lg-offset-23 {
    margin-left: 95.83333333333334%;
  }
  .col-lg-offset-22 {
    margin-left: 91.66666666666666%;
  }
  .col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .col-lg-offset-20 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-19 {
    margin-left: 79.16666666666666%;
  }
  .col-lg-offset-18 {
    margin-left: 75%;
  }
  .col-lg-offset-17 {
    margin-left: 70.83333333333334%;
  }
  .col-lg-offset-16 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .col-lg-offset-14 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-13 {
    margin-left: 54.166666666666664%;
  }
  .col-lg-offset-12 {
    margin-left: 50%;
  }
  .col-lg-offset-11 {
    margin-left: 45.83333333333333%;
  }
  .col-lg-offset-10 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .col-lg-offset-8 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-7 {
    margin-left: 29.166666666666668%;
  }
  .col-lg-offset-6 {
    margin-left: 25%;
  }
  .col-lg-offset-5 {
    margin-left: 20.833333333333336%;
  }
  .col-lg-offset-4 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .col-lg-offset-2 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-1 {
    margin-left: 4.166666666666666%;
  }
}
@-ms-viewport {
  width: device-width;
}
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 496px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 496px) {
  .hidden-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .hidden-md,
  .show-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .hidden-lg,
  .show-mobile {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* hanburger icon of header not appearing in uat */
@media screen and (max-width: 999px) {
  .header .top_menu_widget a.top_m_widget {
    position: static;
  }
}
body {
  font-family: HPSimplified;
  font-size: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
body a:hover {
  cursor: pointer;
  color: #006699;
}
@media only screen and (max-width: 496px) {
  body {
    overflow-x: hidden;
  }
}
.fixfixed .hp-desktop-header {
  position: absolute;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #body {
    padding-top: 50px;
  }
}
.center {
  text-align: center;
  margin: 0 auto;
}
.rightText {
  text-align: right;
}
.absolute-bottom {
  position: absolute;
  left: 20px;
  right: 20px;
  width: 100%;
  bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
}
.middle-align-row {
  display: table-row;
}
.middle-align-row > * {
  display: table-cell;
  vertical-align: middle;
}
.everything,
#everything {
  min-width: 0px !important;
  position: relative;
  overflow-x: hidden;
}
@media only screen and (max-width: 496px) {
  .body {
    overflow-x: inherit;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .body {
    border-top: 1px solid #fff;
    padding-top: 40px;
    transition: all 0.5s linear;
  }
}
.background {
  background-color: #f2f2f2;
}
.border-top {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.hp-section {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 496px) {
  .hp-section {
    margin: 20px 0;
  }
}
.hp-section.hp-section-last {
  margin-bottom: 0;
}
.hp-section-sm {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 496px) {
  .hp-section-sm {
    margin: 20px 0;
  }
}
.hp-section-md {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 496px) {
  .hp-section-md {
    margin: 20px 0;
  }
}
.hp-section-lg {
  margin-top: 60px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 496px) {
  .hp-section-lg {
    margin: 20px 0;
  }
}
.hp-section-none {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 496px) {
  .hp-section-none {
    margin: 0;
  }
}
.hp-section-top-xs {
  margin-top: 10px;
}
.hp-section-top-sm {
  margin-top: 20px;
}
.hp-section-top-md {
  margin-top: 40px;
}
.hp-section-top-lg {
  margin-top: 60px;
}
.hp-section-bottom-xs {
  margin-bottom: 10px;
}
.hp-section-bottom-sm {
  margin-bottom: 20px;
}
.hp-section-bottom-md {
  margin-bottom: 40px;
}
.hp-section-bottom-lg {
  margin-bottom: 60px;
}
.hp-section.hp-section-inverse {
  background-color: #0096d6;
  padding: 40px 0;
  margin-left: 0;
  margin-right: 0;
  color: #fff;
}
.hp-section.hp-section-inverse p {
  color: #fff;
}
.hp-section.hp-section-inverse .button {
  color: #0096D6;
}
.hp-section.hp-section-inverse a,
.hp-section.hp-section-inverse a:visited {
  color: #fff;
}
.hp-section.hp-section-inverse h1.section-header {
  border-color: #fff;
}
.hp-section.hp-section-inverse .secondary-content h2,
.hp-section.hp-section-inverse .secondary-content h3,
.hp-section.hp-section-inverse .secondary-content h4,
.hp-section.hp-section-inverse .secondary-content h5,
.hp-section.hp-section-inverse .secondary-content p {
  color: #fff;
}
.hp-section.hp-section-inverse .secondary-content p {
  font-size: 14px;
  line-height: 18px;
}
.hp-section.hp-section-inverse .hp-row.with-columns {
  margin-left: 0;
  margin-right: 0;
}
.hp-section.hp-section-inverse .hp-row.with-columns.with-dividers div[class*="col"].with-divider {
  padding-top: 20px;
  border-right: 1px solid #767676;
}
.hp-section.hp-section-inverse.hp-section-inverse-gray {
  background-color: #efefef;
  padding: 20px 0;
}
.hp-section.hp-section-inverse.hp-section-inverse-gray a {
  color: #0096D6;
}
.hp-notifications-bg .container {
  position: relative;
}
.hp-notifications-bg a.close {
  top: -10px;
  border: 0;
}
.hp-notifications-bg.hp-section {
  margin: 0;
}
.hp-notifications-bg p {
  color: #767676;
  font-size: 14px;
  margin: 0;
}
.hp-notifications-bg p a {
  color: #0096D6;
  font-family: HPSimplified;
  font-weight: bold;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-notifications-bg {
    position: fixed;
    z-index: 100;
    bottom: 0;
  }
}
.hp-section.hp-header .hp-row {
  margin: 0;
}
.hp-section.hp-header .hp-row div[class*="col"] {
  padding: 15px 0;
}
.hp-section.hp-header .hp-row:nth-child(2) {
  margin-top: 0;
}
.hp-section.hp-hero {
  margin: 0;
  position: relative;
  z-index: initial;
  padding: 40px 0;
  top: -1px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-section.hp-hero {
    margin: 0;
    padding-top: 20px;
  }
}
.hp-section.hp-hero.hp-hero-empty {
  margin: 40px 0 -40px;
  padding-top: 0;
  height: auto;
}
.hp-section.hp-hero p {
  margin-bottom: 20px;
}
#hh-1 {
  color: #fff;
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/hero-unit.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1600px;
  margin: 0 auto;
}
#mobile-hh2 {
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/hero-index.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: -3px;
}
#hh-2 {
  color: #fff;
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/hero-index.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 350px;
  margin: 0 auto;
  padding: 10px 0 0px 0;
}
#hh-2 .fontHH1 {
  font-size: 55px;
  line-height: 50px;
}
#hh-2 p {
  color: #fff;
  font-family: HPSimplified;
  font-weight: bold;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  #hh-2 .search-bg {
    margin: 0 -18px;
  }
  #hh-2 .search-bg .help-block,
  #hh-2 .search-bg label {
    color: #fff;
  }
}
.otherResourcesContainer {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 800px) {
  .otherResourcesContainer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#hh-3 {
  color: #fff;
  background-color: #000;
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp//images/dmd-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
#hh-3 p,
#hh-3 a {
  color: #fff;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  #hh-3 {
    background-image: none;
  }
}
.relative {
  position: relative;
}
.pull-over-hero {
  position: absolute;
  top: -250px;
  z-index: 1;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .pull-over-hero {
    position: relative;
  }
}
.hp-row {
  margin-right: -15px;
  margin-left: -15px;
}
.hp-row > .hp-row div[class*="col"] {
  padding: 0;
}
.hp-row.hp-row-sm {
  margin: 20px -15px;
}
.hp-row.hp-row-md {
  margin: 40px -15px;
}
.hp-row.hp-row-lg {
  margin: 80px -15px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-row.hp-row-sm,
  .hp-row.hp-row-md,
  .hp-row.hp-row-lg {
    margin: 10px -15px;
  }
}
.hp-row:before,
.hp-row:after {
  display: table;
  content: " ";
}
.hp-row:after {
  clear: both;
}
.hp-row.with-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}
.hp-row.with-divider {
  border-right: 1px solid #ccc;
}
.hp-row.with-columns {
  margin-left: 0;
  margin-right: 0;
}
.hp-row.with-columns.with-dividers div[class*="col"].with-divider {
  padding-top: 20px;
  border-right: 1px solid #ccc;
}
.hp-row.hp-row-inverse {
  margin-left: 0;
  margin-right: 0;
  background: #0096D6;
  padding: 40px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-row.hp-row-inverse {
    padding: 20px;
  }
}
.hp-row.hp-row-inverse h1,
.hp-row.hp-row-inverse h2,
.hp-row.hp-row-inverse h3,
.hp-row.hp-row-inverse h5,
.hp-row.hp-row-inverse p {
  color: #fff;
}
.hp-row.with-icons .img-bg {
  display: inline-block;
  width: 100px;
  float: left;
  margin-right: 20px;
  margin-bottom: 80px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .hp-row.with-icons .img-bg {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .hp-row.with-icons .img-bg {
    display: block;
    width: 100%;
  }
}
.hp-row.with-icons .icon-bg {
  float: left;
  display: inline-block;
  margin-right: 20px;
  width: 100px;
  text-align: center;
  clear: both;
}
.hp-row.with-icons .icon-bg img {
  max-height: 80px;
  height: 80px;
  width: auto;
  margin: 0 auto;
}
.hp-row.with-icons .icon-bg i.fa {
  font-size: 90px;
  color: #0096D6;
}
@media only screen and (max-width: 496px) {
  .hp-row.with-icons .icon-bg i.fa {
    font-size: 80px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .hp-row.with-icons .icon-bg {
    padding: 0;
    display: block;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 496px) {
  .hp-row.with-icons .icon-bg {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
    max-height: 140px;
    width: 80px;
    margin-right: 20px;
  }
  .hp-row.with-icons .icon-bg img {
    margin-bottom: 0;
  }
}
.hp-row.with-icons .icon-content {
  margin-left: 120px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-row.with-icons .icon-content {
    margin: 40px 0 0px 100px;
  }
}
.hp-row {
  margin-top: 10px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .banner ~ .hp-row.promo-row {
    margin-top: 30px;
  }
}
.tos-link {
  white-space: nowrap;
}
.dev-notes {
  color: #ccc;
  margin-top: 40px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  #home .hp-desktop-header .hp-header-search,
  #mighty .hp-desktop-header .hp-header-search,
  #swd .hp-desktop-header .hp-header-search,
  #guided .hp-desktop-header .hp-header-search {
    display: none;
  }
}
.no-search .hp-desktop-header .hp-header-search {
  display: none;
}
.no-sub-nav .main-nav,
.no-sub-nav .hp-desktop-header .hp-header-search {
  display: none!important;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .no-sub-nav {
    margin-top: -50px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*-------------------
      Standard
--------------------*/
.divider-dotted {
  border-top: 2px dashed #ccc;
  margin: 0.5em;
}
.hp-row-relative {
  position: relative;
}
.divider-container {
  position: relative;
  height: 100px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .divider-container {
    height: 70px;
  }
}
.divider.option-divider {
  position: relative;
  left: 0;
  height: 6%;
  line-height: 0;
  padding-top: 1em;
  padding-bottom: 2em;
  margin: 2em 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .divider.option-divider {
    margin: 0;
  }
}
.divider.option-divider:before,
.divider.option-divider:after {
  content: " ";
  background: #ccc;
  height: 1px;
  width: 50%;
  display: inline-block;
  float: left;
}
.divider.option-divider:after {
  float: right;
}
.divider.option-divider .connector {
  z-index: 100;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  height: 40px;
  width: 40px;
  color: #767676;
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-family: HPSimplified;
  text-transform: uppercase;
  top: -15px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .divider.option-divider .connector {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .signin-wrap .divider.option-divider .connector {
    left: 11px;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .divider-container {
    height: 50%;
  }
  .divider.option-divider {
    position: absolute;
    top: 50%;
    margin: 0 0 0 -3%;
    height: 200px;
    line-height: 0;
    padding: 0;
    width: 100%;
  }
  .divider.option-divider:before,
  .divider.option-divider:after {
    position: absolute;
    left: 50%;
    content: " ";
    z-index: 99;
    border-left: 1px solid #ccc;
    width: 0;
    height: 45%;
  }
  .divider.option-divider:before {
    top: 0;
  }
  .divider.option-divider:after {
    top: 50%;
  }
  .divider.option-divider.option-divider-large {
    height: 300px;
  }
}
span.lead-home {
  margin-right: 20px;
}
#bad #identify-1-error {
  display: block;
  visibility: visible;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  #bad #identify-1-error header {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/*REGULAR*/
@font-face {
  font-family: 'HPSimplified';
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-regular-eot.eot);
  /* IE9 compat */
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-regular-eot.eot?#iefix) format("embedded-opentype"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-regular-woff.woff) format("-woff.woff"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-regular-ttf.ttf) format("truetype");
  /*iOS, Android, Safari*/
  font-weight: normal;
  font-style: normal;
}
/*BOLD*/
@font-face {
  font-family: 'HPSimplified';
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-bold-eot.eot);
  /* IE9 compat */
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-bold-eot.eot?#iefix) format("embedded-opentype"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-bold-woff.woff) format("-woff.woff"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-bold-ttf.ttf) format("truetype");
  /*iOS, Android, Safari*/
  font-weight: bold;
  font-style: normal;
}
/*LIGHT*/
@font-face {
  font-family: 'HPSimplifiedLight';
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-light-eot.eot);
  /* IE9 compat */
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-light-eot.eot?#iefix) format("embedded-opentype"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-light-woff.woff) format("-woff.woff"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-light-ttf.ttf) format("truetype");
  /*iOS, Android, Safari*/
  font-weight: normal;
  font-style: normal;
}
/*REGULAR ITALIC*/
@font-face {
  font-family: 'HPSimplified';
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-regular-italic-eot.eot);
  /* IE9 compat */
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-regular-italic-eot.eot?#iefix) format("embedded-opentype"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-regular-italic-woff.woff) format("-woff.woff"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-regular-italic-ttf.ttf) format("truetype");
  /*iOS, Android, Safari*/
  font-weight: normal;
  font-style: italic;
}
/*BOLD ITALIC*/
@font-face {
  font-family: 'HPSimplified';
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-bold-italic-eot.eot);
  /* IE9 compat */
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-bold-italic-eot.eot?#iefix) format("embedded-opentype"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-bold-italic-woff.woff) format("-woff.woff"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-bold-italic-ttf.ttf) format("truetype");
  /*iOS, Android, Safari*/
  font-weight: bold;
  font-style: italic;
}
/*LIGHT ITALIC*/
@font-face {
  font-family: 'HPSimplifiedLight';
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-light-italic-eot.eot);
  /* IE9 compat */
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-light-italic-eot.eot?#iefix) format("embedded-opentype"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-light-italic-woff.woff) format("-woff.woff"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/latin-e-light-italic-ttf.ttf) format("truetype");
  /*iOS, Android, Safari*/
  font-weight: normal;
  font-style: italic;
}
/* ICON FONTS*/
@font-face {
  font-family: 'HPControlIcons';
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/hp_support_controls.eot);
  /* IE9 compat */
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/hp_support_controls.eot?#iefix) format("embedded-opentype"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/hp_support_controls.woff) format("-woff.woff"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/hp_support_controls.ttf) format("truetype");
  /*iOS, Android, Safari*/
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HPControlIcons_New';
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/hp_icomoon.eot);
  /* IE9 compat */
  src: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/hp_icomoon.eot?#iefix) format("embedded-opentype"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/hp_icomoon.woff) format("-woff.woff"), url(/static/hp-portal-theme-static/themes/Portal8.0/hp/fonts/hps/hp_icomoon.ttf) format("truetype");
  /*iOS, Android, Safari*/
  font-weight: normal;
  font-style: normal;
}
.body a:hover,
.btn-link:hover {
  text-decoration: none;
  color: #006699;
}
.body a:visited,
.btn-link:visited {
  color: #0096D6;
}
.body a:visited:hover,
.btn-link:visited:hover {
  color: #006699;
}
.body a:focus,
.btn-link:focus {
  text-decoration: none;
}
a {
  line-height: 22px;
}
a,
a:link {
  color: #0096D6;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: HPSimplified;
  font-weight: 600;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  display: block;
  font-weight: normal;
  color: #5a5a5a;
  font-size: 0.875em;
}
h1 small.heading,
h2 small.heading,
h3 small.heading,
h4 small.heading,
h5 small.heading,
h6 small.heading,
.h1 small.heading,
.h2 small.heading,
.h3 small.heading,
.h4 small.heading,
.h5 small.heading,
.h6 small.heading,
h1 .small.heading,
h2 .small.heading,
h3 .small.heading,
h4 .small.heading,
h5 .small.heading,
h6 .small.heading,
.h1 .small.heading,
.h2 .small.heading,
.h3 .small.heading,
.h4 .small.heading,
.h5 .small.heading,
.h6 .small.heading {
  line-height: 1.25em;
  font-size: 0.785em;
  font-style: normal;
}
h1 small.heading.xs,
h2 small.heading.xs,
h3 small.heading.xs,
h4 small.heading.xs,
h5 small.heading.xs,
h6 small.heading.xs,
.h1 small.heading.xs,
.h2 small.heading.xs,
.h3 small.heading.xs,
.h4 small.heading.xs,
.h5 small.heading.xs,
.h6 small.heading.xs,
h1 .small.heading.xs,
h2 .small.heading.xs,
h3 .small.heading.xs,
h4 .small.heading.xs,
h5 .small.heading.xs,
h6 .small.heading.xs,
.h1 .small.heading.xs,
.h2 .small.heading.xs,
.h3 .small.heading.xs,
.h4 .small.heading.xs,
.h5 .small.heading.xs,
.h6 .small.heading.xs {
  font-size: 16px;
}
h1 small.heading-alt,
h2 small.heading-alt,
h3 small.heading-alt,
h4 small.heading-alt,
h5 small.heading-alt,
h6 small.heading-alt,
.h1 small.heading-alt,
.h2 small.heading-alt,
.h3 small.heading-alt,
.h4 small.heading-alt,
.h5 small.heading-alt,
.h6 small.heading-alt,
h1 .small.heading-alt,
h2 .small.heading-alt,
h3 .small.heading-alt,
h4 .small.heading-alt,
h5 .small.heading-alt,
h6 .small.heading-alt,
.h1 .small.heading-alt,
.h2 .small.heading-alt,
.h3 .small.heading-alt,
.h4 .small.heading-alt,
.h5 .small.heading-alt,
.h6 .small.heading-alt {
  line-height: 1.25em;
  font-size: 0.785em;
  font-style: normal;
}
h1 small.top,
h2 small.top,
h3 small.top,
h4 small.top,
h5 small.top,
h6 small.top,
.h1 small.top,
.h2 small.top,
.h3 small.top,
.h4 small.top,
.h5 small.top,
.h6 small.top,
h1 .small.top,
h2 .small.top,
h3 .small.top,
h4 .small.top,
h5 .small.top,
h6 .small.top,
.h1 .small.top,
.h2 .small.top,
.h3 .small.top,
.h4 .small.top,
.h5 .small.top,
.h6 .small.top {
  margin-top: 0px;
  margin-bottom: 10px;
}
h1 small.bottom,
h2 small.bottom,
h3 small.bottom,
h4 small.bottom,
h5 small.bottom,
h6 small.bottom,
.h1 small.bottom,
.h2 small.bottom,
.h3 small.bottom,
.h4 small.bottom,
.h5 small.bottom,
.h6 small.bottom,
h1 .small.bottom,
h2 .small.bottom,
h3 .small.bottom,
h4 .small.bottom,
h5 .small.bottom,
h6 .small.bottom,
.h1 .small.bottom,
.h2 .small.bottom,
.h3 .small.bottom,
.h4 .small.bottom,
.h5 .small.bottom,
.h6 .small.bottom {
  margin-top: 10px;
  margin-bottom: 0px;
}
h1.margin,
h2.margin,
h3.margin,
h4.margin,
h5.margin {
  margin-bottom: 15px;
}
h1 span.count,
h2 span.count,
h3 span.count,
h4 span.count,
h5 span.count {
  color: gray;
}
h1.margin-top-sm,
h2.margin-top-sm,
h3.margin-top-sm,
h4.margin-top-sm,
h5.margin-top-sm {
  margin-top: 20px;
}
h1,
.fontH1 {
  margin: 20px 0;
  font-size: 28px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  h1,
  .fontH1 {
    font-size: 22px;
  }
}
h2 {
  font-size: 24px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  h2 {
    font-size: 20px;
  }
}
h2.h2em {
  font-style: italic;
  font-weight: normal;
}
h3 {
  font-size: 20px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  h3.text-normal {
    margin-top: 10px;
  }
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
  margin-bottom: 5px;
}
h6 {
  font-size: 14px;
}
h1.section-header,
h3.section-header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
h2.row-title,
h3.row-title {
  margin-bottom: 10px;
}
@media only screen and (max-width: 496px) {
  h2.row-title,
  h3.row-title {
    margin-bottom: 20px;
  }
}
h2.row-title.with-underline,
h3.row-title.with-underline {
  padding-bottom: 5px;
  border-bottom: 3px solid #000;
}
h1.product-title {
  font-size: 28px;
}
@media only screen and (max-width: 496px) {
  h1.product-title {
    margin-bottom: -10px;
  }
}
.hp-row.hp-row-inverse h1.section-header {
  border-bottom: 1px solid #fff;
}
.secondary-content {
  font-size: 14px;
  line-height: 1.1;
  color: #767676;
}
.secondary-content p {
  margin-bottom: 20px;
  line-height: 18px;
}
.secondary-content a {
  line-height: 18px;
}
.secondary-content ul a {
  font-size: 14px;
}
h3.text-normal.hidden-lg {
  color: #5a5a5a;
  font-weight: 600;
  margin-top: 10px;
  font-size: 16px;
  margin-bottom: 0;
}
ul.with-bullets {
  margin-left: 40px;
}
ul.with-bullets li {
  list-style-type: disc;
}
ul.with-links {
  margin-left: 0;
}
ul.with-links li {
  list-style-type: none;
}
ul,
ol {
  color: #767676;
  margin-bottom: 20px;
}
ul.with-padding li,
ol.with-padding li {
  padding: 2px 0;
}
ul.with-icons i,
ol.with-icons i {
  margin-right: 5px;
}
ul.expanded li {
  margin-bottom: 10px;
}
ul.condensed li {
  margin-bottom: 2px;
  padding: 2px 0;
}
ul.ul-condensed li {
  margin-bottom: 0;
  padding: 1px 0;
}
ul.unstyled {
  margin-left: 0;
  margin-bottom: 20px;
}
ul.unstyled li {
  list-style-type: none;
}
ol {
  margin-left: 40px;
  margin-bottom: 20px;
}
ol li {
  list-style-type: decimal;
}
li {
  line-height: 22px;
}
ul.medium-margin-list li {
  line-height: 33px;
}
p {
  color: #767676;
  line-height: 22px;
  margin-bottom: 20px;
}
p.meta-link {
  margin-top: -10px;
  margin-bottom: 15px;
}
strong {
  font-family: HPSimplified;
  font-weight: bold;
}
em {
  font-family: HPSimplified;
  font-style: italic;
}
.text-blue,
.text-blue strong {
  color: #0096D6 !important;
}
.text-red,
.text-red strong {
  color: red !important;
}
.text-purple,
.text-purple strong {
  color: #800080 !important;
}
.text-dark,
.text-dark strong {
  color: #373737 !important;
}
.text-black,
.text-black strong {
  color: #000 !important;
}
.text-white,
.text-white strong {
  color: #fff !important;
}
.text-critical,
.text-critical strong {
  color: #D7410B !important;
}
.text-small {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.text-small a {
  line-height: 16px;
}
.text-light {
  font-family: HPSimplifiedLight;
  font-weight: normal;
}
.text-normal {
  font-weight: normal;
  word-wrap: break-word;
}
.text-h3 {
  font-weight: normal;
  font-size: 22px;
  color: #767676;
}
.text-h4 {
  font-size: 18px;
}
.hp-logo-blue {
  background: transparent;
  content: "\f000";
  color: #0096D6;
  font-family: HPIcons, HPSimplified;
  font-style: normal;
  font-size: 50px;
  height: 50px;
  width: 50px;
  display: block;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
blockquote {
  background-color: #fff;
  border-left: 3px solid #0096D6;
  padding: 10px 15px;
  margin-bottom: 20px;
}
blockquote p:last-child {
  margin: 0;
}
blockquote h5 {
  color: #0096D6;
}
blockquote.blockquote-warning {
  background-color: #fff;
  border-left: 3px solid #ff7f00;
}
blockquote.blockquote-warning h5 {
  color: #ff7f00;
}
blockquote.blockquote-critical {
  background-color: #fff;
  border-left: 3px solid red;
}
blockquote.blockquote-critical h5 {
  color: red;
}
.important-callout {
  color: #D7410B;
  border-left: 3px solid #D7410B;
}
.blue-callout {
  color: #0096D6;
  border-left: 3px solid #0096D6;
}
figcaption {
  font-size: 14px;
  line-height: 18px;
  color: #767676;
  margin: 10px 0 20px 0;
}
figcaption strong {
  color: #373737;
}
[class^="icon-"]:not(.icon-content),
[class*=" icon-"]:before {
  font-family: 'HPControlIcons';
  position: relative;
  font-size: 16px;
  top: 1px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  font-smoothing: antialised;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-pls-wBox:before {
  top: -4px;
  border: 1px solid gray;
  padding: 3px 2px 2px 2px;
  font-size: 10px;
  content: "\e606";
}
.icon-pls-wBox:before {
  top: -4px;
  border: 1px solid gray;
  content: "\e606";
  padding: 3px 2px 2px 2px;
  font-size: 10px;
  content: "\e605";
}
.icon-bookmark:before {
  content: "\e648";
}
.icon-to_top:before {
  content: "\e647";
}
.icon-psf_notifications:before {
  content: "\e599";
}
.icon-dwn:before {
  content: "\e601";
}
.icon-up:before {
  content: "\e602";
}
.icon-lft:before {
  content: "\e603";
}
.icon-rght:before {
  content: "\e604";
}
.icon-mn:before {
  content: "\e605";
}
.icon-pls:before {
  content: "\e606";
}
.icon-x:before {
  content: "\e607";
}
.icon-chk:before {
  content: "\e608";
}
.icon-bx:before {
  content: "\e609";
}
.icon-bx_lft:before {
  content: "\e60a";
}
.icon-bx_rght:before {
  content: "\e60b";
}
.icon-bx_mn:before {
  content: "\e60c";
}
.icon-bx_pls:before {
  content: "\e60d";
}
.icon-bx_x:before {
  content: "\e600";
}
.icon-bx_chk:before {
  content: "\e60e";
}
.icon-bx_grp:before {
  content: "\e60f";
}
.icon-bx_lst:before {
  content: "\e610";
}
.icon-bx_grd:before {
  content: "\e611";
}
.icon-grp:before {
  content: "\e612";
}
.icon-lst:before {
  content: "\e613";
}
.icon-grd:before {
  content: "\e614";
}
.icon-bxf:before {
  content: "\e615";
}
.icon-bxf_mn:before {
  content: "\e616";
}
.icon-bxf_pls:before {
  content: "\e617";
}
.icon-bxf_x:before {
  content: "\e618";
}
.icon-bxf_chk:before {
  content: "\e619";
}
.icon-bxf_grp:before {
  content: "\e61a";
}
.icon-bxf_lst:before {
  content: "\e61b";
}
.icon-bxf_grd:before {
  content: "\e61c";
}
.icon-rdo_f:before {
  content: "\e61e";
}
.icon-rdo_blnk:before {
  content: "\e61d";
}
.icon-rdo_lg:before {
  content: "\e61f";
}
.icon-rdo_sm:before {
  content: "\e620";
}
.icon-srch_l:before {
  content: "\e621";
}
.icon-srch_r:before {
  content: "\e622";
}
.icon-tooltp:before {
  content: "\e623";
}
.icon-tooltp_f:before {
  content: "\e624";
  color: #0096D6;
}
.icon-mssng_img:before {
  content: "\e625";
}
.icon-mssng_img_sqr:before {
  content: "\e626";
}
.icon-sftwr_drvr:before {
  content: "\e627";
}
.icon-gear_1:before {
  content: "\e628";
}
.icon-gear_2:before {
  content: "\e629";
}
.icon-cht:before {
  content: "\e62a";
}
.icon-hp_support_icons-41:before {
  content: "\e62b";
}
.icon-img_blnk:before {
  content: "\e62c";
}
.icon-media_ply:before {
  content: "\e62d";
}
.icon-feedbk:before {
  content: "\e62e";
}
.icon-prnt:before {
  content: "\e62f";
}
.icon-shr:before {
  content: "\e630";
}
.icon-drvr_dwnld:before {
  content: "\e631";
}
.icon-trblsht:before {
  content: "\e632";
}
.icon-trblsht_2:before {
  content: "\e633";
}
.icon-user_f:before {
  content: "\e634";
}
.icon-user:before {
  content: "\e635";
}
.icon-sprt_cmmnty:before {
  content: "\e636";
}
.icon-spprt:before {
  content: "\e637";
}
.icon-hp_support_icons-60:before {
  content: "\e638";
}
.icon-hp_support_icons-61:before {
  content: "\e639";
}
.icon-lction:before {
  content: "\e63a";
}
.icon-spprt_cht:before {
  content: "\e63b";
}
.icon-dwnld_cloud:before {
  content: "\e63c";
}
.icon-dcmnt:before {
  content: "\e63d";
}
.icon-dcmnts:before {
  content: "\e63e";
}
.icon-hp_support_icons-67:before {
  content: "\e63f";
}
.icon-dwnld_dcmnt:before {
  content: "\e640";
}
.icon-media:before {
  content: "\e641";
}
.icon-shr_dcmnt:before {
  content: "\e642";
}
.icon-qstn_dcmnt:before {
  content: "\e643";
}
.icon-prdt:before {
  content: "\e644";
}
.icon-more:before {
  content: "\e645";
}
.icon-bsnss_cmmnty:before {
  content: "\e646";
}
.icon-helper:before {
  content: "\e649";
}
.icon-return_exit:before {
  content: "\e64d";
}
.icon-step_3:before {
  content: "\e64a";
}
.icon-step_2:before {
  content: "\e64b";
}
.icon-step_1:before {
  content: "\e64c";
}
.icon-tip:before {
  content: "\e64e";
}
.icon-support_home:before {
  content: "\e64f";
}
.icon-info:before {
  content: "\e650";
}
.icon-microsoft-link:before {
  content: "\e651";
}
.icon-external-link:before {
  content: "\e651";
  font-size: 12px;
}
.icon-checkrepair:before {
  content: "\e652";
}
.icon-contactHP:before {
  content: "\e653";
}
.icon-download-drivers:before {
  content: "\e654";
}
.icon-initiate-repair:before {
  content: "\e655";
}
.icon-service-location:before {
  content: "\e656";
}
.replaced-svg.blue {
  fill: #0096D6;
}
a.button,
a.button:hover,
a.button:focus,
a.button:link,
a.button:active {
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
a.button.button-white,
a.button:hover.button-white,
a.button:focus.button-white,
a.button:link.button-white,
a.button:active.button-white {
  color: #0096D6;
}
a.button.button-white:hover,
a.button:hover.button-white:hover,
a.button:focus.button-white:hover,
a.button:link.button-white:hover,
a.button:active.button-white:hover,
a.button.button-white:visited,
a.button:hover.button-white:visited,
a.button:focus.button-white:visited,
a.button:link.button-white:visited,
a.button:active.button-white:visited {
  color: #0096D6;
}
a.btn-link {
  margin-bottom: 20px;
  border: none;
  height: 40px;
  color: #0096D6;
}
a.btn-link:hover,
a.btn-link:visited:hover {
  color: #006699 !important;
}
a.btn-link:visited {
  color: #0096D6 !important;
}
button.btn-link,
.button.btn-link {
  border: none;
  background: none;
}
button.btn-link i[class^="icon-"],
.button.btn-link i[class^="icon-"],
button.btn-link i[class*=" icon-"],
.button.btn-link i[class*=" icon-"] {
  margin-left: 5px;
}
button.button,
.button {
  margin-bottom: 20px;
  border: none;
  height: 40px;
  line-height: 40px;
  border-radius: 0 10px;
  font-smooth: antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  color: #fff;
}
button.button.primary:hover,
.button.primary:hover {
  color: #fff;
}
button.button.button-lg,
.button.button-lg {
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
}
button.button.slim,
.button.slim,
button.button.button-sm,
.button.button-sm {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0 15px;
  margin-bottom: 5px;
}
button.button.right,
.button.right {
  float: right;
}
button.button.icon,
.button.icon {
  border: none;
  background: none;
}
button.button.button-white,
.button.button-white {
  background-color: #fff;
  color: #0096D6;
}
button.button.button-white:hover,
.button.button-white:hover {
  background-color: #efefef;
  color: #0096D6;
}
button.button.button-white:visited,
.button.button-white:visited {
  color: #0096D6 !important;
}
button.button.block-button,
.button.block-button {
  display: block;
}
button.button.inline,
.button.inline {
  line-height: 32px;
  height: 32px;
  padding: 0 15px;
  border: 0;
}
button.button.inline .btn_label,
.button.inline .btn_label {
  font-weight: normal;
}
button.button.inline.button-lg,
.button.inline.button-lg {
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
}
button.button.inline.slim,
.button.inline.slim,
button.button.inline.button-sm,
.button.inline.button-sm {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  padding: 0 12px;
  margin-bottom: 5px;
}
button.button.inline.button-inline,
.button.inline.button-inline {
  margin: 0 5px;
}
button.button.button-inverse,
.button.button-inverse {
  color: #0096D6;
  background-color: #fff;
  border: 1px solid #0096D6;
  height: 46px;
  line-height: 46px;
}
button.button.button-inverse:after,
.button.button-inverse:after {
  content: '\e604';
  font-size: 0.8em;
  font-family: HPControlIcons;
  float: right;
  width: 20px;
  height: 20px;
}
button.button.button-inverse:hover,
.button.button-inverse:hover {
  background-color: #0096D6;
  color: #fff;
  border-color: #0096D6;
}
button.button.button-disabled,
.button.button-disabled,
button.button:disabled,
.button:disabled {
  color: #767676 !important;
  background-color: #d9d9d9;
}
button.button.button-disabled:hover,
.button.button-disabled:hover,
button.button:disabled:hover,
.button:disabled:hover {
  cursor: default;
  background-color: #d9d9d9;
}
button.button:hover,
.button:hover {
  text-decoration: none !important;
}
button.close,
a.close {
  position: absolute;
  z-index: 1;
  top: 27px;
  right: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #000 !important;
}
button.close.close-inverse,
a.close.close-inverse {
  color: #fff !important;
}
.button.button-green {
  color: #fff;
  background-color: #58a500;
}
.button.button-gray {
  color: #fff;
  background-color: #767676;
}
.button.button-gray:hover {
  background-color: #5a5a5a;
}
button.close.icon {
  position: absolute;
  top: 25px;
  right: 20px;
  background-color: transparent;
  background-image: none;
  border: 0;
  -webkit-appearance: none;
  margin: 0;
  line-height: 1;
}
@media only screen and (max-width: 496px) {
  button.close.icon {
    top: 10px;
    right: 10px;
  }
}
button.close.icon:after {
  font-family: 'HPControlIcons';
  content: "\e607";
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  color: #767676;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
button.close.icon:hover:after {
  color: #000;
}
.badge {
  display: inline-block;
  font-size: 12px;
  padding: 5px 8px;
  color: #fff;
  border-radius: 1px;
  margin: 0 2px;
  position: relative;
  border: none;
}
.badge.badge-blue {
  background-color: #0096D6;
}
.badge.badge-critical {
  background-color: #D7410B;
}
.badge.badge-green {
  background-color: #58a500;
}
.badge.badge-round {
  border-radius: 100px;
}
.badge.badge-fr {
  margin: 0;
  float: right;
  top: -4px;
}
.badge.badge-tooltip {
  padding: 0;
  position: relative;
  top: -1px;
}
.badge.badge-tooltip:hover {
  cursor: pointer;
}
.badge.badge-tooltip i {
  margin: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.badge.visible-lg {
  display: inline-block !important;
}
.badge i {
  font-size: 14px;
  line-height: 14px;
  margin-right: 2px;
}
h3 .badge {
  display: inline-block;
  font-size: 16px;
  line-height: 1px;
  position: relative;
  top: -1px;
}
.modal-body .button {
  margin-bottom: 10px;
}
.button-group .button {
  margin-right: 10px;
  margin-bottom: 0;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group.right {
  text-align: right;
}
.close-bg {
  position: relative;
  height: 25px;
}
.close-bg button.close {
  position: absolute;
  top: auto;
  right: 0;
}
.content-with-button-inline .button {
  margin: 0 15px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .content-with-button-inline .button {
    display: block;
    margin: 10px 0 0 0;
  }
}
.fileUpload {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 496px) {
  .fileUpload {
    float: right;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .fileUpload {
    float: right;
    margin-top: 10px;
  }
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  height: 100%;
  filter: alpha(opacity=0);
}
.fileUploadLoader img {
  width: 30px;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .fileUploadLoader {
    margin-top: -70px;
  }
}
@media only screen and (max-width: 496px) {
  .fileUploadLoader {
    margin-top: -77px;
  }
}
#fileExit {
  border: none;
  background: none;
  color: #0096d6;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  font-size: 18px;
  margin: auto;
}
body.ie#fileExit {
  width: 20px;
  top: 2px;
  bottom: 2px;
  background-color: #fff;
}
input[disabled=disabled]body.ie#fileExit {
  background-color: #efefef;
}
html[dir=rtl] body.ie .fileUpload input.upload {
  direction: ltr;
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] .fileUpload {
    float: left !important;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  html[dir=rtl] .fileUpload {
    float: left !important;
    margin-top: 10px;
  }
}
html[dir=rtl] #fileExit {
  left: 30px;
  right: auto;
}
.btn-circle {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 5px;
}
.btn-circle.primary {
  background-color: #0096D6;
  color: #ffffff;
}
.btn-circle.primary:hover {
  background-color: #007dba;
  color: #ffffff;
}
html[dir=rtl] .wdButton input[type=submit] {
  float: left;
}
.btn-secondary-light {
  background: white;
  border: 1px solid #0096D6;
  color: #0096D6;
  cursor: pointer;
  font-family: HPSimplifiedLight;
  font-size: 18px;
  letter-spacing: 0.05rem;
  text-align: center;
  max-width: 280px;
  border-radius: 3px;
  min-height: 50px;
  padding: 15px 30px;
  transition: color 0.4s, background-color 0.4s, border-color 0.4s;
}
.btn-secondary-light:hover {
  background: #0171AD;
  color: #fff;
}
.btn-secondary-light.disabled {
  background: #fff;
  color: #cccccc;
  border-color: #cccccc;
}
.btn-secondary-light.disabled:hover {
  background: #fff;
  color: #cccccc;
  border-color: #cccccc;
}
.btn-secondary-light:disabled {
  background: #fff;
  color: #cccccc;
  border-color: #cccccc;
}
.btn-secondary-light:disabled:hover {
  background: #fff;
  color: #cccccc;
  border-color: #cccccc;
}
a.btn-secondary-light {
  display: inline-block;
}
a.btn-secondary-light:hover {
  background: #0171AD;
  color: #fff;
}
.btn-primary-light {
  background: #0096D6;
  border: 1px solid #0096D6;
  color: #fff;
  cursor: pointer;
  font-family: HPSimplifiedLight;
  font-size: 18px;
  letter-spacing: 0.05rem;
  text-align: center;
  max-width: 280px;
  border-radius: 3px;
  min-height: 50px;
  padding: 15px 30px;
  transition: color 0.4s, background-color 0.4s, border-color 0.4s;
}
.btn-primary-light:hover {
  background: #1159a0;
  color: #fff;
}
.btn-primary-light.disabled {
  background: #cccccc;
  color: #fff;
  border-color: #cccccc;
}
.btn-primary-light.disabled:hover {
  background: #cccccc;
  color: #fff;
  border-color: #cccccc;
}
.btn-primary-light:disabled {
  background: #cccccc;
  color: #fff;
  border-color: #cccccc;
}
.btn-primary-light:disabled:hover {
  background: #cccccc;
  color: #fff;
  border-color: #cccccc;
}
a.btn-primary-light {
  display: inline-block;
  color: #fff;
}
a.btn-primary-light:hover {
  background: #1159a0;
  color: #fff;
}
a.pdpClose {
  top: 39px !important;
  right: 37px !important;
}
table {
  max-width: 100%;
  background-color: transparent;
  color: #767676;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table.table-layout-fixed {
  table-layout: fixed;
}
.table h5 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px;
  vertical-align: middle;
}
.table.table-no-padding {
  padding: 10px 0;
}
.table > thead > tr > th {
  font-weight: bold;
  color: #000;
  vertical-align: bottom;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ccc;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px 0;
}
.table-condensed-sm > thead > tr > th,
.table-condensed-sm > tbody > tr > th,
.table-condensed-sm > tfoot > tr > th,
.table-condensed-sm > thead > tr > td,
.table-condensed-sm > tbody > tr > td,
.table-condensed-sm > tfoot > tr > td {
  padding: 2px 0;
}
.table-bordered {
  border: 1px solid #ccc;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ccc;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #efefef;
}
.table-bordered.horizontal-border {
  border: 0;
}
.table-bordered.horizontal-border > thead > tr > th,
.table-bordered.horizontal-border > tbody > tr > th,
.table-bordered.horizontal-border > tfoot > tr > th,
.table-bordered.horizontal-border > thead > tr > td,
.table-bordered.horizontal-border > tbody > tr > td,
.table-bordered.horizontal-border > tfoot > tr > td {
  border: 0;
  border-bottom: 1px solid #ccc;
}
.table-bordered.horizontal-border > thead > tr > th,
.table-bordered.horizontal-border > thead > tr > td {
  background-color: transparent;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table > tbody > tr > td p:last-child,
.table > tbody > tr > td figcaption:last-child {
  margin: 0;
}
.table-steps > tbody > tr > td:first-child {
  text-align: center;
  font-weight: bold;
  color: #373737;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.form-footer {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin: 0;
}
.form-footer > div {
  padding: 0;
}
.form-footer .form-meta {
  font-size: 14px;
  float: left;
  width: 240px;
  line-height: 16px;
  margin-right: 20px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .form-footer .form-meta {
    width: 100% !important;
    float: none;
    text-align: left;
    margin: 0 0 20px 0;
  }
}
.form-footer .form-meta.form-meta-md {
  width: 75%;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .form-footer .button-group {
    display: block;
    float: none !important;
    margin-bottom: 20px;
  }
}
input[type="radio"],
input[type="checkbox"],
input[type="file"] {
  margin-right: 5px;
}
label {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #373737;
  margin-bottom: 5px;
}
label.label-blank:after {
  content: 'label';
  position: relative;
  opacity: 0;
}
label button.badge {
  position: absolute;
  top: -3px;
  right: -28px;
}
span.required {
  font-size: 18px;
  font-weight: bold;
  color: red;
}
form .dropdown {
  margin-bottom: 20px;
}
.form-input {
  color: #767676;
  /* width: 100% !important; // added on code merge */
  padding: 10px;
  height: 46px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
}
.form-input:not(.small),
.form-input:not(.medium) {
  width: 100%;
}
.form-input.small {
  width: 28%;
}
.form-input.medium {
  width: 50%;
}
.form-input.next-to-dropdown {
  height: 46px;
}
.form-input input[type="text"] {
  width: 100%;
  color: #767676;
}
.form-input-inline {
  max-width: 240px;
  margin-right: 10px;
  width: 100%;
}
.form-input-margin {
  margin-bottom: 15px;
}
.form-group-inline {
  margin-bottom: 5px;
}
.form-group-inline input {
  margin-bottom: 0;
}
.form-group-right {
  text-align: right;
}
.form-textarea {
  color: #767676;
  width: 100%;
  height: auto;
  display: block;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
}
.form-textarea:hover {
  color: #000;
}
.inline-label span.table-cell .form-input {
  vertical-align: middle;
}
.inline-label span.table-cell .button {
  margin-bottom: 0;
}
.inline-label span.table-cell .form-input.small {
  margin-right: 20px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .inline-label span.table-cell {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
  }
  .inline-label span.table-cell.sixty {
    width: 60%;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .inline-label span.table-cell {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .inline-label span.table-cell > label {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) and (min-width: 497px), only screen and (max-width: 496px) and (min-width: 497px) {
  .inline-label span.table-cell {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) and (min-width: 300px), only screen and (max-width: 496px) and (min-width: 300px) {
  .inline-label span.table-cell {
    float: left;
    width: 100%;
  }
}
.radio label,
.checkbox label {
  font-weight: normal;
}
.radio label:hover,
.checkbox label:hover {
  cursor: pointer;
}
.radio-inline {
  display: inline-block;
  margin-right: 20px;
}
.radio-inline:last-child {
  margin: 0;
}
.horizontal-list:before,
.horizontal-list:after {
  content: " ";
  display: table;
}
.horizontal-list:after {
  clear: both;
}
.horizontal-list:before {
  content: " ";
  display: table;
}
.horizontal-list:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .horizontal-list .radio {
    text-align: center;
  }
  .horizontal-list .radio .icheck-item {
    display: block;
  }
  .horizontal-list .radio .icheck-item:before {
    position: absolute;
    left: 0;
    right: 0;
  }
}
.form-group {
  margin-bottom: 20px;
}
.form-group .help-block,
.form-group .error-block {
  font-size: 14px;
  color: #767676;
  margin-top: 10px;
}
.form-group .error-block {
  display: none;
}
.form-group.error label:not(.no-error-label),
.form-group.error .required {
  color: red;
}
.form-group.error input[type="text"],
.form-group.error input[type="phone"],
.form-group.error input[type="email"],
.form-group.error input[type="number"],
.form-group.error textarea {
  color: red;
  border-color: red;
}
.form-group.error .fancy-select .trigger,
.form-group.error .fancy-select .trigger:after {
  border-color: red;
}
.form-group.error .error-block {
  display: block;
  color: red;
}
.form-group.error .help-block {
  display: none;
}
.form-group .errorElement {
  border: 1px solid red!important;
}
.form-group .errorMessage {
  position: static;
  margin-top: 2px!important;
  margin-right: 0!important;
  margin-bottom: 0!important;
  margin-left: 0!important;
  padding-top: 0!important;
  padding-right: 0!important;
  padding-bottom: 0!important;
  padding-left: 0!important;
  color: red!important;
  font-size: 12px!important;
  font-weight: 700;
}
.os-selection.form-group,
.form-group .fancy-select {
  margin: 0;
}
.os-selection.form-group .trigger,
.form-group .fancy-select .trigger {
  margin: 0;
}
.select-loader {
  right: 0;
  left: 0;
  width: auto;
  margin: auto;
  margin-bottom: 20px;
  display: none;
}
.form-title {
  margin-bottom: 20px;
}
.input-submit-inline {
  position: relative;
}
.input-submit-inline .form-input {
  width: auto !important;
  float: left;
  color: #767676;
}
@media only screen and (max-width: 496px) {
  .input-submit-inline .form-input {
    width: 100% !important;
  }
}
.input-submit-inline input[type="submit"],
.input-submit-inline input[type="button"] {
  float: left;
  height: 46px;
  line-height: 46px;
  margin-bottom: 0;
  margin-left: 10px;
}
@media only screen and (max-width: 496px) {
  .input-submit-inline input[type="submit"],
  .input-submit-inline input[type="button"] {
    margin: 10px 0 0 0;
  }
}
input:disabled,
input:disabled:hover,
textarea:disabled,
textarea:disabled:hover,
input.read-only,
span.disabled {
  border-color: #949494;
  color: #767676;
  background-color: #efefef;
  cursor: not-allowed;
}
.dependant-select.invalid .trigger {
  border: 1px solid #0096D6;
}
.dependant-select.invalid .trigger:after {
  border-left: 1px solid #0096D6;
}
.dependant-select.invalid .valid + .trigger {
  border: 1px solid #767676;
}
.dependant-select.invalid .valid + .trigger:after {
  border-left: 1px solid #767676;
}
.dependant-select .last .trigger {
  border: 1px solid #0096D6;
}
.dependant-select .last .trigger:after {
  border-left: 1px solid #0096D6;
}
.error-tips {
  margin-bottom: 10px;
}
.error-tips ul {
  margin-left: 15px;
}
.error-tips ul li {
  margin-top: 10px;
}
.error-tips span.key-value {
  font-weight: bold;
}
.error-tips input[type="text"] {
  border-color: red;
}
.feedback-form label {
  margin-bottom: 20px;
  font-weight: normal;
}
.feedback-form .radio label {
  margin-bottom: 0;
}
#uploadFile {
  position: relative;
  padding-right: 35px;
}
.hide-usi-error .errorMessage {
  display: none;
}
.nocheckDiv {
  margin-bottom: 15px;
  margin-top: 15px;
  color: #FF0000 !important;
}
#wdKoreanLegalCheck .QuestionGroup {
  margin-top: 20px;
}
#wdKoreanLegalCheck .QuestionGroup .rdQuestion p {
  display: inline-block;
}
#wdKoreanLegalCheck .QuestionGroup .rdQuestion .cb {
  display: inline-block;
  float: right;
}
#twAgreementCheck .icheckbox_flat-blue:before {
  line-height: 1;
}
#legalContent.open {
  overflow-y: scroll;
  max-height: 300px;
  margin-top: 15px;
}
#legalContent.closed {
  display: none;
}
html[dir=rtl] #uploadFile {
  position: relative;
  padding-left: 35px;
}
.block {
  border: 1px solid #767676;
  padding: 15px;
  margin-bottom: 20px;
}
.block h5 {
  font-size: 14px;
  line-height: 14px;
}
.gray-block {
  background-color: #f2f2f2;
}
.gray-block:before,
.gray-block:after {
  content: " ";
  display: table;
}
.gray-block:after {
  clear: both;
}
.gray-block:before {
  content: " ";
  display: table;
}
.gray-block:after {
  content: " ";
  display: table;
  clear: both;
}
.gray-block.component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  align-items: stretch;
}
.gray-block.component h2,
.gray-block.component h3 {
  margin-bottom: 20px;
  line-height: 1;
}
.gray-block.component h2 span.small,
.gray-block.component h3 span.small {
  font-size: .7em;
  margin-bottom: 5px;
}
.gray-block.component h2 > span,
.gray-block.component h3 > span {
  display: block;
  color: #5a5a5a;
  font-weight: normal;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .gray-block.component h2,
  .gray-block.component h3 {
    min-height: 20px;
  }
}
.gray-block.component h2 button.icon i.icon-tooltp_f,
.gray-block.component h3 button.icon i.icon-tooltp_f {
  font-size: 20px;
}
@media only screen and (max-width: 496px) {
  .gray-block.component h2 button.icon i.icon-tooltp_f,
  .gray-block.component h3 button.icon i.icon-tooltp_f {
    font-size: 16px;
  }
}
.gray-block.component .button {
  margin-bottom: 0px;
}
.gray-block.component .hp-row {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: table;
}
.gray-block.component .hp-row a {
  margin-top: 10px;
}
.gray-block.component .hp-row a.help-block,
.gray-block.component .hp-row a.error-block {
  font-size: 14px;
  margin-top: 10px;
}
.gray-block.component .hp-row a:last-of-type:not(.button) {
  display: block;
  margin-top: 5px;
}
.gray-block.tab-box .nav.nav-tabs {
  margin: 0;
}
.gray-block.tab-box .nav.nav-tabs li {
  display: inline;
  text-align: left;
  background-color: #ccc;
  min-height: 40px;
  font-size: 24px;
}
.gray-block.tab-box .nav.nav-tabs li:nth-child(1) {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 20px;
}
@media (min-width: 300px) {
  .gray-block.tab-box .nav.nav-tabs li:nth-child(1) {
    float: left;
    width: 58.33333333%;
  }
}
.gray-block.tab-box .nav.nav-tabs li:nth-child(2) {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 20px;
}
@media (min-width: 300px) {
  .gray-block.tab-box .nav.nav-tabs li:nth-child(2) {
    float: left;
    width: 41.66666667%;
  }
}
.gray-block.tab-box .nav.nav-tabs li.active {
  background-color: #f2f2f2;
}
.gray-block.tab-box .nav.nav-tabs li a {
  color: black;
}
.gray-block.tab-box .content {
  padding: 20px;
}
.gray-block.tab-box .content .button {
  margin-bottom: 0px;
}
.gray-block.tab-box .content .hp-row {
  margin-left: 0px;
  margin-right: 0px;
  display: table;
}
.gray-block.tab-box .content .hp-row a {
  display: cell;
  margin-top: 10px;
}
.gray-block.tab-box .content .hp-row a:last-of-type {
  display: block;
}
.block-green {
  color: #58a500;
  background-color: #f2ffd6;
  border-color: #c9ea81;
}
.block-green h5 {
  color: #008424;
}
.block-blue {
  color: #006699;
  background-color: #e8f8ff;
  border-color: #afe7ff;
}
.block-blue h3,
.block-blue h5 {
  color: #006699;
}
.block-blue p {
  color: #0096D6;
}
.block.with-big-title h3 {
  margin: 0 0 10px 0;
}
.block.with-big-title p,
.block.with-big-title ul,
.block.with-big-title ul li {
  margin-bottom: 0;
}
.block.first-block {
  margin-bottom: 30px;
}
.content-block {
  padding: 40px;
  margin-bottom: 20px;
}
.column-block {
  padding: 20px;
  position: relative;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .column-block {
    min-height: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .column-block .button {
    position: relative;
    bottom: auto;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .column-block .detect-now-btn.button {
    bottom: 10px;
  }
}
.column-block.gray-block .hp-row {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .column-block.gray-block {
    padding: 15px;
  }
}
.column-block.tile-block {
  padding: 0 0 15px;
  border: 2px solid #fff;
  height: 100%;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .column-block.tile-block {
    padding-bottom: 15px;
  }
}
.column-block.tile-block:hover {
  border-color: #ccc;
}
.column-block.tile-block:hover h3 {
  color: #006699;
}
.column-block.tile-block:hover a {
  color: #006699;
}
.row-block {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 20px 5px;
}
.row-block.media-left {
  padding: 0 20px 0 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .row-block.media-left {
    padding: 0;
  }
}
.row-block.media-left .media {
  padding-left: 0;
  padding-right: 20px;
}
.row-block.media-left .media img {
  width: 100%;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .row-block.media-left .media {
    padding-right: 0;
  }
}
.row-block.media-left .media-content {
  padding: 20px 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .row-block.media-left .media-content {
    padding: 20px;
  }
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*CSS for video section on SWD pages*/
div#containerForPaginationHead h2 {
  float: left;
  margin-left: 15px;
}
html[dir=rtl] .pagination-container span {
  margin-left: 0;
  margin-right: 4PX;
}
.pagination-container span {
  color: #767676;
  font-size: 16px;
  margin-right: 0;
}
.paginationTotalVal,
.totalResults {
  font-family: hpsimplified;
  font-weight: bold;
  color: #373737!important;
}
.pagination-container button {
  vertical-align: middle;
  margin-left: 3px;
}
html[dir=rtl] .pagination-container button {
  margin-right: 3px;
  vertical-align: top;
}
html[dir=rtl] .text-blue {
  margin-right: 5px;
}
.text-blue {
  margin-left: 5px;
}
.tab-pane .video .videoContent:nth-child(3n+1) {
  clear: both;
}
.badge {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  border-radius: 1px;
  margin: 0 2px;
  position: relative;
  padding: 0;
  top: -1px;
  text-align: center;
}
.badge:hover {
  cursor: pointer;
}
.badge.badge-blue {
  background-color: #0096D6;
}
.badge.badge-critical {
  background-color: #D7410B;
}
.badge.badge-green {
  background-color: #58a500;
}
.badge.badge-round {
  font-weight: bold;
  padding: 0;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  border-radius: 100px;
}
.badge.badge-round i {
  width: 20px;
  margin: 0;
}
.badge.badge-fr {
  margin: 0;
  float: right;
  top: -4px;
}
.badge.visible-md,
.badge.visible-sm {
  display: inline-block !important;
}
.badge i {
  font-size: 14px;
}
#icon-binoculars {
  width: 30px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
.icon-prefix-list {
  margin-left: 22px;
}
.icon-prefix-list li:before {
  margin-left: -22px;
  color: #0096D6;
}
.icon-prefix-list a,
.icon-prefix-list p {
  font-family: HPSimplified;
}
.tip {
  padding: 20px;
  background-color: #e8f5fb;
  color: #373737;
  display: table;
  width: 100%;
}
.tip span {
  display: table-cell;
  vertical-align: middle;
}
.tip span.icon-tip {
  width: 21.6px;
}
.tip span.icon-tip:before {
  color: #0096D6;
  font-size: 21.6px;
  top: 0;
}
.tip span:not(.icon-tip) {
  padding-left: 10px;
}
.tip.error {
  background: #ffe5e5;
}
.tip.error span.icon-tip:before {
  color: #D7410B;
}
.text-blue {
  color: #0096D6 !important;
}
.black {
  color: black;
}
.gray {
  color: #767676 !important;
}
.placeholderText {
  color: #909090 !important;
}
/*Red - Error text font color*/
/*calculated in EM withrespect to body's font size*/
.hp-icon-close:after {
  font-family: 'HPControlIcons';
  content: "\e607";
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  color: #767676;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.hp-icon-close:hover:after {
  color: #000;
}
.body a.button:visited {
  color: #fff;
}
.body a.button.white:visited {
  color: #0096D6;
}
@media screen and (max-width: 1279px) and (min-width: 1000px) {
  .footer .hp_employees_container {
    display: none !important;
  }
}
@media screen and (max-width: 999px) {
  .footer .hp_employees_container {
    display: none !important;
  }
}
.header .hf_top_menu li,
.ul_site_links li {
  list-style-type: none;
}
/*3558: change z-index from 1000 to 999 to put PSF over header*/
.header {
  z-index: 999;
}
.hp-header {
  display: block;
  color: #000;
  background-color: transparent;
  margin: 10px 0 0 0;
  width: 100%;
  /* changed  dropdown to customDropdown to separate styling for all hpStyleDropdowns and secondary nav dropdowns - Himanshu */
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header {
    position: absolute;
    z-index: 99;
    top: 0;
  }
  .hp-header.sticky {
    position: fixed!important;
    top: 0;
    z-index: 9999;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .container {
    position: relative;
  }
}
.hp-header .hp-header-search .mobile-search-toggle-close {
  line-height: 36px;
  float: right;
  display: block;
}
.hp-header .hp-header-search .mobile-search-toggle-close:hover,
.hp-header .hp-header-search .mobile-search-toggle-close:focus {
  color: #0096D6;
}
.hp-header .hp-header-search #clear-search {
  position: absolute;
  color: #ccc;
  bottom: 0;
  right: 15px;
  left: auto;
  top: 0;
  margin: auto;
  font-size: 28px;
  text-align: center;
  background-position: -2px -372px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .hp-header-search {
    background-color: #FFFFFF;
    border-bottom: 1px solid #ccc;
    text-align: left;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .hp-header .hp-header-search .search-bar-form {
    float: left;
  }
  .hp-header .hp-header-search .search-bar-form button {
    display: none;
  }
  .hp-header .hp-header-search .form-group {
    position: relative;
    margin-bottom: 0;
  }
  .hp-header .hp-header-search .search-bg input {
    padding-right: 36px;
    line-height: 36px;
    height: 36px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .hp-header-search .search-bar-form-bg {
    display: table;
    width: 100%;
  }
  .hp-header .hp-header-search .search-bar-form-bg .search-bar-form,
  .hp-header .hp-header-search .search-bar-form-bg .mobile-search-toggle-close {
    display: table-cell;
    float: none;
  }
  .hp-header .hp-header-search .search-bar-form-bg .search-bar-form {
    width: 100%;
    padding-right: 15px;
  }
  .hp-header .hp-header-search .search-bar-form-bg .mobile-search-toggle-close {
    text-align: center;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .hp-search.hp-section {
    margin: 0;
    padding: 0;
  }
}
.hp-header .hp-row {
  position: relative;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .hp-row {
    position: static;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header {
    color: #fff;
    background-color: #0096D6;
    margin: 0;
  }
}
.hp-header i.header-icon {
  font-size: 100px;
  line-height: 100px;
}
.hp-header h1 {
  font-family: HPSimplified;
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  text-align: left;
  margin-bottom: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header h1 {
    text-align: center;
    margin: 20px 0;
  }
}
.hp-header .header-bug {
  position: absolute;
  top: 11px;
  right: 0;
  font-size: 0.9em;
}
.hp-header .header-bug i:before {
  margin-right: 5px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .header-bug {
    display: none;
  }
}
.hp-header .main-nav {
  position: relative;
  width: 100%;
  /* REMOVE THE END OF THE NAV THAT JUTS OUT 18PX
    &:before, &:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: -18px;
      width: 18px;
      height: 1px;
      background-color: #ccc;
    }
    &:after {
      left: auto;
      right: -18px;
      width: 18px;
    }
    */
}
.hp-header .main-nav .mobile-nav-toggle .icon-arrow {
  position: absolute;
  top: 0;
  right: -10px;
  bottom: 0;
  left: auto;
  margin: auto;
  text-align: center;
  background-position: -2px -438px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
}
.hp-header .main-nav.open .mobile-nav-toggle .icon-arrow {
  background-position: -2px -602px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .main-nav {
    position: static;
    display: table;
  }
}
.hp-header .main-nav .menu {
  margin: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .main-nav:before,
  .hp-header .main-nav:after {
    display: none;
  }
}
.hp-header a#navCommunities:after {
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: #767676;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-header .customDropdown .dropdown-menu li {
    display: block;
    text-align: left;
  }
  .hp-header .customDropdown .dropdown-menu li a.active {
    font-weight: bold;
  }
  .hp-header .customDropdown .dropdown-toggle {
    position: relative;
  }
  .hp-header .customDropdown .dropdown-toggle i {
    background-position: -2px -427px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: auto;
    margin: auto;
    text-align: center;
  }
  .hp-header .customDropdown.open .dropdown-menu a {
    color: #767676;
    font-size: 16px;
    line-height: 16px;
  }
  .hp-header .mobile-nav-wrapper .customDropdown.open .dropdown-toggle i {
    background-position: -2px -602px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 10px;
    height: 6px;
  }
}
.hp-header .mobile-nav-toggle,
.hp-header .mobile-search-toggle {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  color: #FFF !important;
  text-align: left;
  position: relative;
}
.hp-header .mobile-nav-toggle {
  padding-right: 15px;
}
.hp-header .mobile-search-toggle {
  float: right;
  font-family: HPSimplifiedLight;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .hp-header .mobile-nav-wrapper {
    display: block !important;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    float: none;
    min-width: 0px;
    position: static;
    width: auto;
  }
  #guided .hp-header .mobile-nav-wrapper,
  #nonWindows .hp-header .mobile-nav-wrapper {
    border-bottom: 0;
  }
  .hp-header .mobile-nav-wrapper li {
    border: none;
    display: inline-block;
    /*Do not remove added wrapping for secondary nav localization - Himanshu */
    max-width: 20%;
  }
  .hp-header .mobile-nav-wrapper li ul li {
    max-width: 100%;
  }
  .hp-header .mobile-nav-wrapper li a {
    display: block;
    color: #767676;
    line-height: normal;
    border-bottom: 4px solid transparent;
  }
  .hp-header .mobile-nav-wrapper li a.active {
    color: #0096D6;
    border-bottom-color: #fff;
  }
  .hp-header .mobile-nav-wrapper li a:hover {
    background-color: transparent;
    text-decoration: none;
    color: #0096D6;
    border-bottom-color: #0096D6;
  }
  .hp-header .mobile-nav-wrapper li.open .dropdown-toggle {
    background-color: #0096D6;
    color: #fff;
  }
  .hp-header .mobile-nav-wrapper li.open .dropdown-toggle i {
    background-position: -2px -602px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    float: none;
    top: 0;
    right: 10px;
    left: auto;
    bottom: 0;
    margin: auto;
    display: inline-block;
  }
  .hp-header .mobile-nav-wrapper li .dropdown-toggle {
    display: block;
    position: relative;
    width: auto;
  }
  .hp-header .mobile-nav-wrapper li .dropdown-toggle i {
    background-position: -2px -427px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    float: none;
    top: 0;
    right: 10px;
    left: auto;
    bottom: 0;
    margin: auto;
    display: inline-block;
  }
  .hp-header .mobile-nav-wrapper li .dropdown-menu {
    position: absolute;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #dadada;
    border-bottom: 4px solid #0096D6;
  }
  .hp-header .mobile-nav-wrapper li .dropdown-menu li {
    display: block;
    border-bottom: 1px solid #dadada;
  }
  .hp-header .mobile-nav-wrapper li .dropdown-menu li a:hover {
    color: #0096D6;
    background-color: whiteSmoke;
    border-bottom-color: transparent;
  }
}
.customDropdown.level-2.open li a {
  border-bottom-width: 1px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .mobile-nav-wrapper .menu .customDropdown.open .dropdown-toggle {
    color: #fff;
    background-color: #006699;
  }
  .mobile-nav-wrapper .menu .customDropdown .dropdown-menu {
    border: none;
    box-shadow: none;
    position: static;
  }
  .mobile-nav-wrapper .menu .customDropdown .dropdown-menu li {
    color: #fff;
    border-bottom-color: #006699;
  }
  .mobile-nav-wrapper .menu .customDropdown .dropdown-menu a {
    position: relative;
    color: #fff;
    font-size: 14px;
    background-color: #0096D6;
    padding-left: 30px;
  }
  .mobile-nav-wrapper .menu .customDropdown .dropdown-menu a:before {
    content: '-';
    position: absolute;
    top: 14px;
    left: 15px;
  }
}
.bootstrap-nav li strong {
  font-family: HPSimplified;
  font-weight: bold;
  margin-bottom: 10px;
}
.bootstrap-nav li a {
  color: #767676;
}
.bootstrap-nav li a:hover {
  color: #0096D6;
}
.sidebar-nav.hp-row {
  margin: 0;
}
.sidebar-nav li.active a {
  background-color: #0096D6;
  color: #fff;
  padding: 5px 10px;
}
.sidebar-nav li.active a span {
  color: #fff;
}
.sidebar-nav li.active:hover a {
  background-color: #0096D6;
  color: #fff;
}
.sidebar-nav li.active:hover a span {
  color: #fff;
}
.sidebar-nav li a {
  padding: 5px 0;
  display: block;
  color: #5a5a5a;
}
.sidebar-nav li a span {
  float: right;
  display: none;
}
.sidebar-nav li a:hover {
  color: #000;
  background-color: #efefef;
  text-decoration: none;
}
a.mobile-search-toggle:hover,
a.mobile-nav-toggle:hover {
  text-decoration: none;
}
.mobile-search-toggle.out {
  right: -300px;
}
.mobile-nav-toggle.out {
  right: 300px;
}
img.header-bug {
  width: 200px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  html[dir=rtl] .container.hp-header-search .search-bar-form {
    float: right;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  html[dir=rtl] .container.hp-header-search .search-bar-form-bg .search-bar-form {
    padding-left: 15px;
  }
}
html[dir=rtl] h1 {
  text-align: right;
}
html[dir=rtl] .main-nav {
  /* REMOVE THE END OF THE NAV THAT JUTS OUT 18PX
    &:before, &:after {
      
      right: -18px;
      left:auto;
    
    }
    &:after {
      right: auto;
      left: -18px;
     
    }
    */
}
html[dir=rtl] .main-nav .mobile-nav-toggle .icon-arrow {
  left: 0;
  right: auto;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  html[dir=rtl] .customDropdown .dropdown-menu li {
    text-align: right;
  }
  html[dir=rtl] .customDropdown .dropdown-menu a {
    text-align: right;
  }
  html[dir=rtl] .customDropdown .dropdown-toggle i {
    left: 20px;
    right: auto;
  }
}
html[dir=rtl] .mobile-nav-toggle,
html[dir=rtl] .mobile-search-toggle {
  text-align: right;
}
html[dir=rtl] .mobile-nav-toggle {
  padding-left: 15px;
}
html[dir=rtl] .mobile-search-toggle {
  float: left;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] .mobile-nav-wrapper li.open .dropdown-toggle i {
    left: 10px;
    right: auto;
  }
  html[dir=rtl] .mobile-nav-wrapper li .dropdown-toggle i {
    left: 10px;
    right: auto;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .mobile-nav-wrapper .menu .customDropdown .dropdown-menu a {
    padding-right: 30px;
  }
  .mobile-nav-wrapper .menu .customDropdown .dropdown-menu a:before {
    right: 15px;
  }
}
.sidebar-nav li a span {
  float: left;
}
.mobile-search-toggle.out {
  left: -300px;
}
.mobile-nav-toggle.out {
  left: 300px;
}
/*6550: start here*/
/* restore desktop design*/
.customDropdown .mobile-nav-wrapper .container a.sec-nav-dv {
  color: #fff;
  font-weight: normal;
  background-color: #0096D6;
}
/* restore mobile design*/
.customDropdown .mobile-nav-wrapper .container a.sec-nav-mv {
  color: #5a5a5a;
  font-weight: normal;
  background-color: #fff;
}
/*change style on click in mobile design*/
.customDropdown .mobile-nav-wrapper .container a.sec-nav-mv-open {
  color: #0096D6;
  font-weight: bold;
  background-color: #f2f2f2;
}
/*6711 start: change carrot position*/
.customDropdown .mobile-nav-wrapper .container span.secnav-dropdown-carrot {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
/*6711 end*/
.customDropdown .mobile-nav-wrapper .container a.login-required:before {
  content: "* ";
  color: #D7410B;
}
.customDropdown .mobile-nav-wrapper .container a.login-reqd-message {
  font-style: italic;
  font-size: 12px;
  color: #D7410B;
}
.customDropdown .mobile-nav-wrapper .container a.login-reqd-message:before {
  content: "* ";
}
/*6713 start*/
.customDropdown .mobile-nav-wrapper .container > ul > li > ul {
  display: none;
}
.customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > ul > li > a {
  color: #0096D6 !important;
}
.customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > a.first-level {
  color: #0096D6;
  border-bottom: none;
}
.customDropdown .mobile-nav-wrapper .container > ul > li > ul li {
  display: block;
}
/*6713 end*/
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  /*6713 start*/
  html[dir=rtl] .customDropdown .mobile-nav-wrapper .container > ul > li {
    margin-left: 25px;
    margin-right: 0;
  }
  html[dir=rtl] .customDropdown .mobile-nav-wrapper .container > ul > li > ul li a {
    padding-right: 20px;
  }
  /*6713 end*/
  html[lang=nl] .customDropdown .mobile-nav-wrapper .container > ul > li > ul,
  html[lang=fr] .customDropdown .mobile-nav-wrapper .container > ul > li > ul,
  [lang=el] .customDropdown .mobile-nav-wrapper .container > ul > li > ul {
    top: 106%;
  }
  html[lang=hu] .customDropdown .mobile-nav-wrapper .container > ul > li:not(:last-child),
  [lang=es] .customDropdown .mobile-nav-wrapper .container > ul > li:not(:last-child),
  [lang=el] .customDropdown .mobile-nav-wrapper .container > ul > li:not(:last-child),
  [lang=bg] .customDropdown .mobile-nav-wrapper .container > ul > li:not(:last-child) {
    margin-right: 15px;
  }
  .customDropdown {
    margin-top: 20px;
  }
  .customDropdown .mobile-nav-wrapper {
    background-color: #0096D6;
  }
  .customDropdown .mobile-nav-wrapper .container > ul {
    margin-bottom: 0;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li {
    min-height: 40px;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li:not(:last-child) {
    margin-right: 25px;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li.active,
  .customDropdown .mobile-nav-wrapper .container > ul > li:hover {
    border-bottom: solid 4px #fff;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > a {
    color: #fff;
    padding: 0;
    line-height: 150%;
    margin-top: 7px;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li:last-child {
    position: relative;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li:last-child:hover > ul {
    display: block;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
    top: 40px;
    width: 250px;
    border-bottom: solid 4px #0096D6;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul li a {
    padding-left: 20px;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > a {
    height: 53px;
    padding-top: 15px;
    font-weight: bold;
    color: #5a5a5a;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > a:not(.first-level) {
    border-bottom: solid 1px #eee;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > ul {
    margin-bottom: 0;
    border-bottom: solid 1px #eee;
    margin-top: 10px;
    padding-bottom: 5px;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > ul > li a {
    padding-top: 5px;
    padding-bottom: 5px;
    /*3220 start: align text*/
    margin-left: 9px;
    text-indent: -9px;
    /*3220 end*/
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > ul > li a:hover {
    border-bottom-color: #fff;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  /*3557 start: position carrot on sec nav toggle in mobile view*/
  html[dir=rtl] .customDropdown .secNavToggleCarrot {
    position: relative;
    right: 5px;
    top: 15px;
    float: left;
  }
  /*3557 end*/
  .customDropdown .mobile-nav-wrapper .container {
    /*6713 start*/
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    /*6713 end*/
  }
  .customDropdown .mobile-nav-wrapper .container > ul {
    margin-bottom: 0px;
    overflow-y: auto;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li {
    /*6713 start*/
    /*6713 end*/
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li:last-child {
    padding-bottom: 0;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li a {
    padding-left: 20px;
    /*6713 start*/
    padding-right: 20px;
    /*6713 end*/
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li a.active {
    font-weight: normal;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul {
    margin-bottom: 0;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul ul {
    margin-bottom: 0;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > a {
    font-weight: bold;
    /*6713 start*/
    /*6713 end*/
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul > li > a:not(.first-level) {
    border-bottom: solid 1px #ccc;
  }
  .customDropdown .mobile-nav-wrapper .container > ul ul li a {
    padding-left: 40px;
    /*6713 start*/
    padding-right: 40px;
    /*6713 end*/
  }
  /*position dropdown label*/
  .dropdown-toggle.hidden-lg {
    margin-left: 20px;
  }
  /*position search in dropdown label*/
  #mobNavTrigSearch {
    margin-right: 20px;
  }
}
/*6550: end here*/
/*3369 start*/
@media only screen and (min-width: 801px) and (max-width: 1007px) {
  .customDropdown .mobile-nav-wrapper .container > ul > li {
    max-width: 26%;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li > ul {
    top: 40px;
  }
  .customDropdown .mobile-nav-wrapper .container > ul > li:not(:last-child) {
    /*6713 start*/
    margin-right: 10px !important;
    /*6713 end*/
  }
  html[dir=rtl] .customDropdown .mobile-nav-wrapper .container > ul > li > ul {
    left: 0;
    right: inherit;
  }
  html[dir=rtl] .customDropdown .mobile-nav-wrapper .container > ul > li:not(:last-child) {
    /*6713 start*/
    margin-left: 18px !important;
    margin-right: 0 !important;
    /*6713 end*/
  }
  html[lang=ru] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=pl] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=nl] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=fr] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=cs] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=de] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=it] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=sv] .customDropdown .mobile-nav-wrapper .container > ul > li {
    max-width: 20%;
  }
  html[lang=pt] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=es] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=hu] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=el] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=da] .customDropdown .mobile-nav-wrapper .container > ul > li,
  html[lang=bg] .customDropdown .mobile-nav-wrapper .container > ul > li {
    max-width: 18%;
  }
}
.modal .modal-body {
  font-family: 'HPSimplified', Arial;
}
.footer .hp_employees_container {
  display: none !important;
}
.optanon-alert-box-body a {
  color: #fff;
}
.optanon-alert-box-body a:hover {
  color: #fff;
  text-decoration: underline;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  #hp-search {
    display: none;
  }
}
.hp-search.hp-section {
  margin: 0;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .hp-search.hp-section {
    background-color: transparent;
    padding: 0;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-search.hp-section {
    margin: 0 -18px 20px;
    padding: 20px 18px 15px;
  }
  .hp-search.hp-section .hp-row {
    margin: 0;
  }
}
.search-bar-form {
  position: relative;
}
.search-bg {
  position: relative;
  padding: 0;
}
.search-bg .hp-row {
  padding: 0px !important;
}
.search-bg .hp-row .form-outer {
  margin-top: 15px;
  position: relative;
}
.search-bg .pfinder-search {
  line-height: normal!important;
}
.search-bg .dropdown {
  position: absolute;
  left: 0;
  height: 46px;
}
.search-bg .dropdown .button.primary:focus {
  background-color: #0096D6;
  text-decoration: none;
}
.search-bg .dropdown .dropdown-menu {
  left: 0;
  top: 45px;
}
.search-bg .dropdown .dropdown-menu a {
  font-size: 16px;
  line-height: 16px;
  color: #767676;
}
.search-bg .dropdown .dropdown-menu a:hover {
  color: #0096D6;
}
.search-bg .button.inline {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 0;
}
.search-bg #search-dropdown {
  display: none;
  left: 0;
  z-index: 1;
  width: 230px;
  padding: 0px;
}
.search-bg #search-dropdown:hover {
  text-decoration: none;
  background-color: #0096d6;
  cursor: default;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .search-bg #search-dropdown {
    display: block;
  }
}
.search-bg #search-dropdown i {
  float: right;
  line-height: 46px;
}
.search-bg input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 0 60px 0 15px;
  height: 46px;
  line-height: 46px;
  -webkit-appearance: none;
  border-radius: 0;
}
.search-bg input:hover {
  border: 1px solid #aeaeae;
}
.search-bg input:focus {
  border-color: #0096D6;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .search-bg input {
    padding: 0 90px 0 245px;
  }
}
.search-bg .searching {
  display: none;
  position: absolute;
  top: 10px;
  right: 75px;
  font-size: 12px;
  color: #0096D6;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .search-bg .searching {
    display: none !important;
  }
}
@media only screen and (max-width: 496px) {
  .search-bg .searching {
    display: none !important;
  }
}
.search-bg i.fa-circle-o-notch {
  font-size: 22px;
  width: 22px;
  height: 22px;
  line-height: 24px;
  vertical-align: middle;
  margin-left: 5px;
}
.search-bg i.fa-circle-o-notch.fa-spin {
  -webkit-animation: spin .5s infinite linear;
  animation: spin .5s infinite linear;
}
.search-bg span {
  vertical-align: middle;
}
.search-on-bottom .search-bg {
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.search-on-bottom .search-bg #search-dropdown {
  left: 0;
}
.search-on-bottom .search-bg .button.inline {
  right: 0;
}
.search-on-bottom .search-bg .dropdown .dropdown-menu {
  left: 0;
}
.search-bg .help-block {
  margin-top: -15px;
  font-size: 14px;
  color: #767676;
  padding: 0 !important;
}
#predictive-results {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 43px;
  background-color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  border-bottom: 1px solid #aeaeae;
  display: none;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  #predictive-results {
    top: 45px;
    left: 245px;
    right: 60px;
  }
}
#predictive-results li a {
  font-size: 14px;
  display: block;
  border-bottom: 1px solid #efefef;
  color: #767676;
  padding: 5px 15px;
}
#predictive-results li a strong {
  font-weight: bold;
  color: #575757;
}
#predictive-results li a:hover,
#predictive-results li a.hover {
  text-decoration: none;
  color: #0096D6;
  background-color: whiteSmoke;
  cursor: pointer;
}
#predictive-results li a:hover strong,
#predictive-results li a.hover strong {
  color: #0096D6;
}
#predictive-results li.results-title {
  padding: 5px 15px;
  font-size: 12px;
  color: #0096D6;
  text-transform: uppercase;
}
span.regular-font {
  font-weight: normal;
}
#search-example-modal .modal-body {
  padding-top: 40px;
}
.search-result a {
  font-size: 16px;
}
.search-result a:hover {
  color: #006699;
}
.search-result a strong {
  font-weight: bold;
  color: #0096D6;
}
.search-result a strong:hover {
  color: #006699;
}
.search-error a {
  font-weight: bold;
}
.search-feedback h4 {
  margin-bottom: 10px;
}
.search-feedback label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 5px 0;
}
.similar-results h3 {
  font-family: HPSimplified;
}
.similar-results ul {
  color: #0096D6;
}
.similar-results ul strong {
  color: #0096D6;
}
h4.best-search-header {
  color: #767676;
  font-family: HPSimplified;
}
h4.best-search-header strong {
  color: #767676;
}
.help-block.hidden-sm.hidden-md.floatMargin {
  float: left;
  margin-top: 10px!important;
}
.searchInputPadding {
  padding-right: 35px!important;
  padding-left: 10px!important;
  font-size: 14px!important;
}
.centreAlign {
  margin-top: 20px!important;
  vertical-align: middle!important;
  padding-right: 0px!important;
}
.findBtn {
  vertical-align: middle!important;
  display: inline-block !important;
  margin-top: 3px!important;
  margin-bottom: 0px!important;
}
.rmvPad {
  padding-left: 0px;
  padding-right: 0px;
}
.icon-x.rightPush {
  right: 25px!important;
}
.tooltipPad {
  margin-top: 5px;
  padding-left: 0px!important;
}
/*
@media (min-width: 800px){
  .inputMargin{
  margin-top:20px!important;
  }
}
*/
.inputMargin {
  margin-top: 20px!important;
}
.bulletFirst {
  margin-top: 30px!important;
}
@media (max-width: 800px) {
  .bulletFirst {
    margin-top: 0px!important;
  }
}
.add-line {
  padding: 7px 7px 0 0;
}
@media (max-width: 800px) {
  .marginComponent {
    margin-top: 20px!important;
  }
  .help-block.col-sm-16.floatMargin {
    float: left;
    margin-top: 10px!important;
  }
}
.help-block.col-sm-16.floatMargin {
  margin-top: 10px!important;
}
#grayBlockParent a#clear-search {
  position: absolute;
  color: #767676;
  right: 25px;
  padding: 12px 2px;
  font-size: 20px;
  bottom: inherit !important;
  top: 0px !important;
  height: inherit !important;
}
.btnBlock {
  width: 100%;
}
.pfhelpblock {
  margin-top: 15px;
}
@media (max-width: 800px) {
  #grayBlockParent #search-input {
    padding: 0 30px 0 10px!important;
  }
  #grayBlockParent a#clear-search {
    right: -25px;
  }
  .tooltipPad {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 496px) and (min-width: 350px) {
  .reqTypeAhead.searchInputPadding.rtlPadding {
    width: 126%;
  }
}
@media only screen and (max-width: 349px) {
  .reqTypeAhead.searchInputPadding.rtlPadding {
    width: 130%;
  }
}
.clearForm {
  clear: both;
}
.searchInputPadding.rtlPadding {
  padding-left: 10px!important;
  font-size: 14px!important;
  /*d-UAT-15: change pfinder text color*/
  color: #000 !important;
}
.pfinder-mobile-btn {
  width: 45px;
  height: 46px;
  background: #0096D6;
  position: relative;
  left: 36px;
  cursor: default;
}
.pfinder-mobile-enter-icon {
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/enter-pfinder.svg);
  height: 20px;
  position: absolute;
  top: 13px;
  right: -30px;
  z-index: 1;
  background-repeat: no-repeat;
  cursor: default;
}
.ie .pfinder-mobile-enter-icon {
  right: 7px;
}
html[dir=rtl] .searchInputPadding {
  padding-right: 10px!important;
  padding-left: 35px!important;
}
.product-widget {
  text-align: center;
}
.product-widget ul {
  padding: 10px 0;
}
.product-widget ul li {
  color: #767676;
  display: inline-block;
  padding: 0 10px;
}
.product-widget .tier-1 {
  border-bottom: 1px solid #767676;
  font-size: 12px;
}
.product-widget .tier-2 {
  font-size: 14px;
}
.product-widget .register:before {
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/icon-register.png);
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
.no-psf #psf {
  display: none;
}
#psf {
  position: fixed;
  top: 72px;
  bottom: auto;
  right: 0px;
  font-size: 14px;
  background-color: #f2f2f2;
  border-radius: 1px 0 0 1px;
  /*3588: change z-index from 999 to 100000 to put PSF over header after passport login*/
  z-index: 999;
  -webkit-transition: left none !important;
}
#psf .psf-link {
  display: block;
  color: #0096D6;
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: -1px;
}
#psf .psf-link .icon {
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
#psf .psf-link-ie {
  padding-right: 22px;
}
#psf li {
  line-height: 0;
}
#psf li:last-child a i {
  border-bottom: 1px solid #dadada;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #psf {
    bottom: auto;
    top: 53px;
    margin-top: -1px;
    position: absolute;
    z-index: 1;
    right: -100%;
    width: 100%;
    background-color: #f2f2f2;
  }
  #psf.open {
    -webkit-transition: right 300ms ease-in-out;
    right: -41px;
  }
  #psf.open .notifications-bg {
    left: -41px;
  }
  #psf:hover {
    cursor: pointer;
  }
  #psf > li {
    display: inline-block;
    float: left;
  }
  #psf > li a.psf-link {
    margin-bottom: 0;
    margin-right: -1px;
    line-height: 20px;
  }
  #psf > li > .icon {
    background-color: #f2f2f2;
  }
  #psf > li > .icon i {
    text-align: center;
    border: 0;
  }
  #psf > li > .icon span {
    display: none;
  }
  #psf > li:last-child a i {
    border: 0;
  }
  #psf #psf-gripper {
    display: block;
    background-color: #f2f2f2;
    position: absolute;
    left: -41px;
    width: 42px;
    line-height: 20px;
  }
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
/* Pagination structure used by USI is different and donot merge any changes  related to markup, consider only color and border thickness changes */
.view-container {
  float: left;
  margin-top: 5px;
}
.view-container span {
  color: #767676;
  height: 26px;
  line-height: 26px;
  margin-right: 10px;
}
.view-container button {
  border: 1px solid;
  font-family: "HPControlIcons";
  font-size: 1.5em;
  background-color: white;
  color: #ccc;
  background-repeat: no-repeat;
  margin-right: -2px;
  vertical-align: middle;
}
.view-container button.active:before {
  background-color: #0096D6;
}
.view-container button.list-view:before {
  content: "\e610";
}
.view-container button.list-view:hover {
  border-color: #767676;
}
.view-container button.grid-view:before {
  content: "\e611";
}
.view-container button.grid-view:hover {
  border-color: #767676;
}
.view-container button:focus {
  outline: 0;
}
.pagination-container {
  float: right;
  margin-right: 0;
  margin-top: 5px;
}
.pagination-container > * {
  display: inline-block;
}
.pagination-container span {
  color: #767676;
  font-size: 16px;
  margin-right: 0px;
}
.pagination-container span a[data-toggle='show-all']:before {
  content: ' | ';
  color: #767676;
}
.pagination-container span.pagination-count {
  margin-right: 0;
}
.pagination-container strong {
  color: #373737;
}
.pagination-container strong:after {
  display: inline-block;
  font-weight: normal;
  color: #767676;
  padding-right: 10px;
  padding-left: 10px;
}
.pagination-container.bottom {
  margin-top: -15px;
}
.pagination-pages {
  font-size: 16px;
  margin-right: 10px;
}
.pagination-pages li {
  display: inline-block;
}
.pagination-pages li a {
  font-size: 16px;
}
.pagination-pages li a.active {
  font-weight: bold;
  color: #767676;
  cursor: default;
}
.pagination-less:after {
  content: "\e603";
}
.pagination-more:after {
  content: "\e604";
}
.pagination-button {
  background-color: #FFFFFF;
  border: 1px solid #767676;
  height: 26px;
  line-height: 24px;
  position: relative;
  width: 26px;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "HPControlIcons";
  color: #767676;
}
.pagination-button:after {
  margin-left: -3px;
}
.pagination-button:hover,
.pagination-button:focus {
  border: 1px solid #767676;
}
.pagination-button:hover:after,
.pagination-button:focus:after {
  color: #007dba;
}
.pagination-button:disabled {
  border-color: #efefef;
}
.pagination-button:disabled:hover {
  cursor: default;
}
html[dir=rtl] .view-container {
  float: right;
}
html[dir=rtl] .pagination-less:after {
  content: "\e604";
}
html[dir=rtl] .pagination-more:after {
  content: "\e603";
}
@media only screen and (max-width: 496px) {
  .image-header.swdProductInfoImageClass .header-image {
    max-width: 100%;
  }
  .image-header.swdProductInfoImageClass .header-image img {
    width: 364px;
    height: 273px;
    padding: 10px;
  }
}
.image-header .header-image {
  max-width: 25%;
  float: left;
}
.image-header .header-image img {
  min-width: 253px;
  min-height: 140px;
}
.image-header .header-title {
  width: 75%;
  padding: 20px;
  float: left;
  color: #373737;
}
@media only screen and (max-width: 496px) {
  .image-header .header-title {
    max-width: 100%;
    padding: 10px;
  }
}
.image-header .header-title p {
  margin-bottom: 0px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .product-header {
    text-align: center;
  }
}
.product-header .product-image {
  text-align: center;
  margin-top: -20px;
}
.product-header .product-image.push-down {
  margin-top: -10px;
}
.product-header .product-image.pull-up {
  margin-top: -30px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .product-header .product-image {
    margin-top: 0;
  }
}
.product-grid {
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 0 0 1px;
}
body.ie-edge #productHome .product-grid-category img {
  position: absolute !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;
  max-height: 65% !important;
  right: 0 !important;
  margin: 0 !important;
  width: auto !important;
}
body.ie10 #productHome .product-grid-category img {
  position: absolute !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;
  max-height: 65% !important;
  right: 0 !important;
  margin: 0 !important;
  width: auto !important;
}
#productHome .product-grid-category img {
  position: absolute !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;
  max-height: 65% !important;
  right: 0 !important;
  margin: auto !important;
  width: auto !important;
}
@media only screen and (max-width: 496px) {
  #productHome .product-grid-category img {
    display: none;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  #productHome .product-grid-category img {
    display: none;
  }
}
.product-grid-category,
.product-grid-single {
  border: 1px solid #ccc;
  height: 180px;
  position: relative;
  overflow: hidden;
}
.product-grid-category.spaced,
.product-grid-single.spaced {
  margin-right: 10px;
  margin-left: 10px;
}
.product-grid-category .product-grid-category-inner,
.product-grid-single .product-grid-category-inner {
  height: 70%;
}
.product-grid-category .product-grid-category-img,
.product-grid-single .product-grid-category-img {
  height: 100%;
  position: relative;
}
.product-grid-category img,
.product-grid-single img {
  position: absolute;
  bottom: 0;
  max-height: 100%;
  right: 0;
  left: 0;
  margin: auto;
  width: auto;
}
.product-grid-category h3,
.product-grid-single h3 {
  color: #000000;
  height: 30%;
  font-family: HPSimplified;
  font-weight: normal;
  padding: 15px;
  margin: 0;
}
.product-grid-category h3.blue-back,
.product-grid-single h3.blue-back {
  height: 20%;
  margin: 0 -15px;
  color: white !important;
  font-style: italic;
  padding: 10px;
  background-color: #0096D6;
}
.product-grid-category h3.gray-back,
.product-grid-single h3.gray-back {
  height: 20%;
  margin: 0 -15px;
  color: #5a5a5a !important;
  font-style: italic;
  padding: 10px;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .product-grid-category h3,
  .product-grid-single h3 {
    font-size: 16px;
    line-height: 18px;
  }
}
.product-grid-category:hover,
.product-grid-single:hover {
  text-decoration: none !important;
}
.product-grid-category-more i {
  color: #FFFFFF;
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: #0096D6;
  border-radius: 50%;
  position: absolute;
  line-height: 50px;
  font-size: 36px;
  top: -25px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.product-grid-category-more.toggled i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
html[dir=rtl] .product-grid-category-more.toggled i {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.more-products {
  border: 1px solid #ccc;
  padding: 25px;
}
.more-products ul {
  margin-bottom: 0;
}
.product-grid-category-inner {
  padding: 15px;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .product-grid-category {
    height: 150px;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .product-grid-category {
    height: 186px;
  }
}
.product-finder-results .panel {
  /* Do not uncomment AM 1376 - Himanshu 2/2/15 11:29am

		&:not(.open) {
			border: none !important; // remove border per hp-863 12/11/14 6pm
			.panel-heading {
				background-color: @gray-background; // morgan, what should this be?
			}
		}

		*/
}
.product-finder-results .panel .panel-title {
  background-color: #f2f2f2;
}
.product-finder-results .panel .panel-title.open {
  background-color: #fff;
}
.product-finder-results .panel .panel-heading {
  font-weight: bold;
}
.product-finder-results .panel .panel-heading span {
  font-weight: normal;
  color: #767676;
}
.product-finder-results .panel-body ul li {
  padding: 5px;
}
.product-finder-list li.elem.active {
  color: #0096D6;
  font-weight: bold;
}
.product-finder-list li.elem:hover {
  cursor: pointer;
  color: #007dba;
}
html[dir=rtl] .image-header .header-image {
  float: right;
}
.support-home h3.elementValue {
  color: #000000;
  min-height: 30%;
  font-family: HPSimplified;
  font-weight: normal;
  padding: 15px;
  margin: 0;
  max-height: 90px;
  height: auto !important;
}
.template-margin {
  margin-top: 0px;
  margin-bottom: 10px;
}
#pdpTabsPlaceholder .hp-nav-tabs-bg li {
  float: none;
}
#pdpTabsPlaceholder .nav-tabs > li.active > a,
#pdpTabsPlaceholder .nav-tabs > li.active > a:focus,
#pdpTabsPlaceholder .nav-tabs > li.active > a:hover {
  color: white;
  background-color: #373737;
}
.dispute-bar-container {
  background-color: #ffe5e5;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
  margin-top: 5px;
}
.dispute-bar-container p {
  margin: 0 20px 0 0;
}
.dispute-bar-container button.close {
  font-weight: 400;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dispute-bar-container .disputeBar {
  padding: 15px;
  height: 25px;
  margin-bottom: 50px;
  width: 99%;
}
.disputeBarRed {
  background-color: #ffe5e5;
}
.disputeBar .disputeBarInner {
  padding: 2px 0px;
}
.disputeThis {
  padding: 0px 30px;
  float: right;
}
.disputeBar .clean {
  clear: both;
}
.progress-bar-container {
  margin-top: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  height: 40px;
  position: relative;
  width: 100%;
}
.progress-bar {
  background-color: #0096D6;
  height: 100%;
  position: absolute;
  width: 100%;
}
.progress-bar-status {
  color: white;
  font-size: 18px;
  padding: 10px 15px;
  float: right;
  font-weight: bold;
  font-style: italic;
}
#psf .notifications-bg {
  display: none;
  position: absolute;
  z-index: 100;
  top: 41px;
  right: 0;
  width: 400px;
  height: auto;
  padding: 10px 10px 0 10px;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-bottom-color: #adadad;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #psf .notifications-bg {
    bottom: auto;
    width: 100%;
  }
}
#psf .notifications-bg.open {
  display: block !important;
}
#psf .notifications-bg #dismiss-notifications {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: -13px;
}
#notifications-trigger {
  width: 42px;
  height: 42px;
  /* Defect UAT - No color change for alert notification icon*/
  /*	&.viewed #totalNotifications {
		background-color: @gray;
	}*/
}
#notifications-trigger #totalNotifications {
  margin-bottom: 0;
  width: 14px;
  line-height: 13px;
  font-size: 11px;
  height: 13px;
  background-color: #D7410B;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  margin-left: 12px;
}
#notifications-trigger #bell-icon-svg {
  color: #0096D6;
  fill: currentColor;
}
#psf .notifications-bg .notification {
  background-color: #fff;
  margin-bottom: 10px;
  text-align: left;
}
#psf .notifications-bg .notification.critical .notification-title {
  background-color: #D7410B;
}
#psf .notifications-bg .notification .notification-title {
  position: relative;
  padding: 0 15px;
  height: 34px;
  line-height: 36px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background-color: #0096D6;
}
#psf .notifications-bg .notification .notification-title i {
  margin-right: 3px;
}
#psf .notifications-bg .notification .notification-title .close {
  font-size: 24px;
  background-position: -2px -387px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
  text-align: center;
  top: 0;
  right: 10px;
  bottom: 0;
  left: auto;
  margin: auto;
}
#psf .notifications-bg .notification .notification-body {
  padding: 15px;
}
#psf .notifications-bg .notification .notification-body p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
#psf .notifications-bg .notification .notification-body p strong {
  color: #373737;
}
#psf .notifications-bg .notification .notification-body a {
  color: #0096D6;
}
#psf .notifications-bg .notification .notification-body a:hover {
  color: #006699;
}
#psf .notifications-bg.viewed .notification .notification-title {
  background-color: #767676;
}
#empty-notifications {
  display: none;
  padding: 40px;
}
#empty-notifications p {
  margin-bottom: 10px;
  text-align: center;
}
.step {
  /*removing the a. from these styles and generalizing them.*/
  position: relative;
  display: inline-block;
  height: 46px;
  line-height: 46px;
  padding: 0 10px 0 20px;
  background-color: #f2f2f2;
  color: #ccc;
}
.step:visited {
  color: #ccc;
}
.step:hover {
  color: #ccc;
}
@media only screen and (max-width: 496px) {
  .step {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.step.step-1 {
  padding-left: 10px;
  border-radius: 0 0 0 4px;
}
.step:after {
  content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step.jpg);
  width: 25px;
  height: 46px;
  position: absolute;
  right: -25px;
}
@media only screen and (max-width: 496px) {
  .step:after {
    content: '';
  }
}
.step .badge-blue {
  background-color: #fff;
  color: #ccc;
  font-size: 14px;
}
.step.step-1.step-active {
  background-color: #767676;
  color: #fff;
  margin-right: 21px;
  padding-left: 10px;
}
@media only screen and (max-width: 496px) {
  .step.step-1.step-active {
    padding: 0 10px;
    border-radius: 0;
  }
}
.step.step-1.step-active:after {
  content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_active.jpg);
}
.step.step-1.step-active:before {
  content: '';
}
@media only screen and (max-width: 496px) {
  .step.step-1.step-active:after,
  .step.step-1.step-active:before {
    content: '';
  }
}
.step.step-active {
  background-color: #767676;
  color: #fff !important;
  margin-right: 15px;
  padding-left: 35px;
}
@media only screen and (max-width: 496px) {
  .step.step-active {
    padding: 0 10px;
  }
}
.step.step-active:after {
  content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_active-last.jpg);
}
.step.step-active:before {
  content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_active-right.jpg);
  width: 25px;
  height: 46px;
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 496px) {
  .step.step-active:after,
  .step.step-active:before {
    content: '';
  }
}
.step.step-active .badge-blue {
  background-color: #fff;
  color: #767676;
}
@media only screen and (max-width: 496px) {
  .step-bg {
    margin: 0 -15px 0 -15px;
  }
}
.step.step-2 {
  margin-right: 6px;
}
#steps-bar .container .fl ul li.done span.stepspan {
  display: inline;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #steps-bar .container .fl ul li.done span.stepspan {
    display: none;
  }
}
.contact-tile {
  display: block;
  cursor: pointer;
}
.contact-tile .tile-image-bg {
  max-height: 125px;
  overflow: hidden;
  margin-bottom: 15px;
}
.contact-tile img {
  width: 100%;
}
.contact-tile h3 {
  color: #0096D6;
  padding: 0 20px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .contact-tile h3 {
    padding: 0 15px;
  }
}
.contact-tile p {
  margin-bottom: 0;
  padding: 0 20px;
  color: #767676;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .contact-tile p {
    min-height: 0;
    padding: 0 15px;
  }
}
.contact-tile button {
  margin: 0 20px;
}
#single-phone,
#multiple-phone,
#call-me-message,
#email-me-message {
  display: none;
}
#multiple-phone .table > thead > tr > th:first-child,
#multiple-phone .table > tbody > tr > th:first-child,
#multiple-phone .table > tfoot > tr > th:first-child,
#multiple-phone .table > thead > tr > td:first-child,
#multiple-phone .table > tbody > tr > td:first-child,
#multiple-phone .table > tfoot > tr > td:first-child {
  padding-left: 0;
}
#multiple-phone .table.table-bordered.horizontal-border > tbody > tr:last-child > td {
  border: 0;
}
#multiple-phone .table.table-bordered.horizontal-border > tbody > tr > td.contactCountry,
#multiple-phone .table.table-bordered.horizontal-border > tbody > tr > td.contactPhone {
  white-space: nowrap;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #multiple-phone .table.table-bordered.horizontal-border > tbody > tr > td.contactCountry,
  #multiple-phone .table.table-bordered.horizontal-border > tbody > tr > td.contactPhone {
    white-space: initial;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #multiple-phone .table.table-bordered.horizontal-border > tbody > tr > td {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
  }
  #multiple-phone .table.table-bordered.horizontal-border > tbody > tr > td.contactCountry {
    color: #000;
    font-weight: bold;
  }
  #multiple-phone .table.table-bordered.horizontal-border > tbody > tr > td.contactDesc {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #multiple-phone .flag {
    display: none;
  }
}
#email-me-product-image {
  width: 180px;
}
@media only screen and (max-width: 496px) {
  #email-me-product-image {
    display: none;
  }
}
/* consumer Phone - Case 3 additional text */
.recommended-form-filling-text {
  color: black;
  font-weight: bold;
}
/*Contact HP - landing page */
.blueBarBannerDiv {
  font-family: HPSimplifiedLight;
}
.blueBarBannerDiv h2 {
  color: #0096D6;
}
.pfinder-dmd-section {
  margin-top: 0px;
  padding-left: 0px;
  margin-bottom: 0;
}
.contact-header-text {
  margin-top: 25px;
  margin-bottom: 20px;
}
.contact-header-text-mobile {
  margin-top: 25px;
}
hr.hp-row.contact-separator {
  margin: 30px 0;
}
.contact-landing-subtitle {
  font-size: 20px;
}
.continue-as-guest {
  display: inline;
}
.contact-nick-name {
  font-style: italic;
  color: #767676;
  margin-top: 4px;
  margin-bottom: -3px;
  font-size: 18px;
  text-align: left;
}
.banner-text-section {
  margin-top: 40px;
}
.banner-text-section h2 {
  color: #0096D6;
  font-family: HPSimplifiedLight;
}
.banner-text-section h4 {
  margin-top: 10px;
  max-width: 400px;
  font-family: HPSimplifiedLight;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #blueBarBanner {
    height: 180px;
  }
  #blueBarBanner .banner-text-section {
    margin-top: initial;
  }
  .sign-in-guest.container {
    margin-top: 15px;
  }
  .sign-in-guest.container .sign-in-section {
    height: 165px;
    padding: 20px;
    margin-right: initial;
  }
  .sign-in-guest.container .guest-section {
    border-left: initial;
  }
  .sign-in-guest.container .guest-section .smallIconWrapper,
  .sign-in-guest.container .guest-section .continue-text {
    margin-left: initial;
    margin-top: 25px;
  }
}
.sign-in-guest {
  margin-top: 45px;
  font-family: HPSimplifiedLight;
}
.sign-in-guest .sign-in-section {
  border: 1px solid #ccc;
  padding: 35px;
  margin-right: 50px;
}
.sign-in-guest .sign-in-section > div {
  color: #0096D6;
  font-size: 20px;
}
.sign-in-guest .sign-in-section button {
  margin-top: 20px;
  height: 45px;
  padding-top: 10px;
  min-height: initial;
}
.sign-in-guest .guest-section {
  border-left: 1px solid #ccc;
  padding-left: 0;
  min-height: 200px;
}
.sign-in-guest .guest-section .continue-text {
  color: #0096D6;
  font-size: 20px;
  margin-bottom: 30px;
}
.sign-in-guest .guest-section .smallIconWrapper,
.sign-in-guest .guest-section .continue-text {
  margin-left: 50px;
}
.contact-landing-category {
  cursor: pointer;
}
.contact-landing-category button {
  width: 50px;
  height: 50px;
}
.contact-landing-category .product-type-text {
  color: #000;
  display: inline-block;
  position: relative;
  top: -21px;
  left: 20px;
}
.btn-category {
  background: none;
  border: none;
}
.contact-landing-container {
  margin-top: 40px;
}
@media (max-width: 800px) {
  .SWD-landing-navigation-container.contact-landing-container {
    margin-top: 5px;
  }
  .contactTabViews#printerView .container .firstContainer .carouselTooltipBlock,
  .contactTabViews#laptopView .container .firstContainer .carouselTooltipBlock,
  .contactTabViews#desktopView .container .firstContainer .carouselTooltipBlock,
  .contactTabViews#otherView .container .firstContainer .carouselTooltipBlock,
  .contactTabViews#printerView .container .firstContainer .pFinderDmdBlock,
  .contactTabViews#laptopView .container .firstContainer .pFinderDmdBlock,
  .contactTabViews#desktopView .container .firstContainer .pFinderDmdBlock,
  .contactTabViews#otherView .container .firstContainer .pFinderDmdBlock {
    width: 100%!important;
    min-height: 100px!important;
  }
  .contactTabViews#otherView .btnTMSDDSubmit {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .contactTabViews#otherView .btn-primary-light.btnTMSDDSubmit#btnTMSDDSubmit2 {
    margin-top: 15px;
    position: relative;
  }
}
.contactTabViews#printerView .firstContainer .carouselTooltipBlock,
.contactTabViews#laptopView .firstContainer .carouselTooltipBlock,
.contactTabViews#desktopView .firstContainer .carouselTooltipBlock,
.contactTabViews#otherView .firstContainer .carouselTooltipBlock {
  width: 40%!important;
  min-height: 214px!important;
}
.contactTabViews#printerView .firstContainer .pFinderDmdBlock,
.contactTabViews#laptopView .firstContainer .pFinderDmdBlock,
.contactTabViews#desktopView .firstContainer .pFinderDmdBlock,
.contactTabViews#otherView .firstContainer .pFinderDmdBlock {
  width: 60%!important;
  min-height: 214px!important;
  position: relative;
}
.contactTabViews#printerView .contactPfinderTitle,
.contactTabViews#laptopView .contactPfinderTitle,
.contactTabViews#desktopView .contactPfinderTitle,
.contactTabViews#otherView .contactPfinderTitle {
  font-weight: normal;
  margin-bottom: 20px;
  font-family: HPSimplifiedLight;
  font-size: 20px;
  margin-left: 15px;
  margin-top: 28px;
}
.contactTabViews#printerView #printerView #grayBlockParent .predictive-results.search-predictive-results-pfinder,
.contactTabViews#laptopView #printerView #grayBlockParent .predictive-results.search-predictive-results-pfinder,
.contactTabViews#desktopView #printerView #grayBlockParent .predictive-results.search-predictive-results-pfinder,
.contactTabViews#otherView #printerView #grayBlockParent .predictive-results.search-predictive-results-pfinder {
  width: 91.5%;
}
.contactTabViews#printerView #grayBlockParent .predictive-results.search-predictive-results-pfinder,
.contactTabViews#laptopView #grayBlockParent .predictive-results.search-predictive-results-pfinder,
.contactTabViews#desktopView #grayBlockParent .predictive-results.search-predictive-results-pfinder,
.contactTabViews#otherView #grayBlockParent .predictive-results.search-predictive-results-pfinder {
  left: 15px;
  top: 45px;
  right: 0;
}
.contactTabViews#otherView #mob_select_apps_service_container2 {
  margin-top: 25px;
}
.contactTabViews#otherView #btnTMSDDSubmit2 {
  margin-top: 68px;
  position: absolute;
  bottom: 0;
}
.contactTabViews#otherView .btnTMSDDSubmit {
  min-height: 30px;
  padding: 11px 30px;
  min-width: 100px;
  margin-left: 14px;
}
.contactTabViews .pFinderContainer .findButton {
  position: relative;
  top: -3px;
}
.contactTabViews .pFinderContainer .findButton .searchSubmit.findBtn.findBtnSWDPage {
  min-height: 30px;
  padding: 11px 0;
}
.productInformationContactPage {
  border-bottom: 1px solid lightgray;
  margin-bottom: 45px;
  padding: 5%;
}
.carouselTooltipBlockEntitlement {
  min-height: 165px;
}
.firstContainerEntitlement {
  border-bottom: none !important;
}
.swdPfinderTitleContact {
  padding-bottom: 10px;
}
.searchSubmitEntitlement {
  margin-top: 0 !important;
  min-height: 45px;
  min-width: 100px;
  padding: 10px;
}
.pFinderDmdBlockEntitlement {
  border-right: 1px solid lightgray;
  display: inline-block;
  float: left;
  min-height: 160px;
}
.carouselHeadingEntitlement {
  margin-bottom: 20px !important;
}
@media only screen and (max-width: 496px) {
  #checkEntitlementPlaceholder {
    padding: 0;
  }
  .entitlementCheckOthersContainer {
    padding: 0;
  }
  .carouselTooltipBlockEntitlement {
    border-left: none !important;
    border-top: 1px solid lightgray;
    padding-top: 15px;
    padding-left: 0;
  }
  .findButtonEntitlement {
    margin-top: 15px !important;
  }
  .productInformationContactPage {
    margin-bottom: 30px;
  }
  .inputContainerEntitlement {
    padding: 0;
  }
  .pFinderDmdBlockEntitlement {
    border-right: none !important;
  }
}
.contactOptionsFinalView {
  padding: 0;
}
.contactOptionsFinalView .location {
  background: #eee;
  padding: 10px;
  margin-bottom: 35px;
  margin-top: 30px;
  font-family: "HPSimplifiedLight";
  width: 970px;
}
.contactOptionsFinalView .location h1,
.contactOptionsFinalView .location h2,
.contactOptionsFinalView .location h4 {
  font-family: "HPSimplifiedLight";
}
.contactOptionsFinalView .location a.locationLink,
.contactOptionsFinalView .location #locationHeading a {
  color: #337ab7;
  text-decoration: underline;
}
.contactOptionsFinalView .location.location-change {
  height: 65px;
}
.contactOptionsFinalView .location.location-keep {
  height: 110px;
}
.contactOptionsFinalView .location .change-location-view {
  margin-top: -3px;
}
.contactOptionsFinalView .location .change-location-view .location-image-div {
  width: 40px;
}
.contactOptionsFinalView .location .change-location-view div {
  padding-left: 0;
  padding-right: 0;
}
.contactOptionsFinalView .location .location-image {
  width: 18px;
  height: 25px;
  display: inline-block;
}
.contactOptionsFinalView .location .location-dropdown-view {
  clear: both;
  margin-top: 5px;
}
.contactOptionsFinalView .location .location-dropdown-view h3 {
  margin-left: 20px;
}
.contactOptionsFinalView .location .location-dropdown-view button.close.icon {
  top: -5px;
  right: 7px;
}
.contactOptionsFinalView .location .location-dropdown-view #submitLocation {
  min-height: 45px!important;
  height: 45px!important;
  line-height: 13px!important;
  color: #fff!important;
}
.contactOptionsFinalView .location h3 {
  font-family: "HPSimplifiedLight";
}
.contactOptionsFinalView #productInformation {
  font-family: "HPSimplifiedLight";
  padding-right: 0;
}
.contactOptionsFinalView #productInformation img {
  max-width: 275px;
  max-height: 130px;
}
.contactOptionsFinalView #productInformation a {
  color: #337ab7;
  text-decoration: underline;
}
.contactOptionsFinalView #productInformation #warrantyStatus {
  margin-top: 40px;
}
.contactOptionsFinalView #productInformation #warrantyStatus #wsValue {
  color: green;
}
.contactOptionsFinalView #productInformation .pi-product-num {
  margin-top: 10px;
  display: inline-block;
}
.contactOptionsFinalView #productInformation #PIAddDeviceToDashboard {
  background: #d4edf8;
  padding: 6px;
  margin-top: 20px;
}
.contactOptionsFinalView #productInformation #PIAddDeviceToDashboard img.addIcon {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer {
  float: left;
  margin: 25px 0px;
  display: none;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProductBtn {
  background-color: #e8f8ff;
  min-height: 45px;
  padding: 10px 15px;
  display: block;
  color: #0096D6;
  float: left;
  width: 100%;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProductBtn .addIconContainer {
  display: inline-block;
  float: left;
  width: 6%;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProductBtn .addIconContainer .addIcon {
  display: inline-block;
  height: 15px;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProductBtn .addBtnTxt {
  font-size: 18px;
  text-align: center;
  float: left;
  width: 94%;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProdSpinnerContainer {
  background-color: #e8f8ff;
  text-align: center;
  min-height: 45px;
  padding: 10px 0px;
  display: none;
  color: #0096D6;
  float: left;
  width: 100%;
  cursor: progress;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProdSpinnerContainer img {
  margin: auto;
  height: 25px;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProductSuccess {
  background-color: #e8f8ff;
  text-align: center;
  min-height: 45px;
  padding: 10px 15px;
  display: none;
  color: #0096D6;
  float: left;
  width: 100%;
  cursor: default;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProductSuccess .tickIconContainer {
  display: inline-block;
  float: left;
  width: 6%;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProductSuccess .tickIconContainer .tickIcon {
  display: inline-block;
  height: 15px;
}
.contactOptionsFinalView #productInformation .addProductBtnContainer .addProductSuccess .addBtnSuccessTxt {
  font-size: 18px;
  text-align: center;
  float: left;
  color: #373737;
  width: 94%;
}
.contactOptionsFinalView #contactOptionsPlaceholder {
  padding-left: 0;
  padding-right: 0;
  min-height: 220px;
  border-right: 1px solid #cccccc;
}
.contactOptionsFinalView #contactOptionsPlaceholder .contact-option-help-text {
  margin-bottom: 35px;
  margin-left: 10px;
}
.contactOptionsFinalView #contactOptionsPlaceholder h1,
.contactOptionsFinalView #contactOptionsPlaceholder h2,
.contactOptionsFinalView #contactOptionsPlaceholder h4 {
  font-family: "HPSimplifiedLight";
}
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
  width: 605px;
}
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption:last-child {
  border-bottom: none;
}
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption a.btn-primary-light#Forum {
  padding: 15px 7px;
  min-width: 250px;
}
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption a.btn-primary-light,
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption .btn-primary-light,
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption button.btn-primary-light {
  min-height: 45px!important;
  height: 45px!important;
  line-height: 13px;
  color: #fff!important;
}
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption a.btn-primary-light:focus,
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption .btn-primary-light:focus,
.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption button.btn-primary-light:focus {
  color: #fff!important;
}
.bold-text {
  font-weight: bold;
}
.clear-both {
  clear: both;
  display: inline-block;
}
#modal-samsung-printer .modal-body {
  padding-top: 0;
  margin-top: 30px;
}
#modal-samsung-printer .modal-body .example-txt {
  margin-top: 45px;
}
#modal-samsung-printer .modal-body .modal-serialnumber-image-container .modal-serialnumber-image-1 {
  padding-top: 0;
  width: 315px;
}
@media (max-width: 800px) {
  #contactOptionsParent.contactOptionsFinalView #contactOptionsPlaceholder {
    border-right: none;
  }
  #contactOptionsParent.contactOptionsFinalView #contactOptionsPlaceholder .contact-option-help-text {
    margin-top: 0;
  }
  #contactOptionsParent.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption {
    width: initial;
  }
  #contactOptionsParent.contactOptionsFinalView #contactOptionsPlaceholder .activeOption.contactOption:last-child {
    border-bottom: 1px solid #ccc;
  }
  #contactOptionsParent.contactOptionsFinalView .location.location-change {
    height: initial;
    width: initial;
  }
  #contactOptionsParent.contactOptionsFinalView .location.location-change .location-image-div {
    width: initial;
    margin-right: 5px;
  }
  #contactOptionsParent.contactOptionsFinalView .location.location-keep {
    height: initial;
    width: initial;
  }
  #contactOptionsParent.contactOptionsFinalView .location.location-keep .location-image {
    position: relative;
    top: -20px;
  }
  #contactOptionsParent.contactOptionsFinalView .location.location-keep .keep-location-text {
    width: 86%;
    margin-left: 0;
  }
  #contactOptionsParent.contactOptionsFinalView .location.location-keep .location-dropdown-view button.close.icon {
    right: 0;
  }
  #productInformation {
    padding-left: 0;
  }
  #productInformation .addProductBtnContainer {
    padding: 0px;
  }
}
html[dir=rtl] #productInformation .addProductBtnContainer {
  float: right;
}
html[dir=rtl] #productInformation .addProductBtnContainer .addProductSuccess .tickIconContainer {
  float: right;
}
html[dir=rtl] #productInformation .addProductBtnContainer .addProductSuccess .addBtnSuccessTxt {
  float: right;
}
.contactOptionKeyValue {
  margin-top: 10px;
  margin-bottom: 10px;
}
.contactHPNoResultsText {
  font-family: HPSimplifiedLight;
  font-size: 20px;
  margin-top: 20px;
}
.contactView.swdLandingTabViews h2.heading {
  margin-top: 20px;
}
#printerSWDFreeForm.freeFormContactLanding {
  border: none;
}
#error-field-modal .modal-body {
  padding-top: 0;
}
#error-field-modal .error-example-txt {
  margin-top: 0;
  margin-bottom: 20px;
}
.chat-modal-fields #errorCodeTooltip {
  display: inline-block;
}
#guided #banner,
#swd .swd #banner {
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/G_banner_2.png);
  padding-bottom: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #guided #banner,
  #swd .swd #banner {
    display: none;
    margin-top: -20px;
  }
}
#swd #banner {
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/hero-index_fpo.png);
  padding-bottom: 40px;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  #swd #banner {
    background-image: none;
    padding-bottom: 0px;
  }
}
#swd #banner,
#guided #banner {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100px;
  margin-bottom: 0px;
}
#swd #banner:before,
#guided #banner:before,
#swd #banner:after,
#guided #banner:after {
  content: " ";
  display: table;
}
#swd #banner:after,
#guided #banner:after {
  clear: both;
}
#swd #banner:before,
#guided #banner:before {
  content: " ";
  display: table;
}
#swd #banner:after,
#guided #banner:after {
  content: " ";
  display: table;
  clear: both;
}
#swd #banner h2,
#guided #banner h2 {
  margin: 0px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  #swd #banner header:not(.modal-header),
  #guided #banner header:not(.modal-header) {
    color: white;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #swd #banner header:not(.modal-header) .small,
  #guided #banner header:not(.modal-header) .small,
  #swd #banner header:not(.modal-header) small,
  #guided #banner header:not(.modal-header) small {
    color: white;
  }
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  #swd #banner header:not(.modal-header),
  #guided #banner header:not(.modal-header) {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .swd #banner.banner-margin,
  #guided #banner.banner-margin {
    margin-top: 50px;
  }
}
#swd #footer {
  margin-top: -23px;
}
@keyframes slideInUp {
  0% {
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
section.scroll {
  animation-name: slideInUp;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #guided #psf,
  #steps #psf {
    display: none;
  }
}
/* S/w driver details page - Start */
.driver-details {
  /*add spacing under installation acc*/
}
.driver-details table tr {
  position: relative;
}
.driver-details .drivers-os-all.hide {
  display: none;
}
.driver-details a {
  color: #0096D6;
}
.driver-details li {
  list-style: inherit;
}
.driver-details .product-details h2 {
  margin-bottom: 10px;
}
.driver-details .product-details .no-padding {
  padding-left: 0px;
}
.driver-details .product-details .file-name-word-break {
  word-break: break-all;
}
@media (max-width: 800px) {
  .driver-details .product-details h2 {
    margin-bottom: 15px;
  }
}
.driver-details .product-details table label {
  margin-bottom: 0;
}
.driver-details .product-details table tr a {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
}
.driver-details .product-details input[type="button"] {
  margin-right: 40px;
  margin-top: 3px;
}
.driver-details .product-details td:first-child {
  width: 150px;
  position: absolute;
}
.driver-details .product-details .product-detail-heading {
  border-left: 5px solid #d7410b!important;
  padding-left: 5px!important;
}
.driver-details .panel .panel-title.open {
  border-bottom: 1px solid #ccc;
}
.driver-details #productDescriptionTbl {
  padding-left: 10px!important;
  padding-right: 10px!important;
  padding-bottom: 30px;
}
.driver-details .driver-details-table {
  border: 1px solid #ccc;
}
.driver-details .driver-details-table th {
  background-color: #F9F9F9;
  border: 1px solid #CCC;
}
.driver-details .panel:last-child {
  border-bottom: none;
}
.driver-details .panel ol,
.driver-details .panel ul {
  padding: 0 15px;
  margin: 0;
}
.driver-details .key-margin-bottom .panel-collapse {
  margin: 25px 10px 15px 10px;
  padding-left: 5px!important;
}
@media (max-width: 800px) {
  .driver-details .key-margin-bottom .panel-collapse {
    margin-top: 17px!important;
    padding-left: 5px!important;
  }
}
.driver-details .driver-label-sm {
  margin-top: 40px;
}
.driver-details .prod-image {
  text-align: center;
}
.driver-details .img-place-holder {
  float: right;
}
.driver-details .driver-details-heading {
  margin-top: 30px;
}
.driver-details .driver-details-heading #driver-details-accordion {
  padding-left: 10px!important;
  padding-right: 10px!important;
}
.driver-details .driver-details-heading #driver-details-accordion .panel-body ul {
  padding-left: 20px!important;
}
.driver-details .accordion-controls.align-right.remove-margin {
  height: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.driver-details .product-details-heading {
  border-left: 5px solid #d7410b;
  padding-left: 5px;
  margin-top: -10px;
}
@media (max-width: 800px) {
  .driver-details .driver-details-heading {
    margin-top: -15px;
  }
  .driver-details .product-details {
    margin-top: 25px!important;
  }
}
.driver-details .product-details p {
  margin-bottom: 10px!important;
}
.driver-details .classification {
  color: #d7410b;
  display: block;
  margin-bottom: -25px;
}
.driver-details .see-all-driver-link {
  font-size: 15px;
}
.driver-details .product-detail-heading {
  border-left: 5px solid #d7410b;
  padding-left: 5px;
  margin-top: -10px;
}
.driver-details .classification {
  color: #d7410b;
  display: block;
  margin-bottom: -25px;
}
.driver-details .see-all-drivers-link {
  font-size: 15px;
}
.driver-details .product-name-details {
  text-align: center;
}
@media (max-width: 800px) {
  .driver-details .product-name-details {
    text-align: left!important;
  }
}
.driver-details #swd_installation ol {
  margin-top: 18px!important;
}
.accControlsContainer {
  float: right;
  margin: 0px 10px!important;
}
.accControlsContainer .swdAccExAll {
  display: inline-block;
  font-size: 25px;
}
.accControlsContainer .swdAccCollAll {
  display: inline-block;
}
.accControlsContainer .accControlLink svg {
  height: 20px;
  width: 20px;
  color: #767676;
  fill: currentColor;
}
#expCollAccordianSwdOutside {
  margin-bottom: 10px!important;
  width: 95%;
  text-align: right;
}
.upperContainerDwnldBtn {
  float: left;
  width: 100%;
  padding: 0px 15px;
}
.downloadListBtnContainer {
  padding: 0px 5px;
}
.downloadListBtn {
  text-align: center;
  padding: 10px 15px;
  display: table;
  max-width: 200px;
  min-height: 40px;
  background-color: #0096D6;
  color: white!important;
  fill: currentColor;
  border-radius: 3px;
  margin-bottom: 15px;
}
.downloadListBtn .btnText {
  float: left;
  width: 145px;
  display: table-cell;
  vertical-align: middle;
}
.downloadListBtn .iconBadgeContainer {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.downloadListBtn .iconBadgeContainer .downloadListBadge {
  position: absolute;
  height: 16px;
  width: 16px;
  line-height: 16px;
  background-color: red;
  border-radius: 20px;
  right: -5px;
  bottom: -4px;
  text-align: center;
  font-size: 10px;
  top: 47%;
}
.downloadListBtn .iconBadgeContainer .downloadListIconSvg {
  height: 20px;
  width: 25px;
}
.bottomDownloadListBtnContainer {
  margin-top: 30px;
  margin-bottom: 30px;
}
.bottomDownloadListBtnContainer .bottomDownloadListContent {
  float: left;
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #0096D6;
}
.bottomDownloadListBtnContainer .bottomDownloadListContent .bottomDownloadListText h4 {
  font-family: HPSimplifiedRegular;
  color: #020000;
}
.bottomDownloadListBtnContainer .bottomDownloadListContent .bottomDownloadListText p {
  margin: 0px;
  font-family: HPSimplifiedLight;
  color: #020000;
}
.bottomDownloadListBtnContainer .bottomDownloadListContent .downloadListBtn {
  margin-bottom: 0px;
}
#swd_feedback {
  margin-bottom: 11px;
}
.driver-details .download-table .swdTable {
  border: 0px;
  font-size: 16px;
  display: block !important;
}
.driver-details .download-table .swdTable table {
  margin-left: -5px;
}
.driver-details .download-table .swdTable table tr.recommended td:first-child {
  border-left: 8px solid #0096d6;
}
.driver-details .download-table .swdTable table tr.recommended td:first-child p span.classification {
  margin-bottom: 0px;
}
.driver-details .download-table .swdTable table td {
  padding: 20px !important;
  display: table-cell !important;
}
.driver-details .download-table .swdTable table tr td:last-child {
  min-width: 100px;
}
.driver-details .download-table .swdTable table tr th {
  min-height: 31px;
}
@media only screen and (min-width: 768px) {
  .driver-details .download-table .swdTable table td:last-child p {
    text-align: center;
  }
}
@media only screen and (min-width: 300px) {
  .download-table .swdTable {
    display: block !important;
  }
  .download-table .swdTable .table td {
    display: table-cell !important;
  }
}
.hp-Recommend {
  padding-left: 10px;
  padding-right: 10px;
}
.hp-Recommend .hpRecomends {
  padding-left: 5px;
  border-left: 6px solid #0096d6;
}
.hp-Recommend .hpRecomends p span.hprecomend {
  font-weight: bold;
  color: #0096D6;
}
@media only screen and (max-width: 500px) {
  .driver-details .img-place-holder {
    float: none;
  }
  .driver-details .product-details table tr a {
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
  }
  .driver-details .product-details .download-label label {
    position: absolute;
    top: 5px;
  }
  .driver-details .driver-label-sm {
    text-align: center;
  }
  .driver-details .driver-label-sm a {
    text-align: center;
  }
}
/* S/w driver details page - Ended */
tr.swd-expanded > td {
  padding: 20px 0px 0px 0px!important;
  border-bottom: 8px solid #767676!important;
}
.drivers-no-padding {
  padding-bottom: 5px;
}
.seeFullDetBlockWrap {
  float: left;
  width: 100%;
  padding: 0px 25px;
  text-align: center;
}
.seeFullDetBlock {
  height: 30px;
  line-height: 20px!important;
}
.seeFullDetBlock hr {
  margin: 0px;
}
.seeFullDetLink {
  display: inline-block;
  margin-top: 3px;
}
.hpSectionScroll {
  padding-left: 45px;
  margin-bottom: 19px!important;
}
.hpSection {
  margin-bottom: 19px!important;
}
.hpSectionScroll > p {
  padding-left: 6px;
  padding-right: 10px;
}
.hpSection > p {
  padding-left: 9px!important;
}
tr.swd-dropdown-row > td > a {
  background-color: rgba(0, 150, 214, 0.15);
}
tr.swd-dropdown-row > td > a:hover {
  color: #008ECE!important;
  background-color: rgba(0, 150, 214, 0.25) !important;
  text-decoration: none;
}
tr.swd-dropdown-row > td > a.toggled:hover {
  background-color: #FAFAFA!important;
}
#download {
  padding-left: 10px;
  padding-right: 10px;
}
.download {
  padding-left: 10px;
  padding-right: 10px;
}
.table-responsive {
  padding-bottom: 15px;
}
#otherSoftwareResources {
  margin-top: 27px;
}
.downloadListColContent {
  text-align: center;
  color: #0096D6;
}
.downloadListColContent label svg {
  height: 35px;
  width: 33px;
  color: #0096D6;
  fill: currentColor;
}
.downloadListColContent label .svgAdded {
  display: none;
}
.downloadListColContent .checkboxLabelAnchor {
  position: absolute;
  height: 33px;
  width: 35px;
  z-index: 1;
}
.linkCheckboxContainer .downloadListColContent {
  float: left;
  padding: 10px;
  margin-left: 10%;
}
.linkCheckboxContainer a {
  float: right;
  padding: 15px;
}
@media (max-width: 800px) {
  #sw_openList_top {
    margin-bottom: 10px;
  }
  .table-responsive {
    padding-bottom: 0px!important;
    overflow: hidden!important;
    position: relative;
  }
  .multiwarranty-section.downloadListAvailable .seeFullDetBlockWrap {
    margin-bottom: 60px;
  }
  .bottomDownloadListBtnContainer .downloadListBtnContainer {
    float: right;
  }
  .bottomDownloadListBtnContainer .downloadListBtnContainer .downloadListBtn {
    margin-top: 15px;
  }
  .downloadListCol {
    display: block!important;
    position: absolute!important;
    left: 0;
    bottom: -5px;
    z-index: 1;
  }
  .downloadListCol .downloadListColContent {
    float: left;
    width: 25%;
  }
  .downloadListCol .addDownloadListText {
    display: inline-block;
    padding: 0px 10px 10px 10px;
    word-break: break-word;
    white-space: normal;
  }
  .first-row > td.col-lg-7 {
    padding-bottom: 0px!important;
  }
  .seeFullDetBlockWrap {
    padding: 0px;
  }
  .seeFullDetBlock {
    text-align: left;
    margin-bottom: 10px!important;
  }
}
@media only screen and (max-width: 496px) {
  .hideforMob {
    display: none;
  }
  #otherSoftwareResources {
    margin-bottom: 24px;
  }
}
#searchBarPlaceHolder {
  margin-top: 50px;
  margin-left: -15px;
  margin-right: -15px;
}
#whatWouldYouLikeToDo {
  padding-top: 20px;
}
.closureTableContainer {
  background: #e8f8ff;
}
.closureProductName {
  font-family: HPSimplifiedLight;
  font-weight: normal;
  font-size: 20px;
  padding-top: 20px;
}
.closureAdditionalSupportTitle {
  font-family: HPSimplifiedLight;
  font-weight: normal;
}
.closureAdditionalSupportText {
  font-weight: normal;
  font-family: HPSimplifiedRegular;
  font-size: 16px;
}
.additionalSupportContainer {
  margin-top: 20px;
}
#yourDownloadIncludes {
  font-family: HPSimplifiedRegular;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: normal;
}
.getMoreDriversLink {
  float: right;
  font-family: HPSimplifiedRegular;
  font-size: 18px;
}
.downloadedItems {
  background: white;
}
.downloadedItems .headingRow {
  background: #F2F2F2;
}
.downloadedItems .headingRow th {
  border: 1px solid #CECECE;
}
.downloadedItems .downloadedItemRow {
  border-left: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
  color: #000000;
}
.finishAccordion {
  margin-top: 10px;
  margin-bottom: 10px;
}
.secondPanelRow {
  margin-top: 0px;
}
.secondPanel {
  margin-top: 0px;
  border-bottom: 1px solid #ccc;
}
.strong {
  font-weight: bold;
}
.mobileOnly {
  display: none;
}
@media (max-width: 800px) {
  .mobileOnly {
    display: block;
  }
  .desktopOnly {
    display: none;
  }
}
@media (max-width: 720px) {
  .shiftDown {
    margin-top: 120px!important;
  }
}
.modal .col-lg-24 .seeFullDetBlockWrap {
  padding: 0px;
}
.ellipsis {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.panelHeaderLink {
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
.avlblSftDrivers {
  margin-bottom: 20px!important;
}
.adjustHr {
  margin-top: 20px;
  width: 105%;
  margin-left: -2.5%;
}
@media (max-width: 800px) {
  .adjustHr {
    margin-top: 40px;
  }
}
html[dir=rtl] .rtl-dropdown {
  text-align: right;
  direction: rtl;
}
html[dir=rtl] .driver-details-heading > .hp-row > .product-details > .product-detail-heading {
  border-left: 0px!important;
  border-right: 5px solid #d7410b!important;
}
.buttonSelectBlock {
  text-align: right;
  margin-top: 15px;
}
#fullDetSecondaryHeading {
  margin-top: 0px;
}
#qualtricsFeedbackRow {
  margin-bottom: -8px;
}
#swd_revisionHistory .swd-expanded {
  border-bottom: 1px solid #767676;
  border-right: 1px solid #767676!important;
}
#os-version2 {
  direction: ltr;
}
.multipartFileHolder {
  margin-bottom: 5px;
}
#emailDriver {
  margin-right: 25px;
}
.showLocationOverlay {
  position: absolute;
  top: 0;
  height: inherit;
  width: inherit;
  z-index: 1000000000;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
.showLocationOverlay .bubbleContainer {
  position: relative;
  height: inherit;
  width: inherit;
}
.showLocationOverlay .bubbleContainer .messageBubble {
  position: absolute;
  width: 250px;
  background-color: #0096D6;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 1px grey;
}
.showLocationOverlay .bubbleContainer .messageBubble .messageBubbleContentContainer {
  float: left;
  width: 100%;
  padding: 10px;
  height: inherit;
}
.showLocationOverlay .bubbleContainer .messageBubble .messageBubbleContentContainer .messageContainer {
  width: 85%;
  display: inline-block;
}
.showLocationOverlay .bubbleContainer .messageBubble .messageBubbleContentContainer .messageContainer p {
  color: white;
  margin: 0px;
}
.showLocationOverlay .bubbleContainer .messageBubble .messageBubbleContentContainer .closeBtnContainer {
  width: 20%;
  display: inline;
}
.showLocationOverlay .bubbleContainer .messageBubble .messageBubbleContentContainer .closeBtnContainer .showLocationCloseBtn {
  width: 15px;
  height: 15px;
  background: none;
  border: 0px;
  color: white;
}
.showLocationOverlay .bubbleContainer .messageBubble .messageBubbleContentContainer .closeBtnContainer .showLocationCloseBtn .whiteCloseImg {
  height: 15px;
  width: 15px;
}
.showLocationOverlay .bubbleContainer .messageBubble.chrome {
  bottom: 20px;
  left: 50px;
}
.showLocationOverlay .bubbleContainer .angledDiv.chrome {
  bottom: 5px;
  left: 90px;
  border-left: 0px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #0096D6;
}
.showLocationOverlay .bubbleContainer .messageBubble.firefox,
.showLocationOverlay .bubbleContainer .messageBubble.safari {
  top: 35px;
  right: 5px;
}
.showLocationOverlay .bubbleContainer .angledDiv.firefox,
.showLocationOverlay .bubbleContainer .angledDiv.safari {
  top: 15px;
  right: 67px;
  border-left: 20px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 20px solid #0096D6;
}
.showLocationOverlay .bubbleContainer .messageBubble.edge,
.showLocationOverlay .bubbleContainer .messageBubble.ie {
  bottom: 80px;
  left: 760px;
}
.showLocationOverlay .bubbleContainer .angledDiv.edge,
.showLocationOverlay .bubbleContainer .angledDiv.ie {
  bottom: 65px;
  left: 900px;
  border-left: 0px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #0096D6;
}
.showLocationOverlay .bubbleContainer .angledDiv {
  position: absolute;
  height: 0px;
  width: 0px;
}
html[dir=rtl] .btnText {
  float: right;
}
html[dir=rtl] .iconBadgeContainer {
  float: left;
}
html[dir=rtl] .iconBadgeContainer .downloadListBadge {
  right: 0px;
  left: -5px;
}
html[dir=rtl] #expCollAccordianSwdOutside {
  text-align: left;
}
html[dir=rtl] .accControlsContainer {
  float: left;
}
html[dir=rtl] .getMoreDriversLink {
  float: left;
}
html[dir=rtl] .linkCheckboxContainer .downloadListColContent {
  margin-left: 0px;
  margin-right: 10%;
}
html[dir=rtl] .locateDownloadConatiner .locateDownloadSection .locateDownloadIcon {
  float: right;
}
html[dir=rtl] .dwnldInstDocLinkContainer .dwnldInstIcon {
  margin-left: 10px!important;
  margin-right: 0px!important;
  float: right!important;
}
@media (max-width: 800px) {
  html[dir=rtl] .bottomDownloadListBtnContainer .downloadListBtnContainer {
    float: left;
  }
}
.locateDownloadConatiner {
  border-bottom: 1px solid #d2d2d2;
  margin-top: 20px;
  margin-bottom: 20px;
}
.locateDownloadConatiner .locateDownloadSection {
  margin: 20px 0px 40px 0px;
}
.locateDownloadConatiner .locateDownloadSection .locateDownloadIcon {
  height: 40px;
  width: 30px;
  float: left;
  color: #0096D6;
  fill: currentColor;
}
.locateDownloadConatiner .locateDownloadSection .closureSecondaryHeading {
  font-weight: normal;
  font-family: HPSimplifiedLight;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.locateDownloadConatiner .locateDownloadSection .locDownloadImg {
  height: 40px;
  width: 30px;
}
.locateDownloadConatiner .locateDownloadSection .keepInline {
  display: inline-block;
}
.locateDownloadConatiner .locateDownloadSection .installationInstContent {
  margin: 10px 0px;
  font-family: HPSimplifiedRegular;
}
.locateDownloadConatiner .locateDownloadSection .installationInstContent ul {
  color: #000000;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}
.locateDownloadConatiner .locateDownloadSection .installationInstContent ul li {
  list-style: disc;
}
.locateDownloadConatiner .locateDownloadSection .dwnldInstDocLinkContainer .dwnldInstIcon {
  height: 16px;
  width: 16px;
  margin-right: 10px;
  fill: currentColor;
  float: left;
  margin-top: 2px;
}
.dvClosure #searchBarPlaceHolder {
  margin-top: 40px;
}
.swdClosureWCMContainer {
  margin-top: 20px;
  margin-bottom: 20px;
}
.swdClosureWCMContainer .swdClosureWCMSection {
  margin: 0px 0px 20px 0px;
}
.swdClosureWCMContainer .swdClosureWCMSection .locateDownloadIcon {
  height: 40px;
  width: 30px;
  float: left;
  color: #0096D6;
  fill: currentColor;
}
.swdClosureWCMContainer .swdClosureWCMSection .closureSecondaryHeading {
  font-weight: normal;
  font-family: HPSimplifiedLight;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.swdClosureWCMContainer .swdClosureWCMSection .locDownloadImg {
  height: 40px;
  width: 30px;
}
.swdClosureWCMContainer .swdClosureWCMSection .keepInline {
  display: inline-block;
}
.modal-drivers-download-list-header .modal-drivers-list-title #modal-drivers-download-list-heading {
  font-family: HPSimplifiedLight;
  width: auto;
}
.modal-drivers-download-list-header .modal-drivers-list-title svg {
  width: 37px;
  height: 31px;
  color: #0096d6;
  fill: currentColor;
}
.modal-drivers-download-body {
  padding-bottom: 0;
  padding-top: 0 !important;
}
.modal-drivers-download-body .accordion-controls-drivers-modal {
  margin-bottom: 10px;
}
.modal-drivers-download-body .accordion-controls-drivers-modal .accordion-control-select-all:after {
  content: ' | ';
  color: #5a5a5a;
}
.modal-drivers-download-body .modal-drivers-download-table {
  display: table;
  border: 1px solid #ccc;
  /* height: 112.7vh; */
  /* max-width: 29px; */
}
.modal-drivers-download-body .modal-drivers-download-table .modal-drivers-download-trow {
  background-color: #fafafa;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 30px;
}
.modal-drivers-download-body .modal-drivers-download-table .modal-drivers-download-trow .modal-drivers-download-th {
  border-right: 1px solid #ccc;
}
.modal-drivers-download-body .modal-driver-details-container {
  float: left;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  overflow-y: auto;
  width: 100%;
  height: 360px;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details {
  /* padding: 4%; */
  border-bottom: 1px solid #ccc;
  /* height: 25%; */
  /* display: table; */
  float: left;
  width: 100%;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-products {
  /* padding: 2%; */
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 1%;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-details-container {
  word-break: break-all;
  /* padding: 2%; */
  padding-top: 2%;
  padding-right: 0;
  /* width: 218px; */
  padding-bottom: 2%;
  padding-left: 1%;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-details-container .drivers-list-file {
  padding-left: 0;
  /* padding: 10%; */
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-details-container .fileDetailsContainer {
  /* height: 100%; */
  padding: 0;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-details-container .fileDetailsContainer .fileDetailsLabel {
  padding: 0%;
  font-size: 14px;
  color: #767676;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-details-container .fileDetailsContainer .fileDetails {
  padding: 0;
  font-size: 14px;
  /* text-align: center; */
  font-style: normal;
  color: #040000;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-details-container .fileDetailsContainer .fileDetails .modal-multi-part-span {
  color: #d7410b;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-size {
  /* padding: 2%; */
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 1%;
  font-family: HPSimplifiedLight;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-size .modal-multi-part-span {
  color: #d7410b;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-name {
  /* padding: 2%; */
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 1%;
  font-family: HPSimplifiedLight;
}
.modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-checkbox {
  text-align: -webkit-center;
  padding: 2%;
  /* padding-top: 2%; */
  /* padding-bottom: 2%; */
  /* padding-left: 6%; */
}
.modal-drivers-download-body .modal-driver-details-container .no-driver-selected-container {
  /* text-align: -webkit-center; */
  /* padding: 12%; */
  margin-bottom: 12%;
  padding-top: 7%;
  /* display: table; */
}
.modal-drivers-download-body .modal-driver-details-container .no-driver-selected-container .no-driver-selected-heading {
  margin-bottom: 10px;
  font-size: 24px;
  font-family: HPSimplifiedLight;
  color: #040000;
  font-style: normal;
}
.modal-drivers-download-body .modal-driver-details-container .no-driver-selected-container .no-driver-selected-caption {
  margin-top: 10px;
  font-size: 16px;
  color: #040000;
  font-style: normal;
  font-family: HPSimplifiedLight;
}
.modal-drivers-download-body .modalInfoDownloadContainer {
  margin-top: 25px;
  margin-bottom: 40px;
}
.modal-drivers-download-body .modalInfoDownloadContainer .infoContainer {
  text-align: right;
  margin-bottom: 1%;
}
.modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .emailContainer {
  color: #0096D6;
}
.modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .emailContainer .emailListDetails svg {
  color: #0096D6;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  fill: currentColor;
}
.modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .emailContainer .emailListDetails .emailText {
  vertical-align: middle;
  margin-left: 2%;
  color: #0096d6;
  font-family: HPSimplified;
  font-style: normal;
  font-size: 16px;
}
.modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .downloadRemoveContainer {
  text-align: right;
  padding-right: 0;
}
.modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .downloadRemoveContainer #sw_listOverlay_downloadFiles {
  margin-left: 10px;
}
.modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .downloadRemoveContainer #sw_listOverlay_removeSelectedFiles {
  margin-right: 10px;
}
@media only screen and (max-width: 496px) {
  .modal-drivers-download-list-header .modal-drivers-list-title #modal-drivers-download-list-heading {
    float: right;
  }
  .modal-drivers-download-list-header .modal-drivers-list-title svg {
    width: 40px;
    height: 33px;
    float: left;
  }
  .modal-drivers-download-body .modal-driver-details-container {
    border-left: none;
    border-right: none;
    height: auto;
  }
  .modal-drivers-download-body .modal-driver-details-container .drivers-list-details .drivers-list-file-checkbox {
    padding: 4%;
  }
  .modal-drivers-download-body .modal-driver-details-container .no-driver-selected-container .no-driver-selected-heading {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .modal-drivers-download-body .modal-driver-details-container .no-driver-selected-container .no-driver-selected-caption {
    margin-top: auto;
    font-size: 16px;
    margin-bottom: 32px;
  }
  .modal-drivers-download-body .modalInfoDownloadContainer {
    margin-top: 12px;
    margin-bottom: 30px;
  }
  .modal-drivers-download-body .modalInfoDownloadContainer .infoContainer {
    margin-bottom: 30px;
  }
  .modal-drivers-download-body .modalInfoDownloadContainer .infoContainer .infoDetails {
    margin-bottom: 30px;
  }
  .modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer {
    margin-bottom: 30px;
    text-align: right;
  }
  .modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .emailContainer {
    margin-bottom: 20px;
  }
  .modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .emailContainer .emailListDetails .emailText {
    font-size: 18px;
  }
  .modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .downloadRemoveContainer {
    margin-bottom: 10px;
    float: right;
  }
  .modal-drivers-download-body .modalInfoDownloadContainer .emailDownloadContainer .downloadRemoveContainer #sw_listOverlay_removeSelectedFiles {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#docs .hp-row .code-block pre {
  background-color: #272727;
  border-radius: 2px;
  padding: 15px 20px;
}
@media only screen and (max-width: 496px) {
  #docs .hp-row .code-block pre {
    overflow-x: auto;
  }
}
#docs .hp-row .code-block code {
  color: #fff;
  font-size: 14px !important;
}
#docs code span.nt {
  color: #D7410B;
  color: #fff;
}
#docs code span.na {
  color: #006699;
}
#docs code span.s {
  color: #0096D6;
}
#docs code span.cm {
  color: #888;
}
#docs code.inline {
  background-color: #272727;
  color: #0096D6;
  font-size: 14px;
  border-radius: 2px;
  margin: 0 2px;
  padding: 0 5px;
  border: 0;
}
#docs h3 code.inline {
  font-family: HPSimplified;
  font-weight: normal;
}
#docs .show-grid h2 {
  color: #fff;
}
#docs .show-grid div[class*="col"] {
  padding: 10px;
  color: #fff;
  background-color: #0096d9;
  border: 1px solid #006699;
}
#docs.show-steps .hidden:not(.email) {
  display: block !important;
  visibility: visible;
}
#docs hr.docs-break {
  border-bottom: 5px solid #0096D6;
  margin-top: 0;
  margin-bottom: 0;
}
#docs #test #header,
#docs #test .hp-header {
  display: none;
}
#docs div.background.none {
  background-color: white;
}
#docs .font-size-demo .base {
  font-size: 16px;
}
#docs .font-size-demo .smaller {
  font-size: 13.6px;
}
#docs .font-size-demo .larger {
  font-size: 20px;
}
#docs .pre-wrap {
  white-space: pre-wrap;
}
#docs code {
  color: #0096D6;
  white-space: pre-line;
}
#docs .codeExample,
#docs .jsExample {
  border: 1px solid #ccc;
  margin: 10px 0;
}
#docs .jsExample {
  border-top: 0px;
}
#docs .codeExample:before,
#docs .jsExample:before {
  font-family: "OpenSans", sans-serif;
  color: #222;
  border: 1px solid #ccc;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  padding: 2px;
  display: block;
}
#docs .codeExample:before {
  content: "Example";
  background-color: #f9f9f9;
  width: 60px;
  top: -1px;
  left: -1px;
}
#docs .jsExample:before {
  content: "JS Example";
  background-color: #fff;
  width: 80px;
  top: -11px;
  left: -11px;
}
#docs .codeBlock,
#docs .exampleOutput {
  padding: 10px;
}
#docs .colors .docSwatch {
  min-height: 150px;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 20px;
}
#docs .colors .docSwatch.light p,
#docs .colors .docSwatch.light code {
  color: white;
}
#docs .colors .docSwatch.dark p,
#docs .colors .docSwatch.dark code {
  color: #373737;
}
#docs .colors .docSwatch.primary-color {
  background-color: #0096D6;
}
#docs .colors .docSwatch.primary-color_light {
  background-color: #e8f8ff;
}
#docs .colors .docSwatch.primary-color_dark {
  background-color: #006699;
}
#docs .colors .docSwatch.primary-color-hover {
  background-color: #007dba;
}
#docs .colors .docSwatch.blue-background-light {
  background-color: #e8f5fb;
}
#docs .colors .docSwatch.critical-color {
  background-color: #D7410B;
}
#docs .colors .docSwatch.critical-color-hover {
  background-color: #C1401A;
}
#docs .colors .docSwatch.error-background {
  background-color: #ffe5e5;
}
#docs .colors .docSwatch.gray {
  background-color: #767676;
}
#docs .colors .docSwatch.gray_dark {
  background-color: #373737;
}
#docs .colors .docSwatch.gray_light {
  background-color: #ccc;
}
#docs .colors .docSwatch.gray-text {
  background-color: #5a5a5a;
}
#docs .colors .docSwatch.gray-background {
  background-color: #f2f2f2;
}
#docs .colors .docSwatch.white_dark {
  background-color: #f2f2f2;
}
#docs .colors .docSwatch.green {
  background-color: #58a500;
}
#docs .colors .docSwatch.green_light {
  background-color: #92d100;
}
#docs .colors .docSwatch.green_dark {
  background-color: #008424;
}
#docs .colors .docSwatch.purple {
  background-color: #822980;
}
#docs .colors .docSwatch.text-blue {
  background-color: #0096D6 !important;
}
#docs .colors .docSwatch.black {
  background-color: black;
}
#docs .colors .docSwatch.blue-background {
  background-color: rgba(0, 150, 214, 0.3);
}
#docs .codeExample .line > div:after {
  content: attr(class);
  display: block;
  min-height: 40px;
  line-height: 40px;
  background-color: #EEE;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
}
#docs #styleguide-sidebar ul:before,
#docs #styleguide-sidebar ul:after {
  content: " ";
  display: table;
}
#docs #styleguide-sidebar ul:after {
  clear: both;
}
#docs #styleguide-sidebar ul:before {
  content: " ";
  display: table;
}
#docs #styleguide-sidebar ul:after {
  content: " ";
  display: table;
  clear: both;
}
#docs #styleguide-sidebar ul li {
  display: inline;
  margin-right: 20px;
}
#docs #stgd-icons .bshadow0,
#docs #stgd-icons input {
  box-shadow: inset 0 -2px #e7e7e7;
}
#docs #stgd-icons .glyph {
  font-size: 24px;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 801) {
  #docs #stgd-icons .glyph {
    float: left;
    width: 50%;
  }
}
#docs #stgd-icons .pbs {
  padding-bottom: .25em;
  padding-top: .25em;
}
#docs #stgd-icons .pbs > span {
  color: #5a5a5a;
  margin-right: 20px;
}
#docs #stgd-icons .fs1:after {
  font-size: 16px;
}
#docs .styleguide {
  margin-bottom: 20px;
}
#docs .styleguide .code {
  color: #767676;
}
#docs .documentation-only-not-in-flow {
  margin: 0 !important;
  background: #0096D6;
  color: white;
}
#docs .documentation-only-not-in-flow.category {
  background-color: #D7410B;
}
#docs .documentation-only-not-in-flow span,
#docs .documentation-only-not-in-flow a {
  color: white;
}
#docs .documentation-only-not-in-flow a {
  text-decoration: underline;
}
/*3376 start*/
.docNotice {
  border: 1px solid #000;
  padding: 10px 5px;
  font-family: "Courier new", "Andale mono", Monaco, monospace;
  margin: 30px 0 10px;
}
.securityDisclaimer:before {
  content: '"';
}
.securityDisclaimer:after {
  content: '"';
}
.securityDisclaimer {
  margin: 10px 0;
}
.copyright {
  text-align: center;
  font-family: "Courier new", "Andale mono", Monaco, monospace;
  margin-bottom: 10px;
}
.generalDisclaimer {
  font-family: "Courier new", "Andale mono", Monaco, monospace;
  margin-bottom: 10px;
}
/*3376 end*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
.key-value {
  color: #767676 !important;
}
.key-value .value {
  color: #373737 !important;
}
@media only screen and (max-width: 496px) {
  .space-align {
    padding-bottom: 11px;
  }
}
.nextstep {
  padding-bottom: 11px;
}
/*3227 start: give margin to align properly*/
.container .breadcrumb-text-align {
  /* 3428: comment below statements since these are not required now to left align breadcrumb text*/
  /* margin-left: 15px;*/
  /* margin-right: 15px;*/
}
/*3227 end*/
#steps-bar {
  background-color: #0096D6;
  padding: 0;
  height: 40px;
  width: 100%;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #steps-bar {
    margin-top: -3px;
  }
}
#steps-bar.hide-link .container ul.back {
  display: none;
}
#steps-bar.sticky {
  z-index: 0;
  right: 0;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /*margin-top: -1px;*/
}
#steps-bar.contact {
  min-height: 50px;
  height: auto;
}
#steps-bar.contact .container .fl ul li.next span {
  display: inline;
}
#steps-bar.contact .container .fl ul li.done {
  opacity: 0.5;
}
#steps-bar.contact .container .fl ul li.done span {
  display: inline-block;
}
@media only screen and (max-width: 496px) {
  #steps-bar .container {
    max-width: 100%;
  }
}
#steps-bar .container .fl {
  padding-top: 7px;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  #steps-bar .container .fl {
    /*3148 start: change it to 15px from 0px to position the steps bar to right on mobile view*/
    /*3428: change it back to 0px to left align steps bar*/
    margin-left: 0px;
    /*3148 end*/
  }
}
#steps-bar .container .fl ul {
  list-style-type: none !important;
  padding: 0;
}
#steps-bar .container .fl ul li {
  float: left;
}
#steps-bar .container .fl ul li span {
  margin-left: 5px;
}
#steps-bar .container .fl ul li.done span {
  display: inline;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  #steps-bar .container .fl ul li.done span {
    display: none;
  }
}
#steps-bar .container .fl ul li.next {
  opacity: 0.5;
}
#steps-bar .container .fl ul li a {
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 100;
  cursor: default;
}
#steps-bar .container .fl ul > li {
  margin-right: 0px;
  position: relative;
}
#steps-bar .container .fl ul i {
  position: relative;
}
#steps-bar .container .fl ul i:before {
  color: white;
}
#steps-bar .container .fl ul i.icon-rght {
  margin-right: 0px;
}
#steps-bar .container .right {
  text-align: right;
  float: right;
  margin: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
}
#steps-bar .container .right ul {
  float: left;
  border-right: 2px solid #007dba;
  border-left: 2px solid #007dba;
  margin: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #steps-bar .container .right ul {
    width: 50px;
  }
}
#steps-bar .container .right ul:hover {
  background-color: #007dba;
}
#steps-bar .container .right ul.back {
  height: 40px;
  border-left: 2px solid #007dba;
  border-right: 2px solid #007dba;
}
@media only screen and (max-width: 496px) {
  #steps-bar .container .right ul.back {
    border-right: none;
  }
}
#steps-bar .container .right ul.last {
  width: 40px;
}
#steps-bar .container .right ul.last li a i {
  color: white !important;
  margin-left: 10px;
}
#steps-bar .container .right ul li {
  padding-left: 10px;
  padding-right: 10px;
}
#steps-bar .container .right ul li a {
  height: 50px;
  margin: 0;
  font-size: 14px;
  position: relative;
  color: white !important;
}
#steps-bar .container .right ul li span {
  float: right;
  padding-left: 5px;
  padding-top: 9px;
}
#steps-bar .container .right ul li span small {
  margin-top: 10px;
  line-height: 1;
  display: block;
  text-align: left;
}
#steps-bar .container .right ul li a {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#steps-bar .container .right ul li i {
  font-size: 18px;
  position: relative;
  float: left;
  margin: 15px 0px;
  top: -5px;
  color: white;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  #swd.closure #steps-bar {
    margin-top: -4px;
  }
}
.simple-solution {
  padding-bottom: 40px;
}
.simple-solution .hp-row {
  margin-top: 0;
}
.simple-solution .accordion-controls {
  display: none;
}
@media only screen and (max-width: 496px) {
  .simple-solution .panel {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.simple-solution #accordion-cd .panel:nth-child(5) {
  display: none;
}
.simple-solution #accordion-cd .panel:nth-child(4) {
  border-bottom: 1px solid #cccccc;
}
.gray-w-image:before,
.gray-w-image:after {
  content: " ";
  display: table;
}
.gray-w-image:after {
  clear: both;
}
.gray-w-image:before {
  content: " ";
  display: table;
}
.gray-w-image:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .gray-w-image {
    background-size: 49.6%;
    background-repeat: no-repeat;
    background-position: calc(-15px + 100%) 0;
  }
}
.gray-w-image .col-lg-12:last-of-type {
  background: none;
}
/*----RTL support - Himanshu ---*/
html[dir=rtl] .gray-w-image:before,
html[dir=rtl] .gray-w-image:after {
  content: " ";
  display: table;
}
html[dir=rtl] .gray-w-image:after {
  clear: both;
}
html[dir=rtl] .gray-w-image:before {
  content: " ";
  display: table;
}
html[dir=rtl] .gray-w-image:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] .gray-w-image {
    background-position: 0;
  }
}
.panel-inlay {
  margin: 20px;
  padding: 20px;
  position: relative;
  border: 1px solid #ccc;
}
.modal .panel-inlay {
  margin-right: 0;
  margin-left: 0;
}
.panel-inlay > :last-child {
  margin-bottom: 0;
}
.panel-inlay.gray {
  background-color: #fafafa;
}
.panel-inlay ul li {
  margin-bottom: 10px;
}
.panel-inlay ul li:last-child {
  margin-bottom: 0;
}
.panel-inlay ol {
  counter-reset: item;
  margin-left: 0;
  margin-bottom: 0;
}
.panel-inlay ol li {
  display: table-row;
}
.panel-inlay ol li span {
  display: inline-block;
  margin-bottom: 10px;
}
.panel-inlay ol li span.last {
  margin-bottom: 0;
}
.panel-inlay ol li:before {
  content: counter(item) ".";
  display: table-cell;
  vertical-align: top;
  counter-increment: item;
  text-align: right;
  font-weight: bold;
  padding-right: 10px;
}
.panel-inlay ol li ol {
  margin-left: 0;
}
.panel-inlay ol li ol > li {
  list-style-type: lower-alpha;
}
.panel-inlay ol li ol > li:before {
  content: counter(item, upper-alpha) ".";
  text-align: left;
}
.panel-inlay ol li ol > li ol span {
  margin-bottom: 0;
}
.panel-inlay ol li ol > li ol > li.last span {
  margin-bottom: 10px;
}
.panel-inlay ol li ol > li ol > li:before {
  content: counter(item, lower-alpha) ".";
}
.instruction-panel {
  border: 1px solid #ccc;
  position: relative;
}
.instruction-panel .panel-inlay {
  display: none;
}
.instruction-panel .icon:before {
  display: inline-block;
  color: #0096D6;
  background-color: transparent;
  font-size: 32px;
  margin-right: 20px;
  vertical-align: middle;
}
.instruction-panel a.icon:before {
  border: 1px solid #767676;
  font-size: 10px;
  content: "\e606";
  color: #767676;
  position: absolute;
  padding: 5px;
  background-color: transparent;
  top: 24px;
  right: 0;
}
.instruction-panel a.icon:hover:before {
  color: #0096D6;
}
.instruction-panel a.icon.toggled:before {
  content: '\e605';
}
.instruction-panel header {
  display: table;
  width: 100%;
  padding: 20px;
  padding-right: 60px;
}
.instruction-panel header:hover {
  background-color: #fafafa;
}
.instruction-panel header .logo {
  display: table-cell;
  vertical-align: middle;
  width: 0.01px;
}
.instruction-panel header h5 {
  color: #373737;
  display: table-cell;
  vertical-align: middle;
}
.instruction-panel .panel-inlay {
  margin-top: 0;
}
.option-divider {
  position: relative;
  height: 40px;
}
.option-divider div {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
}
.option-divider div > span.text {
  text-align: center;
  padding: 8px 10px;
  margin-bottom: 0;
  background-color: #fafafa;
}
.option-divider hr {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
}
.mac .download-table .swd-dropdown-row td {
  padding-top: 5px!important;
  padding-bottom: 6px;
}
.download-table .table {
  margin-bottom: 0;
  border-top: 1px solid #ccc;
  padding: 20px;
}
.download-table .table tr:not(.swd-dropdown-row) {
  color: #373737;
}
.download-table .table td {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 0.9em;
}
.download-table .table td.date {
  padding: 20px 10px;
}
.download-table .table td .button {
  float: right;
}
@media only screen and (max-width: 496px) {
  .download-table .table td .last,
  .download-table .table td .date,
  .download-table .table td .version,
  .download-table .table td .size {
    display: none !important;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .download-table .table td .last,
  .download-table .table td .date,
  .download-table .table td .version,
  .download-table .table td .size {
    display: none !important;
  }
}
.download-table .table td.last button.bit {
  font-size: 12px;
}
.download-table .table .secondary-content {
  margin-top: 5px;
  margin-bottom: 5px;
}
.download-table .table p {
  margin-bottom: 5px;
}
.download-table .table p.title {
  color: #373737;
  font-weight: bold;
  line-height: 20px;
  white-space: normal;
}
.download-table .table p.info {
  white-space: normal;
  margin-bottom: 10px;
}
.download-table .table p.text-small {
  color: #373737;
}
.download-table .previous-version,
.download-table .detail-dropdown,
.download-table p.info {
  font-size: 14px;
}
.download-table .previous-version p,
.download-table .detail-dropdown p,
.download-table p.info p {
  line-height: 22px;
}
.download-table .previous-version table {
  font-size: 1.1em;
}
.download-table .previous-version table th {
  font-weight: normal;
  color: #5a5a5a;
}
.download-table .associatedContentWrap {
  margin-bottom: 20px;
}
.download-table .associatedTabDesc {
  margin-bottom: 15px;
  width: 100%;
}
.download-table .associatedIconImg {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  color: #0096D6;
  fill: currentColor;
}
.download-table .associatedTitleIcon {
  width: 35px!important;
  height: 35px!important;
}
.download-table .associatedTitleText {
  margin-left: -25px;
}
.download-table .associated-files,
.download-table .detail-dropdown,
.download-table p.info {
  font-size: 14px;
}
.download-table .associated-files p,
.download-table .detail-dropdown p,
.download-table p.info p {
  line-height: 22px;
}
.download-table .associated-files table {
  font-size: 1.1em;
}
.download-table .associated-files table th {
  font-weight: normal;
  color: #5a5a5a;
  border-bottom: 1px solid #ccc;
}
.download-table .associated-files table tr.recommendedRow {
  border-left: 5px solid #009DDB;
}
.download-table .associated-files table .recommendedText {
  font-weight: bold;
  color: #009DDB;
}
.download-table .associated-files table .downloadLinkAssociatedFile {
  text-align: center;
  font-size: 14px;
  color: #0096D6;
}
.download-table .associated-files table .associated-file-name {
  font-size: 14px;
}
.download-table .labels {
  display: table;
  width: 100%;
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 496px) {
  .download-table .labels {
    display: none !important;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .download-table .labels {
    display: none !important;
  }
}
.download-table .labels th {
  padding: 5px 10px;
  border-left: 1px solid #ccc;
  font-size: 16px;
}
.download-table .labels th:first-child {
  border-left: 0;
}
.download-table .panel {
  margin-left: -15px;
  margin-right: -15px;
  border-bottom: 0;
}
.download-table .panel:last-child {
  border-bottom: 1px solid #ccc;
}
.download-table .panel.panel-child {
  border-bottom: none;
  margin: 0;
  border-top: 0;
}
.download-table .panel.panel-child h4 {
  border-top: 1px solid #ccc;
  font-size: 0.9em;
}
.download-table .panel.panel-child span.title {
  padding-left: 20px;
}
.download-table .panel.panel-child button.primary {
  /*background: none;
        color: @primary-color;*/
}
.download-table .panel-heading {
  background-color: #fafafa;
  font-weight: bold;
}
.download-table .panel-heading h4 {
  font-size: 16px;
}
.download-table .panel-heading .count {
  font-size: 0.8em;
  color: #767676;
  font-weight: normal;
}
.download-table .panel-heading .important-title {
  color: #D7410B;
}
.download-table .panel-heading .important-title .count {
  color: #D7410B;
}
.download-table .panel-heading .recommended-title {
  color: #0096D6;
}
.download-table .panel-heading .recommended-title .count {
  color: #0096D6;
}
@media only screen and (max-width: 496px) {
  .download-table .panel-collapse {
    overflow: hidden;
  }
  .download-table .hidden-large {
    font-size: 0.9em;
  }
}
.download-table .important .classification,
.download-table .basic-available .classification {
  display: block;
  color: #D7410B;
  margin-bottom: 5px;
}
.download-table .important tr.swd-dropdown-row,
.download-table .basic-available tr.swd-dropdown-row,
.download-table .important tr.first-row,
.download-table .basic-available tr.first-row {
  border-left: 5px solid #D7410B;
}
.download-table .recommended .classification {
  color: #0096D6;
  display: block;
  margin-bottom: 5px;
}
.download-table .recommended tr.swd-dropdown-row,
.download-table .recommended tr.first-row {
  border-left: 5px solid #0096D6;
}
.download-table .swd-dropdown {
  color: #767676 !important;
  margin-right: -4px;
  border: 1px solid #ccc;
  padding: 10px 20px;
}
.download-table .swd-dropdown:nth-child(2) {
  border-left: none;
}
.download-table .swd-dropdown:nth-child(2).toggled,
.download-table .swd-dropdown:nth-child(2):hover {
  border-left: 1px solid #767676;
}
.download-table .swd-dropdown:hover {
  background-color: #fafafa;
}
.download-table .swd-dropdown.toggled {
  border-top: 1px solid #767676;
  border-right: 1px solid #767676;
  border-left: 1px solid #767676;
  color: #373737;
  background-color: white;
  border-bottom: 1px solid white;
  margin-bottom: -10px;
  padding-bottom: 10px;
}
.download-table .swd-dropdown.toggled:hover {
  background-color: white;
}
.download-table .swd-dropdown-row td {
  padding-top: 5px!important;
  padding-bottom: 8px;
}
@media only screen and (max-width: 496px) {
  .download-table .swd-dropdown-row {
    display: none !important;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .download-table .swd-dropdown-row {
    display: none !important;
  }
}
.download-table .swd-expanded {
  border-top: 1px solid #767676;
  border-right: 1px solid #767676;
  border-left: 1px solid #767676;
  background-color: white;
  font-size: 15px;
}
@media only screen and (max-width: 496px) {
  .download-table .swd-expanded {
    display: none !important;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .download-table .swd-expanded {
    display: none !important;
  }
}
.download-table .swd-expanded table {
  width: 100%;
}
.download-table .swd-expanded table th {
  background-color: #f2f2f2;
  padding: 5px 10px;
  border-right: 1px solid #ccc;
}
.download-table .swd-expanded table th:nth-child(4) {
  border-right: 0;
}
.download-table .swd-expanded table th:last-child {
  border-right: 0;
}
.download-table .swd-expanded table tr {
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.download-table .swd-expanded table tr td {
  padding: 10px!important;
}
.download-table .swd-expanded table tr td .icon-tooltp_f {
  margin-left: 10px;
}
.download-table .swd-expanded table tr td:last-child {
  min-width: 180px;
}
.download-table .swd-expanded .nested-detail,
.download-table .swd-expanded .nested-download {
  display: block;
}
.download-table td.no-result {
  white-space: normal;
  padding: 20px;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .download-table .panel-heading a span:first-child {
    font-size: 16px;
  }
  .download-table .table td {
    padding: 15px 10px;
  }
  .download-table .table td:not(.col-lg-7) {
    display: none;
  }
  .download-table .table td .button.email,
  .download-table .table td .button.hidden-lg {
    float: left;
    margin-right: 10px;
  }
  .download-table .table td .button.email + .secondary-content,
  .download-table .table td .button.hidden-lg + .secondary-content {
    padding-top: 5px;
    margin-left: 5px;
  }
  .download-table .table td .key-value span:first-child {
    margin-right: 10px;
  }
  .download-table .panel-collapse {
    overflow: hidden;
  }
}
/*RTL UI Changes*/
html[dir=rtl] .softwareResultsWrapper[data=rtl],
.softwareResultsWrapper[data=rtl] {
  /*RTL ends here*/
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table ul li,
.softwareResultsWrapper[data=rtl] .download-table ul li {
  margin-right: 17px;
  margin-left: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .swd-expanded table th:nth-child(4),
.softwareResultsWrapper[data=rtl] .download-table .swd-expanded table th:nth-child(4) {
  border-right: 1px solid #ccc;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .first-row td.col-lg-7,
.softwareResultsWrapper[data=rtl] .first-row td.col-lg-7 {
  direction: rtl;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .button-group .button,
.softwareResultsWrapper[data=rtl] .button-group .button {
  margin-right: 0px;
  margin-left: 10px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .basicButton,
.softwareResultsWrapper[data=rtl] .basicButton {
  float: left;
  padding-left: 0px !important;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .icon-tooltp_f,
.softwareResultsWrapper[data=rtl] .download-table .icon-tooltp_f {
  padding-left: 0px;
  padding-right: 3px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .Title_rtl,
.softwareResultsWrapper[data=rtl] .Title_rtl {
  float: right;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordion-controls.align-right,
.softwareResultsWrapper[data=rtl] .accordion-controls.align-right {
  text-align: left;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .labels th,
.softwareResultsWrapper[data=rtl] .download-table .labels th {
  border-right: 1px solid #ccc;
  border-left: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .labels th:first-child,
.softwareResultsWrapper[data=rtl] .download-table .labels th:first-child {
  border-right: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .table .sortable-row table td[data-sort=date],
.softwareResultsWrapper[data=rtl] .download-table .table .sortable-row table td[data-sort=date] {
  padding-top: 20px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .acc-coll-all,
.softwareResultsWrapper[data=rtl] .download-table .acc-coll-all {
  float: left;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .acc-ex-all,
.softwareResultsWrapper[data=rtl] .download-table .acc-ex-all {
  padding-left: 3px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .acc-ex-all:after,
.softwareResultsWrapper[data=rtl] .download-table .acc-ex-all:after {
  content: '';
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .acc-ex-all:before,
.softwareResultsWrapper[data=rtl] .download-table .acc-ex-all:before {
  content: ' | ';
  color: #5a5a5a;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .sort-trigger th:first-child,
.softwareResultsWrapper[data=rtl] .download-table .sort-trigger th:first-child {
  border-right: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .sort-trigger th:last-child,
.softwareResultsWrapper[data=rtl] .download-table .sort-trigger th:last-child {
  border-left: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .sort-trigger th,
.softwareResultsWrapper[data=rtl] .download-table .sort-trigger th {
  border-right: 1px solid #ccc;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .swd-expanded .nested-download,
.softwareResultsWrapper[data=rtl] .download-table .swd-expanded .nested-download {
  border-left: 0px;
  border-right: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .button-group .button,
.softwareResultsWrapper[data=rtl] .button-group .button {
  margin-left: 10px;
  margin-right: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.important-row table tr,
.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.important-row table tr {
  border-left: 0px !important;
  border-right: 5px solid #D7410B;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.important-row table .swd-expanded,
.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.important-row table .swd-expanded {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc !important;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.recommended-row table tr,
.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.recommended-row table tr {
  border-left: 0px !important;
  border-right: 5px solid #0096D6;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row td:first-of-type,
.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row td:first-of-type {
  /* important row alignment */
  text-align: right;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row .swd-dropdown,
.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row .swd-dropdown {
  /* Previous Version & Details */
  float: right;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td,
.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td {
  float: none;
  padding-bottom: 9px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td button,
.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td button {
  float: left;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td .text-small,
.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td .text-small {
  text-align: right;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .swd-expanded table th,
.softwareResultsWrapper[data=rtl] #download-table .swd-expanded table th {
  float: none;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordion_float_right,
.softwareResultsWrapper[data=rtl] .accordion_float_right {
  float: right;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordion_float_left,
.softwareResultsWrapper[data=rtl] .accordion_float_left {
  float: left;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .panel .panel-title > a,
.softwareResultsWrapper[data=rtl] .panel .panel-title > a {
  padding: 15px 15px 15px 55px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .swd-expanded .detail-dropdown,
.softwareResultsWrapper[data=rtl] .swd-expanded .detail-dropdown,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .swd-expanded .previous-version,
.softwareResultsWrapper[data=rtl] .swd-expanded .previous-version {
  direction: rtl;
  padding-right: 0px;
  padding-left: 10px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .swd-expanded .detail-dropdown,
.softwareResultsWrapper[data=rtl] .swd-expanded .detail-dropdown,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .swd-expanded .associated-files,
.softwareResultsWrapper[data=rtl] .swd-expanded .associated-files {
  direction: rtl;
  padding-right: 0px;
  padding-left: 10px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table,
.softwareResultsWrapper[data=rtl] .download-table table {
  direction: rtl;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table div,
.softwareResultsWrapper[data=rtl] .download-table table div,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table p,
.softwareResultsWrapper[data=rtl] .download-table table p,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table a,
.softwareResultsWrapper[data=rtl] .download-table table a,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table span,
.softwareResultsWrapper[data=rtl] .download-table table span {
  direction: rtl;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table td[class*="col-lg"],
.softwareResultsWrapper[data=rtl] .download-table table td[class*="col-lg"],
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table th[class*="col-lg"],
.softwareResultsWrapper[data=rtl] .download-table table th[class*="col-lg"] {
  float: none;
  text-align: right;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table td[class*="col-lg"],
.softwareResultsWrapper[data=rtl] .download-table table td[class*="col-lg"] {
  direction: ltr;
  /*As these would contain english text*/
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .table-responsive .first-row td[class*="col-lg"],
.softwareResultsWrapper[data=rtl] .table-responsive .first-row td[class*="col-lg"],
html[dir=rtl] .softwareResultsWrapper[data=rtl] .table-responsive .first-row th[class*="col-lg"],
.softwareResultsWrapper[data=rtl] .table-responsive .first-row th[class*="col-lg"] {
  float: none;
  /*Adding this to fix the wrapping issue*/
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .previous-version th:first-child,
.softwareResultsWrapper[data=rtl] .previous-version th:first-child {
  border-right: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .associated-files th:first-child,
.softwareResultsWrapper[data=rtl] .associated-files th:first-child {
  border-right: 0px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .table a.hpdiaButton.button.primary,
.softwareResultsWrapper[data=rtl] .download-table .table a.hpdiaButton.button.primary {
  float: left;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordionTitle,
.softwareResultsWrapper[data=rtl] .accordionTitle {
  direction: rtl;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordionTitle .titleSpan.title,
.softwareResultsWrapper[data=rtl] .accordionTitle .titleSpan.title {
  display: inline-block;
  direction: ltr;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .important tr.swd-dropdown-row,
.softwareResultsWrapper[data=rtl] .download-table .important tr.swd-dropdown-row,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .basic-available tr.swd-dropdown-row,
.softwareResultsWrapper[data=rtl] .download-table .basic-available tr.swd-dropdown-row,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .important tr.first-row,
.softwareResultsWrapper[data=rtl] .download-table .important tr.first-row,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .basic-available tr.first-row,
.softwareResultsWrapper[data=rtl] .download-table .basic-available tr.first-row {
  border-left: 0px;
  border-right: 5px solid #D7410B;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordianSectionWrapper .download-table .swd-dropdown,
.softwareResultsWrapper[data=rtl] .accordianSectionWrapper .download-table .swd-dropdown {
  margin-right: 0px;
  margin-left: -1px;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .swd-dropdown:nth-child(2),
.softwareResultsWrapper[data=rtl] .download-table .swd-dropdown:nth-child(2) {
  border-left: 1px solid #ccc;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .panel.panel-child span.title,
.softwareResultsWrapper[data=rtl] .download-table .panel.panel-child span.title {
  padding-right: 20px;
  padding-left: 0px;
}
/*USI changes start here VV*/
.swd-expanded .detail-dropdown,
.swd-expanded .previous-version {
  max-height: 267px;
  overflow-x: hidden;
  padding-right: 10px;
}
.swd-expanded .detail-dropdown,
.swd-expanded .associated-files {
  max-height: 267px;
  overflow-x: hidden;
  padding-right: 10px;
}
.modal-body .detail-dropdown {
  max-height: 240px;
  overflow-x: hidden;
  padding-right: 10px;
}
.downloadLinkPrev.hpdiaButton {
  padding: 0px !important;
}
.download-table .table a.hpdiaButton.button {
  float: right;
  padding: 0 15px !important;
}
/*USI changes NR*/
a.acc-coll-all.acc-focus,
a.acc-ex-all.acc-focus {
  color: #0096D6;
}
#swdLoadingDiv img {
  margin: 0 auto;
}
p.inOSDesc *,
.details-desc *,
.fixesContent * {
  word-wrap: break-word;
  white-space: normal;
}
.debugText {
  border: 2px solid green;
  padding: 5px 10px;
  color: green;
}
.accordianSectionWrapper .download-table .swd-dropdown {
  margin-right: -1px;
}
/*Adding this to fix the wrapping issue*/
.table-responsive .first-row td.version {
  /*	float : left; 
	word-wrap:break-word;
	white-space : normal; */
  max-width: 100px;
  word-wrap: break-word;
  white-space: normal;
}
.download-table .swd-expanded {
  border-right: 2px solid #767676;
}
.basicButton {
  float: right;
  padding-right: 0px !important;
}
.download-table .icon-tooltp_f {
  padding-left: 3px;
}
.fixesContent {
  color: #767676;
}
html[dir=rtl] .softwareResultsWrapper[data=rtl] .panel .panel-title > a:before,
html[dir=rtl] .softwareResultsWrapper[data=rtl] .panel .panel-title > a:after,
.softwareResultsWrapper[data=rtl] .panel .panel-title > a:before,
.softwareResultsWrapper[data=rtl] .panel .panel-title > a:after {
  right: auto;
  left: 15px;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .panel .panel-title > a:before,
html[dir=rtl] .softwareResultsWrapper[data=ltr] .panel .panel-title > a:after {
  right: 15px;
  left: auto;
}
.softwareResultsWrapper[data=rtl] .fr {
  float: left;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] div[class*="col-lg"] {
  float: right;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .detailsLinkPrev {
  display: block;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .swd-dropdown-row td {
  unicode-bidi: bidi-override;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .fileName {
  unicode-bidi: bidi-override;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .fileName .hpdiaButton {
  unicode-bidi: embed;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .released-holder {
  unicode-bidi: bidi-override;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .released-holder .value {
  unicode-bidi: embed;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .version-holder {
  unicode-bidi: bidi-override;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .version-holder .value {
  unicode-bidi: embed;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .modal-content {
  direction: rtl;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .align-right {
  text-align: left;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .modal-header button.close.icon {
  left: 15px;
  right: inherit;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] button.close {
  float: left;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .modal-header-float .modal-logo {
  float: right;
}
html[dir=ltr] .softwareResultsWrapper[data=rtl] .modal-title.with-logo {
  padding-right: 70px;
  text-align: right;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .learnMoreLink {
  display: block;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] div[class*="col-lg"] {
  float: left;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] td[class*="col-lg"],
html[dir=rtl] .softwareResultsWrapper[data=ltr] th[class*="col-lg"] {
  float: none;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .RTLtextAlign {
  text-align: left;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .fr {
  float: right;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .modal-header {
  padding-right: 60px;
  padding-left: 20px;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .modal-header button.close.icon {
  right: 15px;
  left: inherit;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .modal-header-float .modal-logo {
  float: left;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .modal-title.with-logo {
  text-align: left;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .modal-content {
  direction: ltr;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] .swd-dropdown-row td {
  unicode-bidi: bidi-override;
}
html[dir=rtl] .softwareResultsWrapper[data=ltr] th {
  text-align: left;
}
.download-table ul li {
  list-style: inherit;
  margin-left: 17px;
}
.download-table .swd-expanded .previous-version table tr {
  border-top: 0px;
}
.download-table .swd-expanded .previous-version table tr.debugRow {
  border-bottom: 0px;
}
.download-table .swd-expanded .associated-files table tr {
  border-top: 0px;
}
.download-table .swd-expanded .associated-files table tr.debugRow {
  border-bottom: 0px;
}
.download-table .secondary-content.termsOfUse {
  text-align: right;
}
.feedback-banner {
  background-color: #f2f2f2;
  position: relative;
  overflow-y: hidden;
  cursor: pointer;
  border: 2px solid #fff;
}
.feedback-banner:hover {
  border-color: #ccc;
}
.feedback-banner:hover .action,
.feedback-banner:hover h2 {
  color: #007dba;
}
.feedback-banner .graphic-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 31%;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .feedback-banner .graphic-container {
    width: 100%;
    position: static;
    border-bottom: 1px solid #767676;
    background-color: #fafafa;
  }
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .feedback-banner img {
    position: static;
    padding-top: 20px;
    width: 50%;
    min-width: 200px;
  }
}
.feedback-banner h2 {
  color: #0096D6;
}
.feedback-banner p {
  margin-bottom: 5px;
}
.feedback-banner .content {
  margin: 40px 0;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .feedback-banner .content {
    display: block;
    margin: 0;
    padding: 20px;
  }
}
.feedback-banner .action {
  color: #0096D6;
  display: block;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .feedback-banner .action {
    display: inline;
  }
}
.w-details p {
  display: table;
}
.w-details p.key-value .iw-status a {
  font-weight: bold;
}
.w-details p.key-value span {
  display: table-cell;
}
@media only screen and (max-width: 496px) {
  .w-details p.key-value span {
    display: block;
  }
}
.w-details p.key-value span.key {
  color: #373737;
  font-weight: bold;
  margin-right: 40px;
  max-width: 150px;
  min-width: 150px;
}
@media only screen and (max-width: 496px) {
  .w-details p.key-value span.key {
    display: block;
    margin-bottom: 5px;
  }
}
.w-details p.key-value span.green {
  color: #008424;
}
.w-details p.key-value span.yellow {
  color: #ffea00;
}
.w-details p.key-value span.red {
  color: #D7410B;
  font-weight: normal;
  margin-left: 0px;
}
.w-details .button.bottom {
  margin-top: 50%;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .w-details .button.bottom {
    margin-top: 20px;
    display: block;
    margin-bottom: 0;
  }
}
.disclaimer-no-prod-info {
  margin-top: 20px;
  color: #373737;
}
.disclaimer-no-prod-info .fa {
  margin-right: 8px;
  margin-top: 3px;
}
.support-options .hp-row {
  min-height: 100px;
}
.support-options .icon-svg {
  float: left;
  display: inline-block;
  margin-right: 10px;
  width: 75px;
  text-align: center;
  clear: both;
}
.support-options .icon-bg img {
  width: 75px;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .support-options.hp-row.with-icons .icon-content {
    margin-top: 0px;
  }
}
/* iCheck plugin Flat skin, blue
----------------------------------- */
.icheckbox_flat-blue,
.iradio_flat-blue {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  top: -1px;
  margin: 0 5px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer;
  font-family: HPControlIcons;
}
.icheckbox_flat-blue:before {
  content: '\e609';
  font-family: 'HPControlIcons';
  font-size: 1.2em;
  color: #767676;
  line-height: 1;
}
.icheckbox_flat-blue:hover:before {
  color: #373737;
}
.icheck-label:hover .icheckbox_flat-blue:before {
  color: #373737;
}
.icheckbox_flat-blue.checked:before {
  content: "\e619";
  font-size: 1.2em;
  color: #0096D6;
}
.icheckbox_flat-blue.checked:hover:before {
  color: #006699;
}
.icheck-label:hover .icheckbox_flat-blue.checked:before {
  color: #006699;
}
.icheckbox_flat-blue.disabled {
  background-position: -66px 0;
  cursor: default;
}
.icheckbox_flat-blue.error {
  background-position: -88px 0;
}
.icheck-label:hover span {
  font-weight: bold;
}
.icheck-label:hover .iradio_flat-blue:before {
  color: #767676;
  content: '\e61e';
}
.icheck-label:hover .iradio_flat-blue.checked:before {
  color: #0096D6;
  content: '\e61e';
}
.iradio_flat-blue {
  font-family: 'HPControlIcons';
}
.iradio_flat-blue ~ span {
  font-weight: normal;
}
.iradio_flat-blue:before {
  color: #ccc;
  content: '\e61d';
}
.iradio_flat-blue:hover:before {
  content: '\e61e';
}
.iradio_flat-blue.checked:before {
  color: #0096D6;
  content: '\e61e';
}
.iradio_flat-blue.checked ~ span {
  font-weight: bold;
}
.iradio_flat-blue.disabled {
  cursor: default;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-blue,
  .iradio_flat-blue {
    /* Retina for images

        background-image: url(/hp-portal-theme-static/themes/Portal8.0/hp/css/_/images/icons/blue@2x.png);
        -webkit-background-size: 108px 44px;
        background-size: 108px 44px;*/
  }
}
#filter-clear {
  display: none;
  white-space: nowrap;
  color: #0096D6;
  font-size: 16px;
  cursor: pointer;
}
#filter-clear:hover {
  color: #006699;
}
#filter-title {
  display: none;
}
.filter-selected-title {
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}
.filter-selected-title:last-child {
  margin-bottom: 0;
}
.filter-selected-title .applied-filters-item {
  font-weight: normal;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .filter-selected-title li {
    margin: 10px 0;
  }
}
.filter-header {
  margin-bottom: 0;
  padding-bottom: 5px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .filter-header {
    margin-bottom: 20px;
  }
}
.hp-filter-open {
  position: fixed;
  overflow: hidden;
}
.applied-filters {
  background: #f2f2f2;
  padding: 10px;
  display: none;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
}
.applied-filters li {
  margin-right: 5px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .applied-filters {
    padding: 10px 20px;
    margin: 20px -20px 20px;
  }
}
.more-hidden {
  display: none;
}
.filters.filters-desktop .filter-category {
  margin-bottom: 10px;
  /* do not uncomment, adding border botton to the title - filters instead - Richa
    	&:first-of-type {
      border-top: 1px solid #ccc;
    }*/
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .filters.filters-desktop .filter-category {
    padding: 0px 20px;
    margin: 0px -20px 0px;
  }
}
.filters.filters-desktop .filter-category .filter-title,
.filters.filters-desktop .filter-category .filter-options {
  margin-bottom: 10px;
  color: #767676;
}
.filters.filters-desktop .filter-category .filter-title {
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
  padding-top: 10px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .filters.filters-desktop .filter-category .filter-title {
    color: #000;
    font-weight: bold;
    text-transform: none;
    border: 0;
    margin: 5px 0 10px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .filters.filters-desktop .filter-category .filter-options li {
    margin: 10px 0;
  }
}
.filters.filters-desktop .filter-category .filter-options span {
  font-family: 'HPControlIcons';
  vertical-align: -10%;
}
.filters.filters-desktop .filter-category .filter-options label {
  color: #767676;
  display: block;
  font-weight: normal;
}
.filters.filters-desktop .filter-category .filter-options label:hover {
  cursor: pointer;
  color: #373737;
}
.filters.filters-desktop .filter-category .filter-options label a {
  display: inline;
}
.filters.filters-desktop .filter-category .filter-options label.open {
  color: #0096D6;
}
.filters.filters-desktop .filter-category .filter-options label.expandable:hover span {
  border-color: #373737;
  color: #0096D6;
}
.filters.filters-desktop .filter-category .filter-options label.expandable span {
  position: relative;
  top: 4px;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #767676;
}
.filters.filters-desktop .filter-category .filter-options label.expandable span:before {
  content: '\e606';
  font-size: 0.8em;
  margin-left: 3px;
  position: absolute;
  bottom: -3px;
}
.filters.filters-desktop .filter-category .filter-options label.expandable.selected span {
  border: 1px solid #767676;
}
.filters.filters-desktop .filter-category .filter-options label.expandable.selected span:before {
  content: '\e605';
}
.filters.filters-desktop .filter-category .filter-options label.expandable.selected:hover span:before {
  content: '\e605';
}
.filters.filters-desktop .filter-category .filter-options.filter-options-nested {
  display: none;
  overflow: hidden;
  margin-left: 20px;
  margin-bottom: 0;
  -webkit-transition: all 200ms linear;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .filters.filters-desktop .filter-category .filter-options.filter-options-nested {
    margin-left: 25px;
  }
}
.filters.filters-desktop .filter-category .filter-options.filter-options-nested.open {
  max-height: 500px;
}
.filters.filters-desktop .filter-category .filter-options.filter-options-nested li.more {
  display: none;
}
.filters.filters-desktop .filter-category .filter-options li.more-category {
  display: none;
}
.filters.filters-desktop .filter-category .filter-options .show-more,
.filters.filters-desktop .filter-category .filter-options .show-less,
.filters.filters-desktop .filter-category .filter-options .show-more-expandables,
.filters.filters-desktop .filter-category .filter-options .show-less-expandables {
  padding: 0;
  color: #0096D6;
}
.filters.filters-desktop .filter-category .filter-options .show-more:hover,
.filters.filters-desktop .filter-category .filter-options .show-less:hover,
.filters.filters-desktop .filter-category .filter-options .show-more-expandables:hover,
.filters.filters-desktop .filter-category .filter-options .show-less-expandables:hover {
  background: transparent;
  color: #006699;
}
.filters.filters-desktop .filter-category .filter-options .show-less,
.filters.filters-desktop .filter-category .filter-options .show-less-expandables {
  display: none;
}
#filter-trigger {
  width: 100%;
  text-align: left;
}
#filter-close {
  top: 15px;
}
#filter-close:after {
  font-family: 'HPControlIcons';
  content: "\e607";
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  color: #767676;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#filter-close:hover:after {
  color: #000;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #filters-block {
    position: static;
  }
  #filters-block .filters {
    position: fixed;
    overflow-y: auto;
    z-index: 1000;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 20px 20px 0 20px;
    box-shadow: none;
    border-left: 1px solid #dadada;
  }
  #filters-block .filters.open {
    left: 0;
    width: 100%;
    -webkit-transition: all 300ms linear;
  }
  #filters-block .filters.open .filter-category .filter-options label {
    display: inline-block;
  }
}
#loading-results {
  display: none;
  height: 100%;
  width: 100%;
  bottom: 0;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 99;
}
#loading-results .loading-message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  margin-left: -30px;
  height: 60px;
  margin-top: -30px;
  text-align: center;
}
.hp-nav-tabs {
  position: relative;
  display: block;
  margin: 0;
}
.hp-nav-tabs li {
  display: block;
  margin-bottom: 10px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-nav-tabs li {
    margin-bottom: 0;
  }
}
.hp-nav-tabs li.active a {
  background-color: #373737;
  color: #fff;
}
.hp-nav-tabs li.active a i {
  color: #fff;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-nav-tabs li.active a i {
    color: #0096D6;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-nav-tabs li.active a {
    background-color: transparent;
    color: #0096D6;
  }
}
.hp-nav-tabs li.active a:after {
  content: '\f0da';
  font-family: FontAwesome;
  position: absolute;
  color: #373737;
  top: 0;
  right: -15px;
  font-size: 54px;
  height: 50px;
  line-height: 50px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-nav-tabs li.active a:after {
    color: #0096D6;
    content: '\f105';
    right: 15px;
    font-size: 24px;
  }
}
.hp-nav-tabs li.active a:visited {
  color: #fff;
}
.hp-nav-tabs li.active a:hover {
  color: #fff;
  background-color: #373737;
}
.hp-nav-tabs li.active a:hover i {
  color: #fff;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-nav-tabs li.active a:hover {
    background-color: #0096D6;
    color: #fff;
  }
}
.hp-tab-open {
  position: fixed;
  overflow: hidden;
}
.hp-nav-tabs li a {
  display: block;
  white-space: nowrap;
  position: relative;
  font-size: 16px;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background-color: #0096D6;
}
.hp-nav-tabs li a:visited {
  color: #fff;
}
.hp-nav-tabs li a:visited:hover {
  color: #fff;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-nav-tabs li a {
    padding: 0;
    color: #0096D6;
    background-color: transparent;
    border: 1px solid #0096D6;
    margin-top: -1px;
  }
  .hp-nav-tabs li a:after {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    top: -1px;
    right: 15px;
    font-size: 24px;
  }
  .hp-nav-tabs li a:visited {
    color: #0096D6;
  }
}
.hp-nav-tabs li a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #006699;
}
.hp-nav-tabs li a:hover i {
  color: #fff;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-nav-tabs li a:hover {
    color: #fff;
    background-color: #0096D6;
  }
  .hp-nav-tabs li a:hover i,
  .hp-nav-tabs li a:hover:after {
    color: #fff;
    background-color: transparent;
  }
}
.hp-nav-tabs li a i {
  position: relative;
  top: -2px;
  text-align: left;
  font-size: 22px;
  text-align: center;
  color: #fff;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-nav-tabs li a i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    color: #0096D6;
  }
}
.tab-pane {
  display: none;
  opacity: 0;
}
.tab-pane hr {
  margin: 40px 0 20px 0;
}
.tab-pane.hp-row {
  margin-top: 0;
}
.tab-pane.active {
  display: block;
  opacity: 1;
}
.tab-content .desktopPaginationContainer {
  float: right;
  width: 100%;
  text-align: right;
  color: #767676;
  margin-top: 15px;
  margin-bottom: 20px;
}
.tab-content .desktopPaginationContainer .pagination-button span {
  display: inline-block;
  margin-top: -7px;
}
.tab-content .mobPaginationContainer {
  float: right;
  width: 100%;
  text-align: right;
  color: #767676;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tab-content .mobPaginationContainer .pagination-button span {
  display: inline-block;
  margin-top: -7px;
}
.tab-content .nonEngNote {
  background-color: #DEF2FA;
  margin-bottom: 20px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.tab-content .nonEngNote #focusableNonEngNote {
  color: inherit;
  cursor: default;
}
.tab-content .advBulletinNote {
  background-color: #DEF2FA;
  margin-bottom: 20px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.tab-content .advBulletinNote .focusableAdvBulletinNote {
  color: inherit;
  cursor: default;
}
.tab-content .tableHeader {
  border: 1px solid lightgray;
  float: left;
  width: 100%;
  display: flex;
}
.tab-content .tableHeader .coloumnHeader {
  margin: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #222;
}
.tab-content .tableHeader .coloumnHeader .headerTitleText {
  display: inline-block;
  width: 80%;
}
.tab-content .tableHeader .coloumnHeader .arrowSvgContainer {
  display: inline-block;
  height: 18px;
  width: 15px;
  float: right;
  transform: rotate(180deg);
}
.tab-content .tableHeader .middleColoumnHeader {
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
}
.tab-content .tableHeader .centerBorder {
  border-right: 1px solid lightgray;
}
.tab-content .tableHeader .activeSortTab .arrowSvgContainer {
  color: #0096D6;
  fill: currentColor;
}
.tab-content .tableHeader .activeSortTab .invertArrow {
  margin-top: 3px;
  transform: rotate(0deg) !important;
}
.tab-content .mobSortContainer {
  margin-bottom: 25px;
}
.tab-content .mobSortContainer .bulletinAdvDDWrapper {
  display: inline-block;
  width: 70%;
  margin: 0px 10px;
}
.tab-content .advisoryTabContainer .pdpRow {
  float: left;
  width: 100%;
  padding: 10px 0px;
  border-bottom: 1px solid lightgray;
  color: #767676;
}
.tab-content .advisoryTabContainer .pdpRow .mobDetailContainer {
  float: left;
  width: inherit;
}
@media (min-width: 801px) {
  .tab-content .advisoryTabContainer .pdpRow:hover {
    background-color: #0095d9;
    color: white;
  }
  .tab-content .advisoryTabContainer .pdpRow:hover a {
    color: white!important;
  }
  .tab-content .advisoryTabContainer .oddRowPDP {
    background-color: #fafafa;
  }
}
@media (max-width: 800px) {
  .tab-content .advisoryTabContainer .colContent {
    color: black;
  }
}
.tab-content button.close {
  top: 35px;
  right: 35px;
}
.tab-content h2.tab-title {
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.tab-content h3.row-title {
  margin-bottom: 0 0 5px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .tab-content {
    position: fixed;
    z-index: 1050;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-left: 1px solid #767676;
    padding: 20px;
    overflow-y: auto;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
  }
  .tab-content .modal {
    top: 36px;
  }
  .tab-content h3.row-title,
  .tab-content p {
    margin-bottom: 20px;
  }
  .tab-content.open {
    left: 0;
  }
  .tab-content h2.tab-title {
    height: auto;
    border-bottom: 1px solid #ccc;
    border-top: 0;
    margin: 0px -20px 30px;
    padding: 0px 20px 20px;
    line-height: 32px;
  }
}
.hp-nav-tabs.horizontal {
  border-bottom: 3px solid #000;
}
.hp-nav-tabs.horizontal li {
  display: inline-block;
  margin-bottom: -3px;
}
.hp-nav-tabs.horizontal li.active a {
  font-weight: bold;
  color: #000;
  background-color: #fff;
  border: 3px solid #000;
  border-bottom: 0;
}
.hp-nav-tabs.horizontal li.active a:after {
  display: none;
}
.hp-nav-tabs.horizontal li a {
  padding: 0 20px;
  line-height: 47px;
  border: 3px solid transparent;
  background-color: transparent;
  color: #767676;
}
.hp-nav-tabs.horizontal li a:hover {
  color: #000;
}
.tab-content.horizontal {
  padding: 20px 15px;
}
.tab-content.horizontal h2.tab-title {
  border: 0;
  margin-bottom: 0;
}
#close-tab-content:after {
  font-family: 'HPControlIcons';
  content: "\e607";
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  color: #767676;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#close-tab-content:hover:after {
  color: #000;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  body.modal-open .pdpVideosWrapper {
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .7;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 99;
  display: block;
  visibility: visible;
  font-size: 16px;
  line-height: 1.4;
  opacity: 0;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 205px;
  padding: 3px 8px;
  color: #767676;
  text-align: center;
  text-decoration: none;
  background-color: #FFFFFF;
  border-radius: 0px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #FFFFFF;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #FFFFFF;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #FFFFFF;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #FFFFFF;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #FFFFFF;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #FFFFFF;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #FFFFFF;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #FFFFFF;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  font-weight: normal;
  display: none;
  max-width: 300px;
  text-align: left;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 2px solid #FFFFFF;
  border: 2px solid #767676;
  border-radius: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0 !important;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
  /* For when we want to programatically add different badges inside the popover-titles
  &:before {
    content: "\f12a";
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 16px;
    line-height: 25px;
    font-family: FontAwesome;
    color: #FFFFFF;
    text-align: center;
    background-color: @primary-color;
    border-radius: 50%;
    margin-right: 10px; 
  }
  */
}
.popover-content {
  font-family: HPSimplified;
  color: #767676;
  font-size: 16px;
  line-height: 22px;
  padding: 15px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 10px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #767676;
  bottom: -10px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 2px;
  border-top-color: #FFFFFF;
}
.popover.right > .arrow {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-left-width: 0;
  border-right-color: #767676;
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 2px;
  border-right-color: #FFFFFF;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #767676;
  top: -10px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 2px;
  border-bottom-color: #FFFFFF;
}
.popover.left > .arrow {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-right-width: 0;
  border-left-color: #767676;
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 2px;
  border-left-color: #FFFFFF;
  bottom: -10px;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #dadada;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: default;
  /* do not change - Himanshu */
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 900;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.open .btn-primary.dropdown-toggle {
  background-color: #0096D6;
}
.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown-toggle {
  border-radius: 0;
  text-align: left;
}
.dropdown-toggle:focus,
.dropdown-toggle:hover {
  color: #fff;
  text-decoration: none;
}
.dropdown-toggle i {
  position: relative;
  float: none;
  display: inline-block;
  line-height: normal;
  margin-left: 3px;
}
.dropdown-menu {
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 250px;
  top: 58px;
  border-radius: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid #dadada;
  border-bottom: 4px solid #0096D6;
}
.dropdown-menu.no-divisions li {
  border: 0;
}
.dropdown-menu li {
  padding: 0;
  border-bottom: 1px solid #dadada;
}
.dropdown-menu li.dropdown-header {
  color: #0096D6;
  text-transform: uppercase;
  font-size: 11px;
  border-bottom: 0 !important;
  padding: 15px 15px 0;
}
.dropdown-menu li:last-child {
  border-bottom: 0;
}
.dropdown-menu li a {
  color: #373737;
  padding: 15px;
  white-space: pre-line;
}
.dropdown-menu li a:hover {
  background-color: whiteSmoke;
  text-decoration: none;
}
.dropdown-menu li ul li a:hover {
  color: #373737;
}
.open > .dropdown-menu {
  top: 100%;
}
.open > .dropdown-menu a {
  display: block;
}
.secondary_nav .dropdown .dropdown-menu li {
  padding: 0;
  margin: 0;
}
.secondary_nav .dropdown .dropdown-menu li a {
  line-height: normal;
}
.hp-dropdown.hp-dropdown-inline {
  margin-left: 15px;
}
.hp-dropdown.open .dropdown-toggle {
  color: #0096D6;
  background-color: #fff;
  border-color: #000;
  margin-bottom: -2px;
}
.hp-dropdown.open .dropdown-toggle i {
  border-color: #000;
}
.hp-dropdown.open .dropdown-menu {
  top: 95%;
  box-shadow: none;
}
.hp-dropdown.full-width {
  width: 100%;
}
.hp-dropdown.full-width a {
  width: 100%;
}
.hp-dropdown .dropdown-toggle {
  color: #0096D6;
  background-color: #fff;
  border: 2px solid #ccc;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  padding: 0 0 0 15px;
}
.hp-dropdown .dropdown-toggle i {
  height: 36px;
  line-height: 36px;
  width: 36px;
  text-align: center;
  margin-left: 15px;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 0;
  right: 0;
}
.hp-dropdown .dropdown-toggle:hover {
  color: #0096D6;
  background-color: #fff;
  border-color: #000;
}
.hp-dropdown .dropdown-toggle:hover i {
  border-color: #000;
}
.hp-dropdown ul.dropdown-menu {
  border: 2px solid #000;
}
.hp-dropdown ul.dropdown-menu li a {
  padding: 13px 15px;
}
.dropdown-toggle-icon:after {
  content: '\e601';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown-toggle-icon:after {
  content: '\e601';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown-toggle-icon-gray:after {
  content: '\e601';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: #767676;
}
.dropdown-toggle-icon-gray:after {
  content: '\e601';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: #767676;
}
.dropdown.open > .dropdown-toggle-icon:after {
  content: '\e602';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown.open > .dropdown-toggle-icon:after {
  content: '\e602';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown.open > .dropdown-toggle-icon-gray:after {
  content: '\e602';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown.open > .dropdown-toggle-icon-gray:after {
  content: '\e602';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal .indent {
  margin-left: 20px;
}
.modal-image {
  margin-bottom: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  outline: none;
}
.modal-content .center {
  width: 80%;
  text-align: center;
}
.modal-content .center ul.two-columns {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  width: 50%;
  margin: 0 auto;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.modal-header {
  padding: 20px 60px 20px 20px;
  border-bottom: 1px solid #efefef;
  min-height: 16.42857143px;
}
.modal-header-float .modal-logo {
  float: left;
  display: inline-block;
  width: 50px;
  height: auto;
}
@media only screen and (max-width: 496px) {
  .modal-header-float .modal-logo {
    display: none;
  }
}
.modal-header-float .modal-title p {
  margin-bottom: 0;
}
.modal-title {
  width: 100%;
  margin: 0;
  line-height: 1.42857143;
}
.modal-title h3 {
  line-height: 30px;
  margin: 0;
}
.modal-title h3.no-subtitle {
  line-height: 50px;
  margin: 0;
}
@media only screen and (max-width: 496px) {
  .modal-title h3.no-subtitle {
    line-height: 1;
  }
}
.modal-title.with-logo {
  padding-left: 70px;
}
@media only screen and (max-width: 496px) {
  .modal-title.with-logo {
    padding: 0;
  }
}
.modal-subtitle {
  color: #767676;
  margin-bottom: 10px;
}
.modal-submit {
  text-align: right;
  margin-bottom: 0;
}
.modal-body {
  position: relative;
  padding: 30px 40px 20px;
}
.modal-body .row-title,
.modal-body p {
  margin-bottom: 10px;
}
.modal-body .row-title {
  color: #373737;
}
@media only screen and (max-width: 496px) {
  .modal-body {
    padding: 20px 15px;
  }
}
.modal-body .with-icons {
  margin: 40px 0;
}
.modal-body-spacing {
  min-height: 200px;
  padding: 100px 15px;
}
.modal-footer {
  margin-top: 0;
  padding: 15px;
  text-align: right;
  border-top: 1px solid #efefef;
}
.modal-footer p.button-meta {
  line-height: 40px;
  margin-right: 15px;
}
.modal-footer .button,
.modal-footer p,
.modal-footer span {
  margin-bottom: 0;
}
.modal-footer .text-small {
  float: none;
  display: block;
  margin-bottom: 0;
  text-align: left;
}
.modal-footer .button + .button {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .button + .button {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-subfooter p:last-child {
  margin: 0;
}
.modal-flash {
  font-size: 16px;
}
.modal-loader {
  text-align: center;
}
.modal-loader img {
  display: inline-block;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .modal-xl {
    max-width: 1200px;
    width: 95%;
    margin: 30px auto;
  }
  .modal-lg {
    max-width: 900px;
    width: 95%;
    margin: 60px auto;
  }
  .modal-md {
    width: 800px;
    margin: 60px auto;
  }
  .modal-sm {
    width: 500px;
    margin: 60px auto;
  }
  .modal-sm h3 {
    line-height: 40px;
  }
  .modal-sm .modal-header {
    padding: 10px 15px;
    /* changing from 5px to 0 to align the modal title with the logo */
  }
  .modal-sm .modal-header .modal-logo {
    width: 40px;
    margin-top: 0px;
  }
  .modal-sm .modal-header .modal-title.with-logo {
    padding-left: 55px;
    padding-right: 20px;
  }
  .modal-sm .modal-header button.close.icon {
    top: 15px;
    right: 10px;
  }
  .modal-sm .modal-body {
    padding: 20px 30px;
  }
  .modal-footer .text-small {
    float: left;
  }
  .modal-footer .fr {
    float: right;
  }
}
.modal-detect-devices h4 {
  font-size: 24px;
}
.modal-detect-devices h5 {
  font-size: 20px;
  line-height: 20px;
}
.modal-detect-devices .device-row {
  padding: 10px 0;
}
#dl-mgr-2,
#dl-mgr-3 {
  display: none;
}
.modal-dialog.modal-mobile {
  margin: 0;
}
.modal-dialog.modal-mobile .modal-content {
  border: 0;
}
.modal-dialog.modal-mobile .modal-content .modal-body {
  padding: 20px 20px 10px;
  max-height: none;
}
.modal-dialog.modal-mobile .modal-content .modal-body h3 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.modal-dialog.modal-mobile .modal-content .modal-body p {
  padding-right: 40px;
}
.modal-dialog.modal-mobile .modal-content .modal-body a {
  border-bottom: 1px solid #fff;
}
.modal-dialog.modal-mobile button.close {
  color: #fff;
  opacity: 1;
  text-shadow: none;
}
.modal-dialog.modal-mobile.lg button.close {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.modal-dialog.modal-mobile.lg button.close:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-dialog.modal-mobile.lg .modal-content {
  box-shadow: none;
}
.modal-dialog.modal-mobile.lg .modal-body {
  padding: 40px;
}
.modal-dialog.modal-mobile.lg .modal-body h3 {
  font-size: 36px;
  line-height: 46px;
  padding: 0;
  border: 0;
}
.modal-dialog.modal-mobile.lg .modal-body p {
  font-size: 20px;
  margin-bottom: 20px;
}
#videoContainer .modal.in .modal-dialog {
  -moz-transform: unset !important;
}
.panel {
  padding: 0;
  border-top: 1px solid #ccc;
  margin-top: 0px;
}
.panel:last-child {
  border-bottom: 1px solid #ccc;
}
.panel .panel-title {
  margin: 0;
}
.panel .panel-title > a {
  position: relative;
  display: block;
  padding: 10px 55px 10px 15px;
  font-weight: bold;
  color: #000;
}
.panel .panel-title > a:hover {
  background: whiteSmoke;
  text-decoration: none;
  color: #000;
}
.panel .panel-title > a:hover:before {
  color: #0096D6;
  border-color: #767676;
}
.panel .panel-title > a:before {
  content: '';
  position: absolute;
  width: 21px;
  height: 21px;
  font-family: HPControlIcons;
  color: #0096D6;
  text-align: center;
  right: 15px;
  font-smoothing: antialised;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #767676;
  font-size: 10px;
  content: "\e606";
  color: #767676;
}
.panel .panel-title > a.toggled:before {
  content: '\e605';
}
.panel .panel-title > a.step-complete {
  font-weight: normal;
  color: #5a5a5a;
}
.panel .panel-title > a span.pCarousalTitle {
  color: #0096D6;
  font-weight: bold;
}
.panel.open > .panel-heading > .panel-title a.toggled:before {
  content: '\e605';
}
.panel .panel-body {
  padding: 0 15px;
}
.panel-blue {
  border: none;
}
.panel-blue .panel-title a {
  color: #0096D6;
  font-family: HPSimplified;
}
.panel-blue .panel-collapse {
  padding-bottom: 20px;
}
.panel-borderless {
  border: none;
}
.panel-child {
  margin-bottom: 20px;
}
.panel-child.open:last-of-type {
  border-bottom: 0;
}
.accordion-controls {
  margin-bottom: 10px;
}
.accordion-controls .acc-ex-all:after {
  content: ' | ';
  color: #5a5a5a;
}
/*----RTL support - Niharika ---*/
html[dir=rtl] .important .first-row {
  display: table-cell;
}
html[dir=rtl] a .button .button-sm .hpdiaButton .critical {
  float: left;
}
.applied-filters-item {
  font-family: HPSimplified;
  color: #767676;
  font-size: 16px;
  padding: 5px 5px 5px 5px;
  margin-left: 5px;
}
.applied-filters-item .filter-close {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background-color: #0096D6;
  background-image: none;
  vertical-align: middle;
  border: 0;
  font-family: HPControlIcons;
}
.applied-filters-item .filter-close:before {
  content: "\e607";
  color: white;
  font-size: 0.7em;
  vertical-align: 22%;
}
.applied-filters-item:hover {
  color: #373737;
}
.applied-filters-item:hover .filter-close {
  background-color: #006699;
}
#scf {
  display: inline-block;
}
#scf-wrapper {
  display: none;
}
#button-clear {
  display: none;
  border: 0;
  padding: 5px 5px 5px 5px;
  background: #767676;
  color: #ccc;
}
.os-selector {
  margin-left: -15px;
  margin-right: -15px;
}
.os-selector.with-table {
  margin-bottom: 20px;
}
.os-selector.with-table [id^="os-selector"],
.os-selector.with-table [id*=" os-selector"] {
  border-bottom: 1px solid #ccc;
}
.os-selector .left-margin {
  margin-left: 20px;
}
@media only screen and (max-width: 496px) {
  .os-selector .left-margin {
    margin-left: 0px;
  }
}
.os-selector div.fancy-select {
  margin-bottom: 0px;
}
.os-selector .spaced-margin {
  color: #767676;
}
.os-selector .os-heading {
  cursor: pointer;
  display: block;
  float: none;
  width: 100%;
  padding: 20px;
  background-color: #90E6E8;
  /*As part of US-6330, the background-heading-color has been changed from @blue-background-light to @os-selector-heading-backgroud-Sushmita */
}
.os-selector .os-heading p {
  display: inline;
  color: #373737;
}
@media only screen and (max-width: 496px) {
  .os-selector .os-heading p > span.key-value {
    display: block;
  }
}
@media only screen and (max-width: 496px) {
  .os-selector .os-heading #os-language:before {
    content: ' | ';
    color: #767676;
    font-weight: normal;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .os-selector #os-word-trigger:before {
    content: ' | ';
    color: #767676;
  }
}
.os-selector .os-sel-trigger,
.os-selector .os-selector-trigger {
  display: inline;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .os-selector .os-sel-trigger,
  .os-selector .os-selector-trigger {
    float: right;
  }
}
@media only screen and (max-width: 496px) {
  .os-selector .os-sel-trigger,
  .os-selector .os-selector-trigger {
    display: block;
  }
}
.os-selector .dropdown-tooltip {
  font-size: 13.6px;
  margin-top: 10px;
}
#os-x-trigger {
  float: right;
  color: #767676;
}
#os-x-trigger:before {
  font-size: 16px;
}
@media only screen and (max-width: 496px) {
  #os-x-trigger {
    position: absolute;
    right: 15px;
  }
}
/*As part of US-6330, the background-color has been changed from @duckegg-light to @os-selector-body-backgroud-Sushmita*/
#os-selector,
[id^="os-selector"],
[id*=" os-selector"] {
  background-color: #DEF7F8;
  /*@duckegg-light; */
  padding: 20px;
}
#os-selector label,
[id^="os-selector"] label,
[id*=" os-selector"] label {
  font-weight: normal;
  color: #373737;
  margin-bottom: 10px;
}
#os-selector hr,
[id^="os-selector"] hr,
[id*=" os-selector"] hr {
  max-width: 120%;
  margin-left: -20px;
  margin-right: -20px;
}
#os-selector .os-selection,
[id^="os-selector"] .os-selection,
[id*=" os-selector"] .os-selection {
  width: 250px;
  display: inline-block;
}
#os-selector .os-selection.right,
[id^="os-selector"] .os-selection.right,
[id*=" os-selector"] .os-selection.right {
  margin-left: 20px;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  #os-selector .os-selection.right,
  [id^="os-selector"] .os-selection.right,
  [id*=" os-selector"] .os-selection.right {
    margin-left: 0;
    margin-top: 20px;
    display: block;
  }
}
#os-selector #os-heading1,
[id^="os-selector"] #os-heading1,
[id*=" os-selector"] #os-heading1 {
  display: block;
}
#os-selector .button,
[id^="os-selector"] .button,
[id*=" os-selector"] .button {
  margin-bottom: 0;
}
#os-selector em.icon-control,
[id^="os-selector"] em.icon-control,
[id*=" os-selector"] em.icon-control {
  margin-left: 5px;
  vertical-align: middle;
}
#os-selector em.icon-control:before,
[id^="os-selector"] em.icon-control:before,
[id*=" os-selector"] em.icon-control:before {
  vertical-align: top;
  font-size: 16px;
}
@media (max-width: 800px) {
  #os-heading1 .OS_details.changeClicked {
    display: block!important;
  }
  #os-heading2 .OS_details.changeClicked {
    display: block!important;
  }
}
html[dir=rtl] .os-heading {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
html[dir=rtl] .os-heading .OS_text {
  float: right;
}
html[dir=rtl] .os-heading .key-value .left-margin {
  margin-left: 0px;
  margin-right: 20px;
}
html[dir=rtl] div#platformOs > div {
  float: right;
}
html[dir=rtl] .os-sel-trigger {
  float: left;
}
.learning-panel {
  margin: 20px;
  padding: 0px;
  position: relative;
  border: 1px solid #ccc;
}
.learning-panel h4 {
  margin-bottom: 10px;
}
.learning-panel p.secondary {
  margin: 0;
  padding-top: 10px;
}
.learning-panel a.see-more {
  margin-top: 10px;
  display: block;
}
.learning-panel a.see-more .icon {
  top: 0;
}
.learning-panel a.see-more .icon:after {
  font-family: HPControlIcons;
  font-size: 10px;
  padding-left: 5px;
}
.learning-panel a.see-more .icon-collapse {
  visibility: hidden;
}
.learning-panel a.see-more .icon-collapse:after {
  content: "\e602";
}
.learning-panel a.see-more .icon-expand:after {
  content: "\e601";
}
.learning-panel a.see-more.toggled {
  position: absolute;
  bottom: 20px;
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}
.learning-panel a.see-more.toggled span.icon-collapse {
  visibility: visible;
}
.learning-panel a.see-more.toggled span.icon-expand {
  display: none;
}
.learning-panel p.see-more {
  margin-top: 10px;
  margin-bottom: 30px;
}
.learning-panel .learning-section {
  padding: 20px;
  border-top: 1px solid #ccc;
}
.learning-panel .learning-section:first-child {
  border-top: 0;
}
.learning-panel p {
  margin-bottom: 0;
}
.learning-panel p:last-child:not(.see-more) {
  margin-bottom: 0;
}
.learning-panel ul {
  margin-top: 10px;
  margin-left: 5px;
}
.learning-panel ul li {
  list-style: disc;
  color: #373737;
  margin-left: 10px;
}
.learning-panel ul li span {
  display: block;
  color: #767676;
}
.learning-panel ul li:not(last-of-type) {
  margin-bottom: 5px;
}
.learning-panel .icon:before {
  color: #0096D6;
  font-size: 48px;
  margin-right: 20px;
}
.learning-panel:after {
  position: absolute;
  color: #0096D6;
  font-family: 'HPControlIcons';
  content: "\e648";
  top: 0;
  right: 10px;
}
.product-selection {
  display: block;
}
.product-selection h4 {
  margin-bottom: 10px;
}
.product-selection p {
  font-size: 0.875em;
  margin: 0;
  line-height: 1.3em;
}
.product-selection img {
  width: 60%;
  margin: 10px auto;
}
.product-selection footer {
  margin-top: 10px;
}
.product-selection .button-container {
  text-align: right;
}
.product-selection .button-container a.button {
  margin: 0;
}
.product-selection .key-value-container {
  margin-bottom: 10px;
}
.product-selection .product-image {
  border: 1px solid #ccc;
  padding: 20px;
}
.product-selection main {
  padding: 10px;
  background: #fafafa;
  border: 1px solid #ccc;
  border-top: 0;
}
.product-selection-header {
  padding: 15px;
  background-color: #f2f2f2;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}
.product-selection-header span {
  font-size: 14px;
  color: #767676;
}
.selection-group .hp-row {
  padding: 0px;
}
@media only screen and (max-width: 496px), only screen and (min-width: 801px), print and (min-width: 4in) {
  .selection-group [class^="col-"] {
    margin-bottom: 10px;
  }
}
.download-list .info {
  margin-top: 20px;
  margin-bottom: 20px;
}
.download-list .info .button {
  margin-bottom: 5px;
}
.download-list .info span {
  display: block;
}
.download-list .list-body {
  max-height: 550px;
  overflow: auto;
}
.download-list .count {
  display: inline-block;
  color: #767676;
  font-size: 13px;
  font-weight: normal;
}
.download-list h3 {
  padding: 0;
  margin: 0;
}
.download-list header {
  margin-bottom: 0;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 15px;
}
.download-list .title {
  color: #373737;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 5px;
}
.download-list .limitation {
  margin-bottom: 5px;
  color: #373737;
}
.download-list p {
  margin-bottom: 0px;
}
.download-list li:first-child .driver-row {
  border-top: 1px solid #ccc;
}
.download-list .driver-row {
  border: 1px solid #ccc;
  border-top: none;
  padding: 15px 5px 15px 10px;
}
.download-list .driver-row .icheck-item {
  margin: 0 5px;
  vertical-align: top;
  margin-top: 25px;
}
.download-list .driver-row .row-content {
  width: 90%;
  display: inline-block;
}
.download-list .important {
  border-left: 5px solid #D7410B;
  padding-left: 5px;
}
.download-list .important .classification {
  color: #D7410B;
}
.download-list .recommended {
  border-left: 5px solid #0096D6;
  padding-left: 5px;
}
.download-list .recommended .classification {
  color: #0096D6;
}
.download-list .attribute-column {
  font-size: 14px;
}
.download-list .attribute-column p {
  line-height: 1.3em;
}
p.spinner-label {
  color: black;
}
.accordion-like-module {
  border: 1px solid #ccc;
}
.accordion-like-module header {
  background-color: #fafafa;
  padding: 20px;
  border-bottom: 1px solid #ccc;
}
.accordion-like-module header h5 {
  margin: 0;
}
.accordion-like-module .message {
  padding: 20px;
}
.accordion-like-module .message p {
  margin-bottom: 10px;
}
.accordion-like-module .message p:last-child {
  margin-bottom: 0;
}
/* 
*	General styling for logged-in user experience 
*/
html[dir=rtl] #welcomeHeader {
  text-align: left;
}
html[dir=rtl] #welcomeHeader .signInRegisterLink .fa,
html[dir=rtl] #welcomeHeader .welcomeUserLink .fa {
  float: left;
  margin: 3px;
}
html[dir=rtl] #welcomeHeader #profileUtilityMenuMob {
  left: 0;
  right: auto;
  text-align: right;
}
html[dir=rtl] .tabDesBtnWrapper .goToDashboard {
  float: left;
}
#welcomeHeader {
  padding: 10px 20px 0 20px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E8E8E8;
  height: 50px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1000000;
  text-align: right;
  float: right;
  font-family: HPSimplified;
}
#welcomeHeader .signInRegisterLink,
#welcomeHeader .welcomeUserLink {
  padding: 0 5px;
  display: inline-block;
  color: #0096D6;
  outline: 0;
  line-height: 1.9;
}
#welcomeHeader .signInRegisterLink a,
#welcomeHeader .welcomeUserLink a {
  display: inline-block;
  color: #0096D6;
}
#welcomeHeader .signInRegisterLink a:focus,
#welcomeHeader .welcomeUserLink a:focus,
#welcomeHeader .signInRegisterLink a:hover,
#welcomeHeader .welcomeUserLink a:hover,
#welcomeHeader .signInRegisterLink a:active,
#welcomeHeader .welcomeUserLink a:active {
  outline: 0;
  color: #007DBA;
}
#welcomeHeader .signInRegisterLink .fa,
#welcomeHeader .welcomeUserLink .fa {
  float: right;
  margin-top: 4px;
  padding: 0 3px;
  line-height: 1.4;
}
#welcomeHeader #profileUtilityMenuMob {
  position: absolute;
  right: 0px;
  border: 1px solid #CCC;
  top: 40px;
  background-color: white;
  overflow: hidden;
  display: none;
  text-align: left;
  width: 180px;
  z-index: 1000;
}
#welcomeHeader .mobMenuElement {
  border-bottom: 1px solid #E8E8E8;
  padding: 10px 0px;
}
#welcomeHeader #signInOrEdit a {
  color: #007DBA;
}
#welcomeHeader #signInOrEditMob a {
  color: #007DBA;
}
#welcomeHeader #userName {
  font-weight: bold;
}
#welcomeHeader #lastName {
  font-weight: bold;
}
.tabDesBtnWrapper {
  float: left;
  width: 100%;
  margin-top: -30px;
  display: none;
}
.tabDesBtnWrapper .tabDescDevice {
  color: #767676;
  font-size: 14px;
  font-style: italic;
}
.tabDesBtnWrapper .goToDashboard {
  float: right;
}
.myDevicesDesktopContent {
  color: #5a5a5a;
  float: left;
}
.myDevicesDesktopContent .deviceTabSpinner {
  margin: 20px auto;
}
.myDevicesDesktopContent .consumerContent {
  text-align: center;
}
.myDevicesDesktopContent .commercialContent {
  text-align: center;
}
.myDevicesDesktopContent .consumerContent .firstLine {
  font-size: 18px;
}
.myDevicesDesktopContent .consumerContent .consumerTabBtn {
  margin-top: 20px;
}
.myDevicesDesktopContent .commercialContent hr {
  margin-top: 0px;
  margin-left: 10%;
  margin-right: 10%;
}
.myDevicesDesktopContent .commercialContent .commercialHpSupportLink {
  text-decoration: underline;
  font-weight: bold;
}
.myDevicesDesktopContent .cardWrapperHome {
  box-shadow: 0px 1px 4.7px 0.4px rgba(204, 204, 204, 0.35);
  border: solid 1px #e8e8e8;
  padding: 20px 0px;
  float: left;
  margin-bottom: 30px;
  cursor: pointer;
  width: 100%;
}
.myDevicesDesktopContent .cardWrapperHome .nickname {
  font-weight: bold;
  margin-bottom: 10px;
}
.myDevicesDesktopContent .cardWrapperHome .nickname .fixedNickNameContainer .deviceNickname {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  color: #0096D6;
}
.myDevicesDesktopContent .cardWrapperHome .prodImg {
  max-height: 50px;
  margin: auto;
}
.myDevicesDesktopContent .cardWrapperHome .alertNotificationSmall {
  text-align: center;
  font-size: 12px;
}
.myDevicesDesktopContent .cardWrapperHome .alertNotificationSmall .smallAlertIcon {
  height: 10px;
  display: inline-block;
}
.myDevicesDesktopContent .cardWrapperHome .deviceFullName {
  color: #5a5a5a;
}
.myDevicesDesktopContent .cardWrapperHome .warrantyInfo {
  margin: 5px 0px;
  display: block;
}
.myDevicesDesktopContent .cardWrapperHome .warrantyExpired {
  color: #ff0000!important;
}
.myDevicesDesktopContent .cardWrapperHome .inWarranty {
  color: #008424!important;
}
.myDevicesDesktopContent .cardWrapperHome .warrantyUnknown {
  color: #373737!important;
}
.dashboardBtnContainerMob {
  text-align: center;
  float: left;
}
/* CSS for Mobile View */
@media (max-width: 800px) {
  html[dir=rtl] #welcomeHeader .icon-dwn {
    float: left;
    margin: 3px 3px 0 0;
  }
  #welcomeHeader .signInRegisterLink {
    color: #000;
  }
  #welcomeHeader .signInRegisterLink a,
  #welcomeHeader .welcomeUserLink {
    color: #000;
  }
  #welcomeHeader .signInRegisterLink a .fa,
  #welcomeHeader .welcomeUserLink .fa {
    color: #0096D6;
  }
  #welcomeHeader .signInRegisterLink a .fa-caret-down,
  #welcomeHeader .welcomeUserLink .fa-caret-down {
    display: none;
  }
  #welcomeHeader .fa-caret-down {
    display: none;
  }
  #welcomeHeader #profileUtilityMenuMob {
    width: 100%;
  }
  .welcomeOverlay {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: black;
    opacity: 0.4;
    z-index: 10;
  }
  .myDevicesDesktopContent {
    margin: 10px 0px;
  }
  .myDevicesDesktopContent .consumerContent .consumerTabBtn {
    margin-top: 20px;
  }
  .myDevicesDesktopContent .commercialContent hr {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .cardWrapperHome {
    height: auto!important;
    float: left;
    padding-bottom: 20px;
  }
  .cardWrapperHome .nickname .deviceNickname {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
  }
  .cardWrapperHome .deviceFullName {
    text-overflow: inherit!important;
    overflow: inherit!important;
    white-space: inherit!important;
  }
}
.header {
  z-index: 999 !important;
}
/*Important Note: Please use respective less files for corresponding components instead of adding style here
_hp-swd.less - SWD related components
_hp-products.less - PDP related components
_hp-adx-modules.less - Case creation pages
_hp-clc.less - CLC related components
_hp-tabs.less - Secondary navigation tabs
_hp-forms.less - Form related components
*/
.histHeading {
  color: #767676;
}
.modal-align {
  margin-top: 0px !important;
}
@media (max-width: 800px) {
  #welcomeMessage {
    cursor: pointer;
  }
}
@media only screen and (max-width: 496px) {
  #searchResultsWrapper {
    padding-top: 28px;
  }
  .buttonSelectBlock {
    width: 100%;
  }
}
.highlightCheckbox {
  outline: 2px solid #90C7FE;
}
.marginBottom20 {
  margin-bottom: 20px!important;
}
/*Adding width for user guide pdp dropdown*/
@media (max-width: 801px) {
  .userGuidePdp .dropdownContainer {
    width: 100%!important;
  }
}
.userGuidePdp .dropdownContainer {
  width: 64%;
}
div#searchResultsWrapper p {
  color: black;
}
.pfinderalign {
  display: none;
  margin-top: 35px;
}
.singleresult {
  margin-top: 30px;
}
/* extend your warranty button */
.productalign {
  margin-top: 26px;
}
.downloadedItemRow {
  border-bottom: 1px solid #ccc;
}
/* WCM Tiles */
a.image-hover {
  display: block;
  color: #000;
  /*h3.elemV*/
  /*i.icon-arrow */
  /*image-desc */
}
a.image-hover h3.elementValue {
  margin-left: -13px;
  font-size: 24px;
  color: #000;
  display: block;
  max-height: 68px;
  overflow: hidden;
  margin-bottom: 5px;
  height: auto !important;
  min-height: 30%;
}
@media only screen and (max-width: 496px) {
  a.image-hover h3.elementValue {
    margin-left: -15px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  a.image-hover h3.elementValue {
    font-size: 20px;
    margin-left: -15px;
  }
}
a.image-hover i.icon-arrowright {
  position: absolute;
  font-family: 'HPControlIcons_New';
  color: #0096d6;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  a.image-hover i.icon-arrowright {
    display: none;
    top: auto;
    bottom: 10px;
    right: 10px;
    color: #ffffff;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  a.image-hover i.icon-arrowright {
    top: auto;
    bottom: 10px;
    right: 10px;
  }
}
@media only screen and (max-width: 496px) {
  a.image-hover i.icon-arrowright {
    top: auto;
    bottom: 10px;
    right: 10px;
  }
}
a.image-hover i.icon-arrowright::before {
  content: "\e657";
}
a.image-hover p.image-desc {
  color: #767676;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  a.image-hover p.image-desc {
    display: none;
  }
}
@media only screen and (max-width: 496px) {
  a.image-hover p.image-desc {
    font-size: 14px;
  }
}
a.image-hover:hover {
  /* screen-lg */
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  a.image-hover:hover {
    background: #0096d6;
    color: #fff;
    position: relative;
  }
  a.image-hover:hover h3.elementValue {
    color: #ffffff;
  }
  a.image-hover:hover i.icon-arrowright {
    display: block;
  }
  a.image-hover:hover p.image-desc {
    display: block;
    color: #fff;
  }
  a.image-hover:hover img.image-hide {
    display: none;
  }
}
a.image-hover:focus {
  /* screen-lg */
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  a.image-hover:focus {
    background: #0096d6;
    color: #fff;
    position: relative;
  }
  a.image-hover:focus h3.elementValue {
    color: #ffffff;
  }
  a.image-hover:focus i.icon-arrowright {
    display: block;
  }
  a.image-hover:focus p.image-desc {
    display: block;
    color: #fff;
  }
  a.image-hover:focus img.image-hide {
    display: none;
  }
}
/* end WCM tiles */
.image-block {
  max-height: 60% !important;
  right: 0 !important;
}
.blue-block {
  background: #0096d6;
}
#dvpFinderOption {
  display: none;
}
.no-margin {
  margin: 0px;
}
.results-hr {
  margin-bottom: 20px;
}
.warrantyDispute {
  border: 0px;
  margin: 0px;
  padding: 0px;
}
.warrantyLabel {
  color: #373737;
  font-weight: 600;
}
#extendWarranty {
  height: auto;
  position: relative;
  bottom: 50px;
}
#extendWarranty i.icon-external-link {
  margin-left: 5px;
}
.clearBoth {
  clear: both;
}
.marginBottom-sm {
  margin-bottom: 10px;
}
.marginBottom-md {
  margin-bottom: 20px;
}
.marginBottom-lg {
  margin-bottom: 30px;
}
.marginTop-sm {
  margin-top: 10px;
}
.marginTop-md {
  margin-top: 20px;
}
.marginTop-lg {
  margin-top: 30px;
}
.pFinderResults .resultsHeader {
  margin-bottom: 30px;
}
.pFinderResults .globalResults {
  display: none;
}
.pFinderResults .localResults {
  display: none;
}
.pFinderResults .selectProd {
  margin-bottom: 30px;
  /*3374: change margin-top from 0px to 20px on pfinder result page as per axshare*/
  margin-top: 20px;
}
/*3374: left align "Matching products" on pfinder result page as per axshare*/
.rtlTextWrapper {
  margin-left: -15px;
}
.hp-section .pFinderResults .hp-row:last-child {
  margin-bottom: 20px;
}
.modal .hpSection {
  margin-bottom: 0px!important;
}
i.icon-bell:before {
  content: "\e658";
  font-family: HPControlIcons_New;
  position: relative;
}
.pFinderView3 .errorWrapper {
  padding-top: 6px;
}
.pFinderView3 .form-input {
  border: 2px solid #949494;
}
.pFinderView3 .form-input.placeholderText {
  color: #ccc;
}
.pFinderView3 a:hover,
.pFinderView3 a:active {
  text-decoration: underline;
}
.pFinderView3 h3 {
  margin-bottom: 5px;
}
.product-selection img {
  width: auto !important;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .know-windows-image-link-container {
    float: none;
  }
}
@media only screen and (max-width: 496px) {
  .know-windows-image-link-container {
    float: none;
  }
}
.product-image a {
  display: inline-block;
}
/* pagination - Richa */
.pagination-pages li a {
  margin-right: 2px;
}
.pagination-pages li a:hover {
  text-decoration: underline!important;
}
.pagination-button .pagination-more:focus {
  outline-color: #373737;
}
.hp-loading-results {
  display: none;
  height: 100%;
  width: 100%;
  bottom: 0;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #FFF;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 2099;
}
.hp-loading-results .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  margin-left: -30px;
  height: 60px;
  margin-top: -30px;
  text-align: center;
}
/* pagination - Richa - end */
/*facets - Richa */
.hideFacet,
.hideFacetOS {
  display: none;
}
.filter-options.filter-options-nested li div label span {
  background-color: #FFF!important;
}
.searchSectionWrapper .filter-options-nested {
  overflow: visible !important;
}
.filter-options input.checkbox {
  z-index: 10;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.sidebar-nav li a.show-more-OS,
.sidebar-nav li a.show-less-OS {
  padding: 0;
  color: #0096D6;
}
.sidebar-nav li a.show-more-OS:hover,
.sidebar-nav li a.show-less-OS:hover {
  background: transparent;
  color: #006699;
}
.sidebar-nav li a.show-less-OS {
  display: none;
}
/* facets - Richa - end */
/*3-col s&d section or placement issue*/
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .divider-container {
    clear: both;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 496px) {
  .divider-container {
    clear: both;
    padding-top: 20px;
  }
}
/*Ashwini - Bug fixes */
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  #selectionOS.col-lg-10 {
    width: 43.66%;
  }
}
a.centered.notYourProdTrigger:hover {
  text-decoration: underline;
}
.secondary-content.meta-link a:hover {
  text-decoration: underline;
}
#ulMoreOptions li a:hover {
  text-decoration: underline;
}
.search-result-pdp {
  display: none;
}
.container.nestedContainer {
  padding: 0px;
}
#hpProductContextPageTitle {
  padding-left: 0px;
  font-family: "HPSimplified", Arial;
}
.winWrapper {
  padding-top: 10px !important;
  badding-bottom: 0px!important;
}
#how-to-form > div.hpStyleDropdown {
  margin-bottom: 20px;
}
.divider.option-divider:before,
.divider.option-divider:after {
  height: 50%;
}
.centered img {
  width: 100%;
  margin: auto;
}
.DMDCheckServiceSpinner {
  margin: 50px auto;
  width: 32px;
}
.DMDProdHeader {
  margin-top: 30px;
}
.pFinderM2Wrapper .errorWrapper {
  padding-top: 0px;
}
.pFinderM2Wrapper .standardBtn,
.pFinderM2Wrapper .disabledBtn {
  padding: 0 20px;
}
.pFinderView2 .errorWrapper {
  padding-top: 0px;
}
.pFinderView2 .standardBtn,
.pFinderView2 .disabledBtn {
  padding: 0 20px;
}
.dmdM2Wrapper .detectMyDevicePolicyDetails {
  float: none;
  margin: 20px 0 0 0;
  display: inline-block;
}
.dmdM2Wrapper p a:hover {
  border-bottom: 0px;
}
a.step:hover {
  cursor: default;
}
a.step:visited:hover {
  color: #ccc ;
}
a.step.step-active:visited:hover {
  color: #fff ;
}
a.step:focus {
  border: 0px;
  outline: 0px;
}
a.step span:hover {
  cursor: default;
}
.everything,
#everything {
  overflow-x: visible;
}
.body ul.hp-nav-tabs a:visited {
  color: white;
}
.body ul.hp-nav-tabs a:visited:hover {
  color: white;
}
/* Commercial product - start - Richa*/
.search-commercial-prod img.prodDisplayImg {
  width: 150px;
  height: 150px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .search-commercial-prod img.prodDisplayImg {
    /* moved the margin to lg as this is reqd only for large screens - VV */
    margin-bottom: 100px;
  }
}
.search-result-commercial {
  display: none;
}
/* Commercial product - end */
.secondary-content meta-link a {
  border-bottom: none !important;
}
#unassistedTiles > div:nth-child(O),
#unassistedTiles > div:nth-child(1),
#unassistedTiles > div:nth-child(2) {
  margin-bottom: 45px;
}
@media only screen and (max-width: 910px) and (min-width: 801px) {
  .ru .detectMyDeviceTopSection {
    margin: 35px auto 0px auto;
  }
}
#hh-2 .fontHH1 {
  font-family: HPSimplified;
}
.detectMyDeviceTopSection p {
  font-family: HPSimplified;
}
#driverFinderEasyHeader {
  font-family: HPSimplified;
}
#supportForum.fade,
#askMary.fade,
#modelSpecificSupport.fade,
#forgottenPassword.fade,
#findSolution.fade,
#recommendedSolutions.fade,
#repairStatus.fade,
#productHome.fade {
  display: none;
}
.activeOption {
  position: relative;
}
#pnlContactOptions {
  margin-bottom: -20px !important;
}
#pnlContactOptions #contactOptionsWrap {
  margin-top: 20px!important;
}
#contactOptionsWrap .contactOption {
  position: relative;
  margin: 20px 0px;
}
#contactOptionsWrap .contactOption .subHeading {
  font-size: 18px;
  display: block;
}
#contactOptionsWrap .contactOption p {
  padding: 0px;
}
.dvLoadingBackground {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #333;
  z-index: 10;
  opacity: 0.8;
}
.dvLoadingImg {
  position: absolute;
  z-index: 11;
  height: 40px;
  width: 40px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.errorHeading {
  text-align: center !important;
}
.windowsStickera:focus {
  border: none;
  outline: 1px dotted;
}
/*Alerts*/
#psf .notifications-bg {
  padding-bottom: 10px;
  top: 0px;
  right: 41px;
}
#psf .notifications-bg .close-bg .close {
  margin-right: -10px;
}
#psf .notifications-bg .notifications-scroll {
  max-height: 250px;
  overflow-y: auto;
}
#psf .notifications-bg .notifications-scroll .notification {
  font-family: HPSimplified !important;
}
#psf .notifications-bg .notifications-scroll .notification .notification-body strong {
  line-height: 18px;
}
#psf .notifications-bg .notifications-scroll .notification .notification-body p {
  display: inline !important;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .fixedWidgets {
    position: relative;
    width: 100%;
  }
  #psf {
    top: 53px;
  }
  #body {
    overflow: hidden;
  }
  #psf .notifications-bg {
    right: 0px;
    top: 41px;
  }
}
#aWindowsStickerLink {
  border: none;
}
/*concentra feedback section */
#docFeedbackHolder {
  z-index: 1;
  position: relative;
}
#docFeedbackSeparator {
  clear: both;
}
/* Error Messages for pFinder all views- VV*/
.pFinderM2Wrapper,
.pFinderView2,
.pFinderView3 {
  /* Commented to hide the error message from all pfinder views
	.errorMessage {
		position:relative;
		top:5px;
	}
	*/
}
.pFinderM2Wrapper .errorMessage,
.pFinderView2 .errorMessage,
.pFinderView3 .errorMessage {
  display: none;
}
.pFinderM2Wrapper input.errorElement,
.pFinderView2 input.errorElement,
.pFinderView3 input.errorElement {
  border-color: #949494 !important;
}
.pFinderM2Wrapper input.errorElement:focus,
.pFinderView2 input.errorElement:focus,
.pFinderView3 input.errorElement:focus {
  border-color: #363636 !important;
}
/*
//commented to give a new placement to error message.

.pFinderM2Wrapper,.pFinderView2{
	.errorMessage {
		background: #fff;
		left: 2px;
		height: 41px;
		top: 2px !important;
		line-height: 25px;
		vertical-align: middle;
		width: 98%;
		padding-left: 10px !important;
		padding-top: 10px !important;
	}
}

.pFinderView3 .errorMessage {
	background: #fff;
	left: 1px;
	height: 43px;
	top: 7px !important;
	line-height: 25px;
	vertical-align: middle;
	width: 61%;
	padding-left: 10px !important;
	padding-top: 10px !important;
}
*/
/* Error Messages for pFinder all views*/
/*Defect fixes*/
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .body ul.hp-nav-tabs a:visited {
    color: #0096d6;
  }
}
@media only screen and (max-width: 496px) {
  .body ul.hp-nav-tabs a:visited {
    color: #0096d6;
  }
}
#unassistedTiles > div:after {
  padding-bottom: 30px;
  display: inline;
  margin-bottom: 1px;
}
#unassistedTiles > div:nth-child(3):after {
  content: "";
  clear: both;
  display: block;
}
#unassistedTiles > div {
  padding-bottom: 30px;
  display: inline;
}
a#lnkDmdHow:hover,
a#lnkDontKnowOs:hover,
a#lnkWhatsMyVer:hover {
  text-decoration: underline !important;
}
.iradio_flat-blue {
  margin-top: -5px;
}
#pnlOsSelector .errorMessage {
  right: 20px !important;
}
html[dir=rtl] #pnlOsSelector .errorMessage {
  right: auto !important;
  left: 20px !important;
}
.hp-nav-tabs-bg.col-lg-8.col-md-24.col-sm-24 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  #refine-results-modal .productBuilderImgBox img {
    width: 35%;
  }
}
@media only screen and (max-width: 496px) {
  #refine-results-modal .productBuilderImgBox img {
    width: 35%;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  #refine-results-modal #loadingDiv {
    float: none;
    width: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 496px) {
  #refine-results-modal #loadingDiv {
    float: none;
    width: 30px;
    margin-bottom: 30px;
  }
}
#showContent img {
  width: auto;
}
.btnLikeLink {
  background: #fff;
  border: 0px;
  color: #0096d6;
}
#actualQuery.btnLikeLink {
  text-decoration: none;
}
#actualQuery.btnLikeLink:hover {
  text-decoration: none;
  color: #069;
}
.narrowMessage.red {
  display: inline-block;
  margin-bottom: 20px;
}
/* cursor default for disabled buttons*/
.button.button-disabled:hover,
.button:disabled:hover {
  cursor: default;
}
/* outline on elemnt focus */
a:focus,
input:focus,
textarea:focus,
select:focus {
  outline-color: #4d90fe;
  outline-style: solid;
  outline-width: 1px;
}
.chatGlassWall {
  display: none;
}
/* Call me now  VV */
#callBackForm .errorMessage {
  display: none !important;
}
#callBackForm .errorElement {
  border-color: #767676;
}
/*Promos CSS - Temporary. Studio is going to give the complete set.*/
.promotext {
  position: absolute;
  color: white;
  bottom: 0px;
  padding: 15px 30px 15px 15px;
}
.HP Promo.Placeholder {
  position: relative;
}
.promoHeader {
  font-weight: bold;
}
.promotext label {
  display: inline;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 10px;
}
.promotext p {
  margin-bottom: 10px;
  line-height: 15px;
}
.promotext p.promoDescription {
  margin-bottom: 0px !important;
}
.promotext a,
.promotext a:hover,
.promotext a:visited,
.promotext a:active,
.promotext a:focus {
  color: #0096d6;
}
.promotext a:hover,
.promotext a:focus {
  text-decoration: underline;
}
.contact-tile p {
  margin-bottom: 0;
  padding: 0 20px;
  color: #767676;
}
/*CSS for full Length Banner on Home Page*/
#fullLengthBanner {
  padding-bottom: 15px;
}
.hp-row.promo-row {
  margin-bottom: 20px;
}
/*End of Promos*/
html[dir=rtl] #btnContactFormSubmit {
  float: left !important;
}
/* h1 tag on mobile -Himanshu */
@media only screen and (max-width: 496px) {
  .mobileHeading {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .mobileHeading {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
  }
}
.col-xs-12.krChatDisclaimer {
  padding-left: 0px;
  padding-right: 0px;
}
.radioClass1 {
  margin-left: 30px !important;
}
@media only screen and (max-width: 496px) {
  .product-bg.content-block {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .product-bg.content-block {
    padding-top: 60px;
  }
}
.hp-row.with-icons .icon-bg img {
  margin-bottom: 20px;
}
#contact-serial-number-modal .errorMessage {
  right: 0;
  padding-right: 15px !important;
}
#rdAgreement1No,
#rdAgreement2No,
#rdAgreement3No {
  margin-left: 30px !important;
}
.button.primary.fr.buttonBuilderModel {
  line-height: 32px;
}
.truncate.ellipsicised {
  display: inline-block;
  width: 100%;
}
#at3win iframe,
#at3win img {
  height: 100%;
}
/*print css to not show urls in print mode VV*/
@media print {
  a[href]:after {
    content: "";
  }
}
ul.tabbedList {
  padding-left: 30px;
}
.know-windows-image-link-container {
  float: right;
  /* So that the image sticks to the right edge and lines up with the rest of the page elements */
  margin-left: 0;
}
/*Concentra - back to products page - Richa*/
.prodPageNavLink {
  text-decoration: underline;
  color: #3096CA;
}
.prodPageNav {
  margin-bottom: 12px;
}
.enableScrollOnOverflow {
  overflow: auto!important;
}
.product-bg.content-block {
  margin-bottom: 0px;
  padding: 30px 0px 0px 0px;
}
/*product-contact-options*/
.legalInstructions {
  cursor: pointer;
}
#retry {
  margin-bottom: 15px;
}
.modalContent > img {
  margin: 10% 46%;
}
.modalWrapper {
  display: none;
  z-index: 214748;
  padding: 40px;
}
.modalContent {
  clear: both;
}
.modalWrapper {
  box-shadow: 0px 0px 7px #666;
  position: fixed;
  padding: 20px 20px 20px 40px;
  background: #fff;
  z-index: 20;
}
.modalButton {
  background: #3276B1;
  color: #fff;
}
.background_modal {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  z-index: 10;
  opacity: .7;
  filter: alpha(opacity=70);
}
.modalHeader {
  font-family: 'HPSimplified';
  color: #fff;
  line-height: 2em;
  font-size: 1.875em;
  display: block;
  padding-bottom: 20px;
}
.modalClose {
  float: right;
  margin-top: -10px;
}
.modalWrapper p {
  padding-bottom: 20px;
}
.modalButtonContainer button {
  margin-right: 20px;
}
.hide {
  display: none !important;
}
#feedbackBannerDiv {
  margin-bottom: 40px;
}
#feedbackBannerDiv * {
  z-index: 10 !important;
  /* Changed from 500 to 10 to ensure the Richard banner is behind the search look-ahead*/
}
/*Cleaned up code -Ashwini*/
.clear {
  clear: both;
}
.floatLeft {
  float: left;
}
/*---------------Global Changes for handling Error-------------------------*/
.errorContainer {
  font-size: 0.75em;
  font-family: HPSimplified;
  color: #FF0000;
}
.errorMessage {
  position: absolute;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  color: red !important;
  font-size: 12px !important;
  font-weight: bold;
}
.errorElement {
  border: 1px solid red !important;
}
.errorWrapper {
  padding-top: 28px;
  position: relative;
}
.errorWrapper .errorContainer {
  position: absolute;
  top: 0px;
}
input[type='text'].errored {
  border: 1px solid #FF0000;
}
/*--------------End of Global Changes---------------------------*/
/*Ashwini - DIA overlays - Temporary*/
.modal-dialog {
  background-color: #ffffff;
  display: block;
  color: #000;
  z-index: 999999;
}
.diaInner {
  padding: 20px 40px;
}
hr.dia.hp-row {
  border: 0;
  height: 1px;
  background-color: #ccc;
  max-width: 100%;
  margin: 25px 0px;
}
.diaHeaderText {
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/hp.png) no-repeat transparent;
  background-size: contain;
  padding-left: 50px;
  font-weight: bold;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}
.diaModalClose {
  width: 17px;
  height: 16px;
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/close.png);
  float: right;
  margin-top: -10px;
  margin-right: -30px;
  background-size: contain;
  display: inline-block;
}
.diaHeader {
  margin-bottom: 20px;
}
.diaContent {
  font-size: 14px;
  font-weight: normal;
}
.diaDesc {
  margin-bottom: 20px;
}
.diaOptions {
  margin-bottom: 25px;
}
.customRadio {
  height: 0px;
  width: 0px;
}
.customRadio + label {
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/radio_unchecked.jpg) no-repeat transparent;
  margin-left: -10px;
  padding-left: 30px;
  line-height: 25px;
  background-size: contain;
  width: 100%;
  display: initial;
}
.customRadio:checked + label {
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/radio_checked.jpg) no-repeat transparent;
  background-size: contain;
}
.customRadio:first-child {
  margin-bottom: 15px;
}
.customCheck {
  height: 0px;
  width: 0px;
}
.customCheck + label {
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/check_unchecked.png) no-repeat transparent;
  margin-left: -10px;
  padding-left: 25px;
  line-height: 20px;
  background-size: contain;
  display: initial;
}
.customCheck:checked + label {
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/check_checked.png) no-repeat transparent;
  background-size: contain;
}
.diaButtons {
  margin-top: 30px;
  margin-bottom: 35px;
}
.btn {
  border: 0;
  padding: 8px 19px;
  border-radius: 0 4px;
  font-weight: bold;
  background-color: #aeaeae;
  margin: 0px;
  cursor: pointer;
}
.btn.active {
  background-color: #0096d6;
  color: #ffffff;
}
.diaGetMoreDetail a {
  color: #007DBA;
  text-decoration: none;
  font-size: 12px;
}
.diaGetMoreDetail a:hover {
  text-decoration: underline;
}
.diaGetMoreDetail a:hover,
.diaGetMoreDetail a:focus,
.diaGetMoreDetail a:visited {
  color: #007DBA;
}
.diaDisClaimer {
  font-size: 12px;
  color: #767676;
}
.diaDisClaimer .diaPrivacyPolicy {
  float: left;
}
.diaDisClaimer .diaCopyright {
  float: right;
}
#btnDiaNext {
  margin-right: 32px;
}
label.TBD {
  padding-top: 45px;
  display: block;
  padding-bottom: 55px;
  font-weight: bold;
  font-size: 16px;
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/diaInstruction.png);
  background-size: cover;
}
.diaPrivacyPolicy a {
  color: #007DBA;
  text-decoration: none;
  font-size: 12px;
}
.diaPrivacyPolicy a:hover {
  text-decoration: underline;
}
.diaPrivacyPolicy a:hover,
.diaPrivacyPolicy a:focus,
.diaPrivacyPolicy a:visited {
  color: #007DBA;
}
html[dir=rtl] .diaHeaderText {
  padding-left: 0px;
  padding-right: 50px;
  background-position: right;
}
html[dir=rtl] .diaModalClose {
  float: left;
  margin-left: -30px;
  margin-right: 0px;
}
html[dir=rtl] .customRadio + label {
  margin-left: 0px;
  padding-left: 0px;
  margin-right: -10px;
  padding-right: 25px;
  background-position: right;
}
html[dir=rtl] .customCheck + label {
  margin-left: 0px;
  padding-left: 0px;
  margin-right: -10px;
  padding-right: 25px;
  background-position: right;
}
html[dir=rtl] .diaDisClaimer .diaPrivacyPolicy {
  float: right;
}
html[dir=rtl] .diaDisClaimer .diaCopyright {
  float: left;
}
html[dir=rtl] .btn {
  border-radius: 4px 0px;
}
html[dir=rtl] #btnDiaNext {
  margin-left: 32px;
  margin-right: 0px;
}
/*End of DIA overlays*/
/* Moving from PDP*/
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}
.fa.fa-cloud-download {
  padding-right: 5px;
}
.tab-pane .findingSolMsg h3 {
  margin: 0px 0px 0px 10px;
}
/*Moved from SWINDEX*/
.divider {
  background: none;
}
div#Hpdia_WindowShade {
  background: #ffffff !important;
  z-index: 1060 !important;
}
#download .modal.fade.in {
  z-index: 1050;
}
#selectionOS .errorMessage {
  margin-top: 45px !important;
}
#selectionOS .errorMessage .errorIcon {
  display: none !important;
}
.paginationTotalVal,
.totalResults {
  font-family: hpsimplified;
  font-weight: bold;
  color: #373737!important;
  margin-right: 5px !important;
}
.pagination-button:after {
  margin-left: 3px;
}
div#paginationFootContainer {
  margin-top: 50px;
}
/*.dvSWDStepOne{
	margin-bottom:40px;
}*/
#Hpdia_OptInDialog .iradio_flat-blue {
  background-image: none !important;
}
#Hpdia_OptInDialog_ChkDontShow .icheck-item {
  margin-top: 15px !important;
}
productGridBlocks .hp-row {
  margin-top: 40px;
}
#detectMyDevicePolicyDetails {
  margin-bottom: 20px;
}
.secondary-content h1,
.secondary-content h2,
.secondary-content h3,
.secondary-content h4,
.secondary-content h5 {
  color: #000;
  font-family: HPSimplified;
  font-weight: 700;
}
.country-group h3 {
  font-family: HPSimplified;
}
#identifySubtext {
  margin-top: 20px;
}
#identifySubtext h2.heading {
  font-family: HPSimplifiedLight;
}
#dmdInstallationheader {
  margin-bottom: 20px;
  margin-top: 18px;
}
#dmdInstallationInstruction {
  margin-top: 0px;
}
img.product-info-image {
  width: auto !important;
}
#swdProductInfoHeader {
  font-family: HPSimplifiedLight;
  font-size: 24px;
  color: #020000;
  margin-left: -15px;
  margin-top: 17px;
  margin-bottom: -24px;
  font-style: normal;
}
@media only screen and (max-width: 496px) {
  #swdProductInfoHeader {
    font-size: 18px;
  }
}
#download {
  margin-right: 0px;
}
.contact-align {
  padding-right: 13px;
}
#swdProductInfoImage {
  margin-top: 40px;
  margin-bottom: 15px;
}
#dmdProgressBarHeader {
  margin-top: 18px;
  margin-bottom: 18px;
}
#videoHeader {
  margin-bottom: 30px;
}
input[type=text]::-ms-clear {
  display: none;
}
/* Contact options UI update - Niharika */
.contactUI:before {
  font-family: HPControlIcons_New;
  color: #0096D6;
  font-style: normal;
  font-weight: normal;
  font-size: 65px;
  font-variant: normal;
  text-transform: none;
  /* better font rendering */
  font-smoothing: antialised;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contactUI {
  margin-top: 22px;
}
.contactOptions_text {
  margin-left: 95px;
  font-family: "HPSimplifiedLight";
}
.chatUI:before {
  content: "\e653";
}
.phoneUI:before {
  content: "\e655";
}
.callmeUI:before {
  content: "\e652";
}
.emailUI:before {
  content: "\e654";
}
.callNumber {
  font-size: 20px;
}
#fastChat {
  color: #D7410B;
  font-family: "HPSimplifiedLight";
  text-transform: uppercase;
  margin-top: 8px;
}
.otherOptions {
  font-weight: 100;
}
#steps-bar .container .fl ul li i {
  line-height: inherit;
}
.footer_lang_container {
  display: none;
}
#simple-solution {
  margin-right: 35px;
}
.product-selection h4 {
  color: #0096d6;
}
.dvClosure header {
  margin: 40px 0px;
}
.dvClosure header h1 {
  margin: 0px;
}
.dvClosure .centered.notYourProdFormTrigger h3 {
  padding: 0px;
}
.heading {
  font-size: 28px;
  margin: 20px 0px;
}
/* for the exit disclaimer page for hpe. Based on the axure page*/
@media only screen and (max-width: 496px) {
  #exitDisclaimer {
    margin-top: -50px;
  }
}
#exitDisclaimer .notice-section,
#exitDisclaimer .assume-section,
#exitDisclaimer .link-section {
  padding: 5px 0px;
}
#exitDisclaimer .notice-section {
  padding-top: 15px;
}
@media only screen and (max-width: 496px) {
  #exitDisclaimer .notice-section {
    padding-top: 5px;
  }
}
#exitDisclaimer .notice-section-text {
  color: black;
}
#exitDisclaimer .link-usage {
  margin-bottom: 5px;
}
#exitDisclaimer .notice-section-text,
#exitDisclaimer .link-value,
#exitDisclaimer .link-usage {
  font-size: 20px;
  color: black;
}
#exitDisclaimer .assume-text {
  font-size: 16px;
  color: black;
  margin-bottom: 60px;
}
#exitDisclaimer .fontH1 {
  color: black;
}
/*end of it for exit disclaimer*/
/* class for heading of category*/
.h4font {
  color: #000;
  line-height: 2.1;
}
.formOverlay {
  background: white;
  position: absolute;
  height: 100%;
  width: 100%;
  content: " ";
  z-index: 999;
  opacity: 0.8;
  display: block;
}
.PNModalText3 {
  font-size: 12px;
  font-weight: 400;
}
.OSModalFooterRow {
  margin-top: 30px;
}
.OSModalImage {
  text-align: -webkit-right;
}
.OSModalAlertText {
  color: #d7410b;
}
h2.warrantyHeading {
  font-size: 28px;
}
h2.warrantyHeading .small.heading {
  font-size: 16px;
  line-height: 1.25em;
}
input#wFormSerialNumber + .errorMessage .errorIcon,
input#wFormProductNum + .errorMessage .errorIcon {
  display: none;
}
@media only screen and (max-width: 496px) {
  .clear-sm {
    clear: both;
  }
}
@media only screen and (max-width: 496px) {
  .attach {
    float: none !important;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .attach {
    float: none !important;
  }
}
.wConfMessage {
  min-height: 200px;
}
.wConfMessage p {
  margin-bottom: 0px;
}
.noOfDays p {
  display: inline-block;
}
div#dvClcSection {
  position: absolute;
  bottom: 10px;
}
/*style for accessibility elements*/
/*span for text for screen readers*/
.ariaSpan {
  font-size: 0px;
}
.hp-header .mobile-nav-wrapper li a .ariaSpan {
  display: none;
}
.hp-header .mobile-nav-wrapper li a.active .ariaSpan {
  display: inline;
}
.externalContent {
  padding-left: 5px;
}
/* style for pfinder results */
.pre2005content span {
  font-size: 15px;
}
/* Historical product drilldown section */
#historicContainer {
  margin-bottom: 60px;
}
#historicContainer #productGridBlocks {
  margin-top: 30px;
}
#historicContainer #productGridHeaderText {
  margin-top: 0px;
}
#historicContainer .product-grid-category {
  height: auto;
  border: 0px;
}
#historicContainer .product-grid-category h3 {
  height: auto;
  padding: 3px 0;
  color: #373737;
}
#historicContainer .product-grid-category h3.active {
  font-weight: bold;
  color: #007dba;
}
#historicContainer .product-grid-category h3:hover {
  color: #007dba;
}
#historicContainer .pDrill {
  margin-top: 0px;
}
#historicContainer h5.retired {
  margin: 0px ;
}
#historicContainer h5.retired .info {
  font-weight: normal;
  display: block;
  color: #5a5a5a;
  margin-top: 10px;
}
#historicContainer ul.product-list-view li {
  padding: 10px;
  line-height: 22px;
  font-size: 14px;
}
#historicContainer ul.product-list-view li:nth-child(odd) {
  background-color: #f2f2f2;
}
#historicContainer ul.product-list-view li:nth-child(even) {
  line-height: 22px;
}
#historicContainer #finalGridContainer {
  padding-left: 10px;
}
#historicContainer #finalGridHeaderContainer {
  margin-bottom: 30px;
  /* since our markup is different*/
}
.spinerPlacement {
  margin-left: 50%;
  margin-top: 40%;
}
.chkWrrntyStatSpinner {
  margin-top: 15px;
  height: 75px;
  width: 75px;
}
.displayBlockLbl {
  display: block;
}
.chkWrrntyModalSNo {
  max-width: 278px;
}
#check-warranty-popup #wFormEmailCountry_dd {
  max-width: 274px;
}
.checkWarrantyModalBody {
  padding: 25px 55px 40px 55px!important;
}
.countyPurchaseBlock {
  margin-bottom: 40px!important;
}
.checkWarrantyModalSubHeader {
  margin-bottom: 13px;
}
#check-warranty-popup div#errorLineOne {
  margin-top: 10px!important;
}
.chkWrrntyBtnSubmit {
  margin-top: -5px !important;
}
.sNoExample {
  margin-top: 5px!important;
}
#check-warranty-popup #errorLineTwo {
  margin-bottom: 13px!important;
}
@media (max-width: 800px) {
  .checkWarrantyModalBody {
    padding: 5px 30px 20px 30px!important;
  }
  .checkWarrantyModalSubHeader {
    margin-bottom: 3px;
  }
  #check-warranty-popup div#errorLineOne {
    margin-top: 5px!important;
  }
  .chkWrrntyBtnSubmit {
    margin-top: 25px!important;
  }
  .sNoExample {
    margin-top: 5px!important;
  }
  .countyPurchaseBlock {
    margin-bottom: 20px!important;
  }
  #check-warranty-popup #errorLineTwo {
    margin-bottom: 0px!important;
  }
}
#pdpSecondaryNav {
  margin-top: 15px!important;
}
#select-country-header {
  line-height: 50px!important;
}
.mdlSpinnerBody {
  padding: 15px 15px 20px 15px!important;
}
.mdlSpinnerHeader {
  padding: 20px 15px 20px 15px!important;
}
.productImgBlock {
  margin-bottom: 10px!important;
}
#warrantyAndAddBtnContainer {
  float: left;
  width: 100%;
}
#warrantyAndAddBtnContainer .addProductBtnContainer {
  float: left;
  margin: 25px 0px;
  display: none;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProductBtn {
  background-color: #e8f8ff;
  min-height: 45px;
  padding: 10px 15px;
  display: block;
  color: #0096D6;
  float: left;
  width: 100%;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProductBtn .addIconContainer {
  display: inline-block;
  float: left;
  width: 6%;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProductBtn .addIconContainer .addIcon {
  display: inline-block;
  height: 15px;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProductBtn .addBtnTxt {
  font-size: 18px;
  text-align: center;
  float: left;
  width: 94%;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProdSpinnerContainer {
  background-color: #e8f8ff;
  text-align: center;
  min-height: 45px;
  padding: 10px 0px;
  display: none;
  color: #0096D6;
  float: left;
  width: 100%;
  cursor: progress;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProdSpinnerContainer img {
  margin: auto;
  height: 25px;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProductSuccess {
  background-color: #e8f8ff;
  text-align: center;
  min-height: 45px;
  padding: 10px 15px;
  display: none;
  color: #0096D6;
  float: left;
  width: 100%;
  cursor: default;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProductSuccess .tickIconContainer {
  display: inline-block;
  float: left;
  width: 6%;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProductSuccess .tickIconContainer .tickIcon {
  display: inline-block;
  height: 15px;
}
#warrantyAndAddBtnContainer .addProductBtnContainer .addProductSuccess .addBtnSuccessTxt {
  font-size: 18px;
  text-align: center;
  float: left;
  color: #373737;
  width: 94%;
}
.warrantyResultsPage {
  width: 75%!important;
}
.pdpHpSection {
  margin-bottom: 0px!important;
}
.pdp-sign-in-blue-bar {
  display: none;
}
.pdp-sign-in-blue-bar .login-blue-bar {
  background-color: #e8f8ff;
  min-height: 59px;
  display: table;
  height: 100%;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 50px;
  color: #767676;
}
.pdp-sign-in-blue-bar .login-blue-bar .outerContainer {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
}
.pdp-sign-in-blue-bar .login-blue-bar .outerContainer .textContainer {
  margin-top: 20px;
  margin-bottom: 20px;
}
.warrantyResultPg {
  margin-top: 30px;
}
@media (max-width: 800px) {
  .pdpProdtTitle {
    font-size: 32px!important;
  }
  .productImgBlock {
    margin-bottom: 20px!important;
  }
  .warrantyResultsPage {
    width: 100%!important;
  }
  .warrantyResultsPage .addProductBtnContainer {
    padding: 0px;
  }
}
@media (max-width: 627px) {
  .mdlSpinnerHeadTitle {
    line-height: 25px!important;
  }
}
.unknownWarrantyModalTextAlign {
  text-align: left!important;
  padding: 20px 60px 20px 15px!important;
}
.unWrrntyBody {
  text-align: left!important;
  padding: 25px 40px 40px 40px!important;
}
.unWrrntyModalContent {
  padding-bottom: 4px!important;
}
@media (max-width: 800px) {
  .unWrrntyBody {
    text-align: left!important;
    padding: 5px 15px 20px 15px!important;
  }
  .unWrrntyModalContent {
    padding-bottom: 14px!important;
  }
  .wrrntyMdlClose {
    right: 0px!important;
  }
  .wrrntyMdlMainHeading {
    padding-left: 15px!important;
  }
}
.vrfyProdMdlBody {
  padding: 26px 40px 40px 40px!important;
}
.vrfyProdMdlContent {
  margin-bottom: 15px!important;
}
#mdlEnteredHeading {
  margin-bottom: 0px!important;
}
#btnWronSnrNo {
  margin-right: 16px!important;
}
@media (max-width: 800px) {
  .vrfyProdMdlBody {
    padding: 6px 15px 20px 15px!important;
  }
  .vrfyProdMdlContent {
    margin-bottom: 25px!important;
  }
  #btnWronSnrNo {
    margin-right: 6px!important;
  }
}
@media only screen and (max-width: 496px) {
  .nonMobile.hp-row {
    margin-left: 0px;
    margin-right: 0px;
  }
}
#moPostalCode + div.errorMessage {
  top: 105px;
}
form#StepOneShippingAddr .errorIcon {
  display: none;
}
div#billingWrapper .errorIcon {
  display: none;
}
#moShipSerialNumber + div.errorMessage {
  top: 105px;
}
#moShipSerialNumber + div.errorMessage .errorIcon {
  display: none;
}
.moSubHeader {
  font-size: 18px;
}
.moRequired {
  font-weight: 400;
  color: #5a5a5a;
  font-size: 12px;
}
.moBoldSubHeader {
  font-size: 18px;
  font-weight: bold;
}
.moRequired {
  font-size: 12px;
  font-weight: normal;
}
#editInfo {
  display: inline-block;
  margin-left: 10px;
}
a#check_another_product {
  margin-top: 20px;
}
#liheckWarranty {
  margin-top: 20px;
}
.swdProductInfoImageClass.image-header .header-title {
  font-family: HPSimplifiedLight;
  width: 70%;
  margin-left: 5%;
}
.swdProductInfoImageClass.image-header .header-title h2 {
  font-family: HPSimplifiedLight;
  font-size: 24px;
  color: #020000;
  font-style: normal;
}
@media only screen and (max-width: 786px) and (min-width: 500px) {
  .image-header.swdProductInfoImageClass .header-image {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 496px) {
  .image-header .header-title {
    width: 100%;
    text-align: center;
  }
  .swdProductInfoImageClass.image-header .header-title {
    width: 100%;
    text-align: center;
  }
  .swdProductInfoImageClass.image-header .header-title h2 {
    font-family: HPSimplifiedLight;
    font-size: 16px;
    color: #020000;
    font-style: normal;
  }
}
/* label for accessibility */
.hiddenLabel {
  font-size: 0px;
  line-height: 0px;
  margin: 0px !important;
  padding: 0px !important;
  display: none;
}
.withBorder {
  border: 1px solid #ccc;
  float: left;
  width: 100%;
}
button:focus {
  outline-color: #4d90fe;
  outline-style: solid;
  outline-width: 1px;
}
#swdRetry {
  float: right;
}
.ssfButtonTopMargin {
  margin-top: 3px;
}
.rtlSectionAlign {
  margin-left: 15px !important;
}
.swdFinishFindDrivers {
  float: left;
  margin-left: 20px;
}
.hideForever {
  display: none !important;
}
/*Story 6205: Hover and Base color change for accordian
#extendedWarrantyPanelHeading1 {
	background-color:#F9F9F9;
}

#baseWarrantyPanelHeading {
	background-color:#F9F9F9;
}

#extendedWarrantyPanelHeadToggleBtn1:hover {
	background-color: #f2f2f2;
}

a#baseWarrantyPanelHeadToggleBtn:hover {
	background-color: #f2f2f2;
}
*/
#obligationCheckWrapper #errorLineOne,
#obligationCheckWrapper #errorLineTwo {
  position: static;
}
#obligationCheckWrapper #errorLineOne {
  margin-top: 20px!important;
}
#obligationCheckWrapper .form-group:nth-child(4) {
  margin-bottom: 8px;
}
@media only screen and (max-width: 496px) {
  div.buttonSubmit {
    margin-top: 15px;
  }
}
.greyout {
  background-color: #F9F9F9;
}
div.greyout:hover {
  background-color: #f2f2f2;
}
.keyMarginBottom p.key-value {
  margin-bottom: 0px;
}
svg.contactOptionsImg {
  width: 70px;
  fill: #0096d6;
}
/* This is for all the RHS of accordion text. Note dependence of col width class*/
.keyMarginBottom div.col-lg-17 {
  color: #767676;
}
.keyMarginBottom > div > div > div.hp-row {
  margin-bottom: 20px;
}
/*Defect ID: 2790 - Responsiveness Defect alignment - Sushmita */
@media only screen and (max-width: 500px) {
  svg.contactOptionsImg {
    width: 50px;
    height: 50px;
  }
  .activeOption {
    margin-left: -22px !important;
  }
  .hp-row.hp-row-sm.equalize.unassisted {
    margin: -4px -15px;
  }
  .contactOptions_text {
    margin-left: 76px;
    margin-right: 5px;
  }
  .hp-contact-options-label {
    margin-bottom: 20px;
  }
  #tilesSection {
    margin: 40px 0;
  }
  #tileSectionDivider {
    margin: 40px 0;
  }
  hr.contact-support-mobile {
    margin: 0;
  }
  #pnlContactOptions .hp-row {
    margin-top: 0;
  }
}
.ie svg.contactOptionsImg {
  height: 70px;
}
svg.contactOptionsImg {
  width: 70px;
  fill: #0096d6;
}
/*       Commercial styling       */
span#iw-status span {
  display: inline;
}
#prodInfoWarrantyInfo p.key-value {
  margin-bottom: 5px;
}
#mdlSpinnerWithTxt .modal-dialog.modal-sm.modal-md {
  position: absolute;
  transform: translate(-52%, -80%);
  left: 50%;
  top: 50%;
}
#prodInfoWarrantyInfo.w-details p.key-value span {
  display: inline;
}
#prodInfoWarrantyInfo.w-details p.key-value span.key {
  margin-right: 0px;
}
html[dir=rtl] .rtlIcon {
  display: inline-block;
  vertical-align: top;
}
/* US-6208 - Alignment for Other software resources */
#otherSoftwareResources .otherSupportHeading {
  margin-top: 10px;
  margin-bottom: 20px;
}
#swdHideWrapper .hp-section-sm {
  margin-top: 35px;
  margin-bottom: 20px;
}
/*div#mdlSpinnerTxtSub {
    max-width: 400px;
    min-width: 300px;
    margin-left: 5px;
}*/
#os-selector #OS_bluebar {
  color: #333333;
}
#mdlSpinnerTxtSub .modal-body.mdlSpinnerBody {
  margin: 25px;
}
#mdlSpinnerTxtSub .chkWrrntyStatSpinner {
  margin-top: 30px;
}
@media only screen and (max-width: 496px) {
  #mdlSpinnerTxtSub .modal-body.mdlSpinnerBody {
    margin: 5px !important;
  }
  #mdlSpinnerTxtSub .chkWrrntyStatSpinner {
    margin-top: 20px;
  }
  #mdlSpinnerTxtSub .modal-content {
    padding: 15px;
  }
  #mdlSpinnerTxtSub .mdlSpinnerInnerLiner {
    border: 1px solid #efefef;
  }
  #mdlSpinnerTxtSub .mdlSpinnerHeader {
    padding: 20px 15px !important;
  }
  #mdlSpinnerTxtSub .modal-header-float .modal-logo {
    float: left;
    display: none;
    width: 0px;
    height: 0px;
    visibility: hidden;
  }
  #mdlSpinnerTxtSub .mdlSpinnerBody {
    padding: 15px 15px 15px 15px !important;
  }
}
.dvDownloadedItems .downloadedItems {
  margin-bottom: 30px;
}
.dvDownloadedItems .downloadedItems table.labels {
  border-bottom: 1px solid #d2d2d2;
  width: 100%;
}
.dvDownloadedItems .downloadedItems table.labels th {
  border: 1px solid #d2d2d2;
  padding: 10px;
}
.dvDownloadedItems .downloadedItems table.labels td {
  padding: 10px;
}
.dvDownloadedItems .downloadedItems table.labels table td[class*=col-],
.dvDownloadedItems .downloadedItems table.labels table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
  word-wrap: break-word;
  break-after: initial;
  word-break: break-word;
}
#notifications-trigger.recommendedOnly.viewed span#totalNotifications {
  /* Defect UAT 17 No color change for alert notification icon  */
  /*background-color: grey;*/
}
#notifications-trigger.recommendedOnly span#totalNotifications {
  /* Defect UAT No color change for recommendedOnly  */
  /*background-color: #0096d6;*/
}
.hpdiaLink {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
/*US-6346: responsive blue-bar */
@media only screen and (max-width: 768px) {
  #os-update {
    margin-left: 20px;
    margin-right: 20px;
  }
  #os-update-change {
    display: none;
  }
  #os-update-update {
    display: inline;
  }
  #os-cancel {
    display: inline-block;
  }
  #os-x-trigger {
    display: none;
  }
  .toolTip-icon {
    height: 16px;
    width: 16px;
  }
  .buttonLine {
    display: none;
  }
  .select-section {
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .container .swdProductInfoImageClass {
    margin-bottom: 0px!important;
  }
  .swdBluebarContainer {
    margin-top: -15px;
  }
}
@media only screen and (min-width: 769px) {
  #os-update-update {
    display: none;
  }
  #os-cancel {
    display: none;
  }
}
@media only screen and (max-width: 496px) {
  .swdBluebarContainer {
    margin-top: -25px;
  }
}
/*ends*/
/*US-6199 alignment of second accordion */
.svgClosureAccImg {
  margin-top: 3px;
}
.svgClosureAccText {
  margin-top: 5px;
}
/*ends*/
.warrantyBelowText .hp-row {
  padding-left: 15px;
  padding-right: 15px;
}
#support-options .hp-row {
  padding-left: 10px;
  padding-right: 10px;
}
.ltrOSName {
  display: inline-block;
  direction: ltr;
}
.topVerticalAlign {
  vertical-align: text-top !important;
}
.rmBtnMarginBtm {
  margin-bottom: 0px;
}
.rmBtnMarginTop {
  margin-top: 0px!important;
}
@media (max-width: 600px) {
  ul.swdStepBarSteps > li > a {
    display: none!important;
  }
  ul.swdStepBarSteps > li.active > a {
    display: inline-block !important;
  }
}
.pushDown {
  margin-top: 40px;
  min-width: 30px;
}
.ie #psf li {
  padding-right: 16px;
}
html[dir=rtl] .ie #psf li {
  padding-left: 16px;
  padding-right: 0px;
}
.icon-bell {
  color: #D7410B;
}
.icon-info {
  color: #0096D6;
}
.AlertsClass {
  display: inline-block;
  margin-bottom: 20px;
}
.alertsContainer {
  margin-left: -15px;
  margin-top: 20px;
  margin-right: -17px;
}
.alertsContainer .AlertsClass {
  display: block;
}
.AlertsClass p {
  display: inline;
}
@media only screen and (max-width: 496px) {
  .notifications-bg.open {
    display: block !important;
  }
}
.select-section {
  margin-top: 5px;
}
.swdBluebarContainer #os-selector {
  padding-bottom: 10px;
}
.detail-responsive {
  padding-bottom: 0px;
}
.hide-from-screen {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: fixed;
  height: 1px;
  width: 1px;
}
#multipleContainer {
  min-height: 180px;
  padding-left: 10px;
  padding-right: 10px;
}
#checkwarrantyHeadingCont {
  /**
	* 3428: comment below line to remove left alignment on heading in checkwarranty page
	* padding-left:15px;
	*/
}
/*3367: change min-width: 800px to min-width: 1200px*/
@media only screen and (min-width: 1200px) {
  .wpthemeControlBody .container {
    /**
		* 3428: comment below 2 statements to center align properly on all pages
		* padding-left:0px;
		* padding-right:0px;
		*/
  }
}
#multipleContainer .col-lg-4 {
  padding-right: 0px;
}
.widthIncr {
  width: 150px;
}
#secondaryText {
  font-size: 16px;
  line-height: 1.25em;
  color: #5a5a5a;
}
/*US-5749*/
.warrantyResults-placeholder h1 {
  margin-bottom: 30px;
}
.sortWarrantyDdText {
  margin-top: 10px;
}
#warrantyResultsPageHeader span {
  padding-right: 10px;
}
#warrantyResultsPageHeader h1 {
  font-size: 24px;
  margin-bottom: 20px;
}
.custom-dropdown {
  margin-bottom: 20px;
}
.viewDetailsLink a span {
  color: #1895d6;
  padding: 0 16px 0 0;
}
.viewDetailsLink a img {
  width: 25px;
}
.warrantyResultsTable table:nth-child(1) {
  background: #efefef;
  margin-bottom: 0;
}
.warrantyResultsTable table:nth-child(1) tbody tr td:nth-child(2) h2 {
  color: #000;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 15px;
}
.warrantyResultsTable table:nth-child(1) tbody tr td:nth-child(1) span:nth-child(1) {
  float: left;
  margin: 0px 30px 0 10px;
  width: 90%;
}
.warrantyResultsTable table:nth-child(1) tbody tr td span:nth-child(2) {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}
.warrantyResultsTable table:nth-child(2) {
  border-bottom: 1px solid #cdcdcd;
}
.warrantyResultsTable table:nth-child(2) thead tr th {
  background: none;
  border: 1px solid #cdcdcd;
  color: inherit;
  font-weight: normal;
  line-height: 40px;
}
.warrantyResultsTable table:nth-child(2) tbody tr td {
  line-height: 40px;
}
@media only screen and (max-width: 496px) {
  .warrantyResultsHeaderMobile {
    background: #efefef;
    padding: 30px 0;
  }
  .viewDetailsLink {
    margin-top: 30px;
  }
  .warrantyToolTipIcon {
    white-space: nowrap;
  }
  .sortWarrantyDdText {
    margin-top: 10px;
  }
  .sortWarrantyDdText span {
    float: left;
  }
}
.onloadHide {
  display: none;
}
.onloadHide.active {
  display: block;
}
.showLater {
  max-height: 0px;
  transition: max-height 0.25s;
  overflow: hidden;
}
.showLater.active {
  max-height: 999px;
}
.dvWCMTilesMoreLessLnk {
  /*padding-top: 20px;
	padding-bottom: 20px;*/
  text-align: center;
}
/*Story 6654 - for contact landing*/
.divMargin {
  margin-bottom: 50px;
  font-size: 20px;
}
.headerLndPg {
  margin-bottom: 15px;
  margin-top: 40px;
  font-size: 28px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  #blueBarBanner {
    height: 165px;
    opacity: 1;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  #divRight {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  #masterDiv {
    padding-left: 15px;
    padding-right: 15px;
  }
  #divLeft {
    margin-bottom: 20px;
  }
  .dmdM2Wrapper {
    display: none;
  }
}
.column-block.gray-block.marginComponent.marginBtmForHeight {
  margin-bottom: 20px;
}
.heightImgMatch {
  height: 183px;
}
#dvSupportOptions svg.contactOptionsImg {
  width: 100%;
}
#contactLandingSupportOptions {
  margin-top: 35px;
}
.heading-concentra {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
  position: relative;
  display: block;
  color: #373737;
  border-bottom: 3px solid #000;
  cursor: default;
}
#selectSeriesModelPopup div#select-model-content:after {
  display: block;
  clear: both;
  content: "";
}
input#seriesModelSubmit {
  margin-top: 30px;
}
.detail-responsive {
  padding-bottom: 0px;
}
.hide-from-screen {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: fixed;
  height: 1px;
  width: 1px;
}
.pageOverlay:before {
  position: fixed;
  width: 100%;
  height: 100vh;
  content: " ";
  background: black;
  z-index: 1000;
  left: 0;
  top: 0;
  opacity: 0.8;
  background-color: white;
}
.pageOverlay img {
  position: fixed;
  top: calc(20%);
  left: calc(20%);
  z-index: 1001;
}
@media (min-width: 801px) {
  input#search-input .rtlPadding {
    padding-right: 15px !important;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .paddingRemoval {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 800px) {
  /* For portrait layouts only */
  .hideInDesktopOrLandscape {
    display: none;
  }
}
.tileDiv.showLater * {
  display: none;
}
.tileDiv.showLater.active * {
  display: inherit;
}
@media only screen and (max-width: 800px) {
  #grayBlockParent h2#pFinderSectionHeading {
    margin-bottom: 5px;
  }
}
.hpsaSection {
  border: 2px solid #0096d6;
  /* border-left-width: 20px; */
  padding: 10px;
  word-wrap: break-word;
  /*background-image: url(http://dxlfb468n8ekd.cloudfront.net/gsc/8RF25R/66/53/ac/6653acb427e0471c9ee…mages/swd_2_-_6460v_notebook/u0.png?token=9ef74ee1149dbc4c47bc92267796d6fd);*/
  background-position: right;
  background-repeat: no-repeat;
  background-position-y: 0;
  background-size: 275px 147px;
  background-size: contain;
}
.hpsaCol {
  padding-left: 0px;
}
#swdHPSASection .rmvMargn {
  margin-bottom: 5px;
}
#swdHPSASection {
  /*background-image: url(http://dxlfb468n8ekd.cloudfront.net/gsc/8RF25R/66/53/ac/6653acb427e0471c9ee699e3d82c5f27/images/swd_2_-_6460v_notebook/u0.png?token=9ef74ee1149dbc4c47bc92267796d6fd);
    background-position: right;
    background-repeat: no-repeat;
    background-position-y: 0;
    background-size: 275px 147px;*/
}
#swdHPSASection .hpsaLargeImg {
  width: 100%;
  max-width: 64px;
}
#swdHPSASection .hpsaSmallImg {
  width: 100%;
  max-width: 18px;
  display: inline;
}
@media only screen and (max-width: 800px) {
  .hpsaSection {
    background-image: none !important;
  }
}
@media only screen and (min-width: 200px) and (max-width: 800px) {
  div.removeItem {
    position: relative;
    top: -100px;
  }
}
a.errorMessageReader,
a.errorMessageReader:visited:hover {
  color: red !important;
}
/*Defect 3576: spacing issue*/
.warrantyResultsTable {
  margin-top: 10px;
}
/* Defect 3388: focus issue*/
#checkWarrantyHeader {
  color: black;
  outline: none;
  cursor: text;
  line-height: 40px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .brLocale {
    padding-left: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .negMargin {
    margin-top: -20px !important;
  }
}
/* Defect : 3654 - warranty text bold **/
#prodInfoWarrantyInfo span#status-key {
  font-weight: bold;
}
/*Defect 3647: Type ahead results are hidden behind footer in mobile view*/
@media only screen and (max-width: 800px) and (min-width: 497px), only screen and (max-width: 496px) {
  .hasTypeahead .predictive-results.search-predictive-results {
    /*overflow:scroll;*/
    /*height:200px;*/
  }
}
/* Defect d-3667 */
@media only screen and (min-width: 801px) and (max-width: 1050px) {
  #welcomeMessage {
    width: 78%;
  }
  .signInOrEdit {
    width: 22%;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1050px) {
  .welcomeHeader {
    width: 78%;
  }
  #signInOrEdit {
    width: 22%;
  }
}
/*jp-ja, ru-ru locale*/
@media only screen and (min-width: 801px) and (max-width: 1050px) {
  html[lang=ja] #welcomeMessage,
  html[lang=ru] #welcomeMessage {
    width: 66%;
  }
  html[lang=ja] #signInOrEdit,
  html[lang=ru] #signInOrEdit {
    width: 34%;
  }
}
@media only screen and (min-width: 1051px) and (max-width: 1300px) {
  html[lang=ja] #welcomeMessage,
  html[lang=ru] #welcomeMessage {
    width: 74%;
  }
  html[lang=ja] #signInOrEdit,
  html[lang=ru] #signInOrEdit {
    width: 26%;
  }
}
@media only screen and (min-width: 1301px) {
  html[lang=ja] #welcomeMessage,
  html[lang=ru] #welcomeMessage {
    width: 78%;
  }
  html[lang=ja] #signInOrEdit,
  html[lang=ru] #signInOrEdit {
    width: 22%;
  }
}
.locale-noeng-results {
  color: #E88233;
  font-weight: 400;
  font-size: 18px;
}
.locale-results {
  font-weight: 400!important;
  font-size: 18px;
  color: #767676;
}
.p-inline-block {
  display: inline-block;
  margin-bottom: 10px!important;
  font-size: 18px;
}
.color-black {
  color: black;
}
#divShowOptions {
  margin-top: 27px;
}
.add-device-message {
  margin-left: 15px;
  padding: 15px 20px;
  color: #373737;
}
#addDeviceSuccess {
  background-color: #e7f5fb;
}
#addDeviceError {
  background-color: #ffe5e5;
}
.bold-class {
  font-weight: bold;
}
/*Defect on Print preview not showing buttons */
body {
  -webkit-print-color-adjust: exact;
}
html[dir=rtl] {
  /* --- Captcha- 5516 Start---*/
  /* --- Captcha- 5516 End---*/
  /* --- Multiple Warranty- 5518 Start---*/
  /* --- Multiple Warranty- 5518 End---*/
  /* Swindex - 6340 */
  /* Swindex - 6340*/
  /*R2.2 bug fix*/
  /*Bread crumbs section - M2*/
  /* end of bread crumbs RTL M2 */
  /*Modal title update*/
  /* RTL for bootstrap */
  /*alerts*/
  /*RTL PSF*/
  /* filters in mobile view - Richa */
  /* filters in mobile view - Richa - end */
  /*.ie9
    {
		a.step {
		  &.step-1 {
		    padding: 0 10px 0 0;
		    border-radius: 0 0 4px 0px;
		  }
		
		  &:after {
		    content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step.jpg);
		  }
		}
		
		// ------------------------------------------------------- STEP 1
		
		// -------------------------- STEP 1, ACTIVE
		
		a.step.step-1.step-active {
		   &:before {
		    content: '';
		  }
		  &:after {content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_active.jpg);}
		}
		
		// -------------------------- STEP 1, INACTIVE
		
		a.step.step-active {
		
		  &:after {content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_active-last.jpg);}
		  &:before {
		    content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_active-right.jpg);
		   
		  }
		}
    }*/
  /* Universal form Tool Tip steps */
  /* Software and Driver Results - VV */
  /* Changes for 3337 */
}
html[dir=rtl] #wcmTabsContainerHome {
  float: right;
  width: 100%;
}
html[dir=rtl] .wcmTabsContainer .wcmAllTabs {
  padding-right: 14px;
}
html[dir=rtl] .wcmTabsContainer .wcmTabs {
  background-color: white!important;
  margin-left: -1px;
  border-radius: 5px 5px 0px 5px;
  opacity: 0.8;
  transform: skew(20.999999deg);
  border: 1px solid gray;
}
html[dir=rtl] .wcmTabsContainer .wcmTabs span {
  color: black;
  display: inline-block;
  opacity: 1;
  transform: skew(-20.999999deg);
}
html[dir=rtl] .wcmTabsContainer .chromeActive ~ li > .wcmTabs {
  transform: skew(-20.999999deg);
}
html[dir=rtl] .wcmTabsContainer .chromeActive ~ li > .wcmTabs > span {
  color: black;
  display: inline-block;
  opacity: 1;
  transform: skew(20.999999deg) !important;
}
html[dir=rtl] .wcmTabsContainer .chromeActive a {
  outline: none;
  border-radius: 4px 4px 8px 10px!important;
}
html[dir=rtl] .wcmTabsContainer .tab-pane .common-solution-text {
  padding-right: 10px;
  padding-left: 0px;
}
@media (max-width: 850px) {
  html[dir=rtl] .wcmTabsContainer .wcmTabs {
    transform: skew(17.999999deg);
  }
  html[dir=rtl] .wcmTabsContainer .wcmTabs span {
    transform: skew(-17.999999deg);
  }
  html[dir=rtl] .wcmTabsContainer .chromeActive ~ li > .wcmTabs {
    transform: skew(-17.999999deg);
  }
  html[dir=rtl] .wcmTabsContainer .chromeActive ~ li > .wcmTabs > span {
    transform: skew(17.999999deg) !important;
  }
  html[dir=rtl] .wcmTabsContainer .darkTint {
    height: 250px;
  }
}
@media (min-width: 851px) and (max-width: 970px) {
  html[dir=rtl] .wcmTabsContainer .wcmTabs {
    transform: skew(18.999999deg);
  }
  html[dir=rtl] .wcmTabsContainer .wcmTabs span {
    transform: skew(-18.999999deg);
  }
  html[dir=rtl] .wcmTabsContainer .chromeActive ~ li > .wcmTabs {
    transform: skew(-18.999999deg);
  }
  html[dir=rtl] .wcmTabsContainer .chromeActive ~ li > .wcmTabs > span {
    transform: skew(18.999999deg) !important;
  }
}
html[dir=rtl] #warrantyAndAddBtnContainer .addProductBtnContainer {
  float: right;
}
html[dir=rtl] #warrantyAndAddBtnContainer .addProductSuccess .tickIconContainer {
  float: right;
}
html[dir=rtl] #warrantyAndAddBtnContainer .addProductSuccess .addBtnSuccessTxt {
  float: right;
}
html[dir=rtl] #multipleWarrantyFormPlaceholder #rcaptcha {
  float: left!important;
}
html[dir=rtl] #multipleWarrantyFormPlaceholder #captcha {
  float: left!important;
}
html[dir=rtl] .header-bottom {
  float: right!important;
}
html[dir=rtl] .associated-files .table {
  direction: rtl;
  text-align: right;
  font-size: 1.1em;
}
html[dir=rtl] .associated-files .table th {
  text-align: right;
  border-left: 1px solid #ccc;
  border-right: 0px;
}
html[dir=rtl] .associated-files .table tr.recommendedRow {
  border-right: 5px solid #009DDB;
  border-left: 0px;
}
@media (max-width: 800px) {
  html[dir=rtl] .softwareResultsWrapper .table-responsive {
    direction: rtl;
    text-align: right;
  }
  html[dir=rtl] .softwareResultsWrapper .table-responsive .driverTitle {
    margin-right: 15px;
  }
  html[dir=rtl] .softwareResultsWrapper .table-responsive .seeFullDetBlock {
    text-align: right;
    margin-right: 15px;
  }
}
html[dir=rtl] .key-margin-bottom {
  direction: rtl;
}
@media (max-width: 800px) {
  html[dir=rtl] #productImagePlaceholder .product-name-details {
    text-align: right!important;
  }
}
html[dir=rtl] .product-details td:first-child {
  position: relative;
}
html[dir=rtl] .product-details .product-detail-heading {
  border-left: 0px!important;
  border-right: 5px solid #d7410b!important;
  padding-right: 5px!important;
}
html[dir=rtl] .buttonSelectBlock {
  text-align: left;
}
html[dir=rtl] #pdpConf {
  float: left;
}
html[dir=rtl] a.image-hover {
  display: block;
  color: #000;
  /*h3.elemV*/
  /*i.icon-arrow */
  /*image-desc */
}
html[dir=rtl] a.image-hover h3.elementValue {
  margin-left: -13px;
  font-size: 24px;
  color: #000;
  display: block;
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] a.image-hover h3.elementValue {
    margin-left: -15px;
    font-size: 15px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  html[dir=rtl] a.image-hover h3.elementValue {
    font-size: 20px;
    margin-left: -15px;
  }
}
html[dir=rtl] a.image-hover i.icon-arrowright {
  position: absolute;
  font-family: 'HPControlIcons_New';
  color: #0096d6;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] a.image-hover i.icon-arrowright {
    display: none;
    top: auto;
    bottom: 10px;
    left: 10px;
    right: auto;
    color: #ffffff;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  html[dir=rtl] a.image-hover i.icon-arrowright {
    top: auto;
    bottom: 10px;
    left: 10px;
    right: auto;
  }
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] a.image-hover i.icon-arrowright {
    top: auto;
    bottom: 10px;
    left: 10px;
    right: auto;
  }
}
html[dir=rtl] a.image-hover i.icon-arrowright::before {
  content: "\e656";
}
html[dir=rtl] a.image-hover p.image-desc {
  color: #767676;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] a.image-hover p.image-desc {
    display: none;
  }
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] a.image-hover p.image-desc {
    font-size: 14px;
  }
}
html[dir=rtl] a.image-hover:hover {
  /* screen-lg */
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] a.image-hover:hover {
    background: #0096d6;
    color: #fff;
    position: relative;
  }
  html[dir=rtl] a.image-hover:hover h3.elementValue {
    color: #ffffff;
  }
  html[dir=rtl] a.image-hover:hover i.icon-arrowright {
    display: block;
  }
  html[dir=rtl] a.image-hover:hover p.image-desc {
    display: block;
    color: #fff;
  }
  html[dir=rtl] a.image-hover:hover img.image-hide {
    display: none;
  }
}
html[dir=rtl] a.image-hover:focus {
  /* screen-lg */
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] a.image-hover:focus {
    background: #0096d6;
    color: #fff;
    position: relative;
  }
  html[dir=rtl] a.image-hover:focus h3.elementValue {
    color: #ffffff;
  }
  html[dir=rtl] a.image-hover:focus i.icon-arrowright {
    display: block;
  }
  html[dir=rtl] a.image-hover:focus p.image-desc {
    display: block;
    color: #fff;
  }
  html[dir=rtl] a.image-hover:focus img.image-hide {
    display: none;
  }
}
html[dir=rtl] .ssfMessage {
  border: 1px solid #0096d6;
  border-right-width: 20px;
  padding: 10px;
  word-wrap: break-word;
}
html[dir=rtl] .wrapperAlign {
  float: right;
}
html[dir=rtl] .addMarginTop {
  margin-top: 20px;
  float: left;
}
html[dir=rtl] ul.with-bullets {
  margin-right: 40px;
}
html[dir=rtl] ul.with-bullets li {
  list-style-type: disc;
}
html[dir=rtl] .rtlAlign {
  margin-right: 20px;
}
html[dir=rtl] .rtlSectionAlign {
  margin-right: 15px !important;
}
html[dir=rtl] .swdFinishFindDrivers {
  float: right;
  margin-right: 20px;
}
html[dir=rtl] .retryBtn {
  float: right;
  font-size: 16px;
}
html[dir=rtl] #contact-serial-number-modal .errorMessage {
  right: auto;
  left: 0;
  padding-right: 0px !important;
  padding-left: 15px !important;
}
html[dir=rtl] .hp-header .container.hp-header-search .search-bg input {
  direction: ltr;
  text-align: right;
  padding: 0 15px 0 36px !important;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] .hp-header .container.hp-header-search .search-bg input {
    padding: 0 245px 0 90px;
  }
}
html[dir=rtl] .modal-body .hp-row #rtl_tabbed {
  padding-right: 30px;
}
html[dir=rtl] .search-bg .searching {
  left: 75px;
  right: auto;
}
html[dir=rtl] .search-bg input {
  direction: ltr;
  text-align: right;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] .search-bg input {
    padding: 0 245px 0 90px;
  }
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] .search-bg input {
    padding: 0 15px 0 60px;
  }
}
html[dir=rtl] .search-bg .button.inline {
  left: 0;
  right: auto;
}
html[dir=rtl] .search-bg #search-dropdown {
  left: auto;
  right: 0;
}
html[dir=rtl] .search-bg #search-dropdown i {
  float: left;
}
html[dir=rtl] .search-bg #search-dropdown .search-category {
  /* regression 11 il-he center align issue */
  /*text-align:right;*/
  margin-right: 0px;
}
html[dir=rtl] .search-bg .dropdown {
  right: 0;
  left: auto;
}
html[dir=rtl] .search-bg .dropdown .dropdown-menu {
  right: 0px;
  left: auto;
}
html[dir=rtl] .search-bg .errorMessage {
  text-align: right;
  right: 11px;
  left: auto;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] .search-bg .errorMessage {
    right: 245px;
    left: auto;
  }
}
html[dir=rtl] .search-bg .fa-search {
  width: 16px;
  height: 16px;
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/searchIconRTL.png) no-repeat transparent;
}
html[dir=rtl] .search-bg .fa-search:before {
  content: '';
}
html[dir=rtl] .hp-header .container.hp-header-search #clear-search {
  left: 15px;
  right: auto;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] .hp-header .container.hp-header-search #clear-search,
  html[dir=rtl] .search-bg #clear-search {
    left: 54px;
    right: auto;
  }
}
html[dir=rtl] .search-bg #clear-search {
  position: absolute !important;
  padding: 12px 2px !important;
  left: 25px !important;
  top: 0px !important;
  right: inherit !important;
  height: auto !important;
  font-size: 20px;
  margin: 0px !important;
  color: #767676;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  html[dir=rtl] .hp-header .container.hp-header-search .search-bar-form-bg {
    direction: rtl;
  }
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  html[dir=rtl] .hp-header .container.hp-header-search .search-bar-form-bg .search-bar-form {
    padding: 0 0 0 15px;
  }
}
html[dir=rtl] .predictive-results {
  left: 0px;
  right: 0px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] .predictive-results {
    left: 60px;
    right: 245px;
  }
}
html[dir=rtl] .predictive-results li {
  text-align: right;
  direction: rtl;
}
html[dir=rtl] .badResultsSec {
  text-align: right;
  direction: ltr;
}
html[dir=rtl] .badResultsSec ul {
  direction: rtl;
}
html[dir=rtl] .pFinderResults {
  text-align: right;
  direction: ltr;
}
html[dir=rtl] .rtlTextWrapper {
  overflow: hidden;
}
html[dir=rtl] .rtlTextWrapper .rtlAlignText {
  float: right;
  padding: 0px 3px;
  display: inline-block;
}
html[dir=rtl] button.close {
  float: left;
}
html[dir=rtl] .pFinderView3 .form-input-inline {
  margin-right: 0px;
  margin-left: 10px;
}
html[dir=rtl] .pFinderView3 ul.list-bullets {
  padding-right: 15px;
  padding-left: 0px;
}
html[dir=rtl] .textDirLtr {
  direction: ltr;
}
html[dir=rtl] .RTLtextAlign {
  direction: ltr;
  text-align: right;
}
html[dir=rtl] #loadDMDModal .button.inline {
  float: left;
}
html[dir=rtl] .hp-nav-tabs li a i {
  margin-left: 10px;
}
html[dir=rtl] .hp-nav-tabs li.active a:after {
  content: '\f0d9';
  left: -15px;
  right: auto;
}
html[dir=rtl] th {
  text-align: right;
}
html[dir=rtl] .resultsCountSearch {
  display: inline-block;
}
html[dir=rtl] div.fancy-select div.trigger:after {
  margin-left: 0;
  margin-right: 0;
  right: inherit;
  left: 0;
  border-right: 2px solid #949494;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  html[dir=rtl] .hp-nav-tabs li a:after {
    content: '\f104';
    right: inherit;
    left: 15px;
  }
}
html[dir=rtl] a.close {
  right: inherit;
  left: 10px;
}
html[dir=rtl] .paginationWrapper .pagination-container {
  float: left;
}
html[dir=rtl] .filters.filters-desktop .filter-category .filter-options label.expandable span {
  margin-left: 5px;
  margin-right: 0px;
}
html[dir=rtl] #refine-results-modal .productBuilderContainer {
  margin-right: 0px;
}
html[dir=rtl] #refine-results-modal .productBuilderDropdowns .hpStyleDropdown {
  margin-right: 0px;
  margin-left: 15px;
}
html[dir=rtl] #refine-results-modal .customDropDownBox ul {
  overflow-x: hidden;
}
html[dir=rtl] #refine-results-modal .modal-submit {
  text-align: left;
}
html[dir=rtl] #refine-results-modal .modal-footer .text-small.fl {
  float: right;
}
html[dir=rtl] #refine-results-modal .modal-footer .text-small.fr {
  float: left;
}
html[dir=rtl] #refine-results-modal button.close {
  right: auto;
  left: 15px;
}
html[dir=rtl] #refine-results-modal .modal-header-float .modal-logo {
  float: right;
}
html[dir=rtl] #refine-results-modal .modal-title.with-logo {
  padding-left: 0px;
  padding-right: 70px;
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] #refine-results-modal .modal-title.with-logo {
    padding: 0;
  }
}
html[dir=rtl] .notYourProdModalContainer .productBuilderDropdowns .hpStyleDropdown {
  margin-right: 0px;
}
html[dir=rtl] .notYourProdModalContainer input[type=button] {
  float: left;
}
html[dir=rtl] .notYourProdModalContainer .modal-header-float .modal-logo {
  float: right;
}
html[dir=rtl] .notYourProdModalContainer .modal-title.with-logo {
  padding-left: 0px;
  padding-right: 70px;
}
html[dir=rtl] .notYourProdModalContainer button.close {
  right: auto;
  left: 0;
}
html[dir=rtl] .hp-row.with-icons .icon-bg {
  margin-left: 0px;
  margin-right: 20px;
}
html[dir=rtl] .hp-row.with-icons .icon-content {
  margin-left: 0px;
  margin-right: 100px;
  text-align: right;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  html[dir=rtl] .col3Section .col-lg-3,
  html[dir=rtl] .col3Section .col-lg-7,
  html[dir=rtl] .col3Section .col-lg-8,
  html[dir=rtl] .col3Section .col-lg-9 {
    float: none;
  }
}
html[dir=rtl] #hpProductContextPageTitle {
  text-align: right;
}
html[dir=rtl] #navCommunities i.fr.fa.fa-angle-down {
  padding-right: 5px;
  margin-left: -7px;
  padding-left: 0px;
}
html[dir=rtl] #navForumContainer {
  right: 0px !important;
  left: auto;
}
html[dir=rtl] #product .pFinderLayoutWrapper {
  max-width: none;
}
html[dir=rtl] .modal-header button.close.icon {
  left: 15px;
  right: inherit;
}
html[dir=rtl] .flag {
  margin-left: 5px;
}
html[dir=rtl] .modal-header-float .modal-logo {
  float: right;
  display: inline-block;
  width: 50px;
  height: auto;
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] .modal-header-float .modal-logo {
    display: none;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  html[dir=rtl] .unassisted .col-lg-8 {
    float: none;
  }
}
html[dir=rtl] .modal-header {
  padding: 20px 20px 20px 60px;
}
html[dir=rtl] a.step {
  padding: 0 20px 0 10px;
  border-right: none !important;
}
html[dir=rtl] a.step.step-1 {
  padding: 0 10px 0 0;
  border-radius: 0 0 4px 0px;
}
html[dir=rtl] a.step:after {
  content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-stepRTL.jpg);
  direction: ltr;
  left: -25px;
  right: auto;
}
html[dir=rtl] a.step.step-1.step-active {
  margin: 0 0 0 15px;
  padding: 0 10px 0 0;
}
html[dir=rtl] a.step.step-1.step-active:before {
  content: '';
  right: 0;
  left: auto;
}
html[dir=rtl] a.step.step-1.step-active:after {
  content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_activeRTL.jpg);
  direction: ltr;
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] a.step.step-1.step-active {
    border-radius: 0;
  }
}
html[dir=rtl] a.step.step-active {
  margin: 0 0 0 15px;
  padding: 0 35px 0 0;
  border-right: none;
}
html[dir=rtl] a.step.step-active:after {
  content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_active-lastRTL.jpg);
  direction: ltr;
}
html[dir=rtl] a.step.step-active:before {
  content: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/arrow-step_active-rightRTL.jpg);
  direction: ltr;
  right: 0;
  left: auto;
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] a.step.step-2.step-inactive {
    margin-right: 0;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] a.step.step-2.step-active {
    padding-right: 10px;
  }
  html[dir=rtl] a.step.step-2.step-active:before {
    content: '';
  }
}
html[dir=rtl] .row-block .media-left {
  padding: 0 0 0 20px;
}
html[dir=rtl] .row-block .media-left .media {
  padding: 0 0 0 20px;
}
html[dir=rtl] .hp-row.with-icons .icon-bg {
  margin: 0 0 0 20px;
}
html[dir=rtl] .modal-title.with-logo {
  padding-right: 70px;
}
html[dir=rtl] .fr {
  float: left;
}
html[dir=rtl] .fr #retryBtn {
  float: right;
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] .fr {
    float: right;
  }
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] .modal-footer .text-small {
    text-align: right;
  }
}
html[dir=rtl] .fl {
  float: right;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] .col-lg-1,
  html[dir=rtl] .col-lg-2,
  html[dir=rtl] .col-lg-3,
  html[dir=rtl] .col-lg-4,
  html[dir=rtl] .col-lg-5,
  html[dir=rtl] .col-lg-6,
  html[dir=rtl] .col-lg-7,
  html[dir=rtl] .col-lg-8,
  html[dir=rtl] .col-lg-9,
  html[dir=rtl] .col-lg-10,
  html[dir=rtl] .col-lg-11,
  html[dir=rtl] .col-lg-12,
  html[dir=rtl] .col-lg-13,
  html[dir=rtl] .col-lg-14,
  html[dir=rtl] .col-lg-15,
  html[dir=rtl] .col-lg-16,
  html[dir=rtl] .col-lg-17,
  html[dir=rtl] .col-lg-18,
  html[dir=rtl] .col-lg-19,
  html[dir=rtl] .col-lg-20,
  html[dir=rtl] .col-lg-21,
  html[dir=rtl] .col-lg-22,
  html[dir=rtl] .col-lg-23,
  html[dir=rtl] .col-lg-24 {
    float: right;
  }
  html[dir=rtl] .col-lg-pull-24 {
    left: 100%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-23 {
    left: 95.83333333333334%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-22 {
    left: 91.66666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-21 {
    left: 87.5%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-20 {
    left: 83.33333333333334%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-19 {
    left: 79.16666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-18 {
    left: 75%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-17 {
    left: 70.83333333333334%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-16 {
    left: 66.66666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-15 {
    left: 62.5%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-14 {
    left: 58.333333333333336%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-13 {
    left: 54.166666666666664%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-12 {
    left: 50%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-11 {
    left: 45.83333333333333%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-10 {
    left: 41.66666666666667%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-9 {
    left: 37.5%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-8 {
    left: 33.33333333333333%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-7 {
    left: 29.166666666666668%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-6 {
    left: 25%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-5 {
    left: 20.833333333333336%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-4 {
    left: 16.666666666666664%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-3 {
    left: 12.5%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-2 {
    left: 8.333333333333332%;
    right: 0;
  }
  html[dir=rtl] .col-lg-pull-1 {
    left: 4.166666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-lg-push-24 {
    left: 0;
    right: 100%;
  }
  html[dir=rtl] .col-lg-push-23 {
    left: 0;
    right: 95.83333333333334%;
  }
  html[dir=rtl] .col-lg-push-22 {
    left: 0;
    right: 91.66666666666666%;
  }
  html[dir=rtl] .col-lg-push-21 {
    left: 0;
    right: 87.5%;
  }
  html[dir=rtl] .col-lg-push-20 {
    left: 0;
    right: 83.33333333333334%;
  }
  html[dir=rtl] .col-lg-push-19 {
    left: 0;
    right: 79.16666666666666%;
  }
  html[dir=rtl] .col-lg-push-18 {
    left: 0;
    right: 75%;
  }
  html[dir=rtl] .col-lg-push-17 {
    left: 0;
    right: 70.83333333333334%;
  }
  html[dir=rtl] .col-lg-push-16 {
    left: 0;
    right: 66.66666666666666%;
  }
  html[dir=rtl] .col-lg-push-15 {
    left: 0;
    right: 62.5%;
  }
  html[dir=rtl] .col-lg-push-14 {
    left: 0;
    right: 58.333333333333336%;
  }
  html[dir=rtl] .col-lg-push-13 {
    left: 0;
    right: 54.166666666666664%;
  }
  html[dir=rtl] .col-lg-push-12 {
    left: 0;
    right: 50%;
  }
  html[dir=rtl] .col-lg-push-11 {
    left: 0;
    right: 45.83333333333333%;
  }
  html[dir=rtl] .col-lg-push-10 {
    left: 0;
    right: 41.66666666666667%;
  }
  html[dir=rtl] .col-lg-push-9 {
    left: 0;
    right: 37.5%;
  }
  html[dir=rtl] .col-lg-push-8 {
    left: 0;
    right: 33.33333333333333%;
  }
  html[dir=rtl] .col-lg-push-7 {
    left: 0;
    right: 29.166666666666668%;
  }
  html[dir=rtl] .col-lg-push-6 {
    left: 0;
    right: 25%;
  }
  html[dir=rtl] .col-lg-push-5 {
    left: 0;
    right: 20.833333333333336%;
  }
  html[dir=rtl] .col-lg-push-4 {
    left: 0;
    right: 16.666666666666664%;
  }
  html[dir=rtl] .col-lg-push-3 {
    left: 0;
    right: 12.5%;
  }
  html[dir=rtl] .col-lg-push-2 {
    left: 8.333333333333332%;
    right: 0;
  }
  html[dir=rtl] .col-lg-push-1 {
    left: 0;
    right: 4.166666666666666%;
  }
  html[dir=rtl] .col-lg-offset-24 {
    margin-left: 0;
    margin-right: 100%;
  }
  html[dir=rtl] .col-lg-offset-23 {
    margin-left: 0;
    margin-right: 95.83333333333334%;
  }
  html[dir=rtl] .col-lg-offset-22 {
    margin-left: 0;
    margin-right: 91.66666666666666%;
  }
  html[dir=rtl] .col-lg-offset-21 {
    margin-left: 0;
    margin-right: 87.5%;
  }
  html[dir=rtl] .col-lg-offset-20 {
    margin-left: 0;
    margin-right: 83.33333333333334%;
  }
  html[dir=rtl] .col-lg-offset-19 {
    margin-left: 0;
    margin-right: 79.16666666666666%;
  }
  html[dir=rtl] .col-lg-offset-18 {
    margin-left: 0;
    margin-right: 75%;
  }
  html[dir=rtl] .col-lg-offset-17 {
    margin-left: 0;
    margin-right: 70.83333333333334%;
  }
  html[dir=rtl] .col-lg-offset-16 {
    margin-left: 0;
    margin-right: 66.66666666666666%;
  }
  html[dir=rtl] .col-lg-offset-15 {
    margin-left: 0;
    margin-right: 62.5%;
  }
  html[dir=rtl] .col-lg-offset-14 {
    margin-left: 0;
    margin-right: 58.333333333333336%;
  }
  html[dir=rtl] .col-lg-offset-13 {
    margin-left: 0;
    margin-right: 54.166666666666664%;
  }
  html[dir=rtl] .col-lg-offset-12 {
    margin-left: 0;
    margin-right: 50%;
  }
  html[dir=rtl] .col-lg-offset-11 {
    margin-left: 0;
    margin-right: 45.83333333333333%;
  }
  html[dir=rtl] .col-lg-offset-10 {
    margin-left: 0;
    margin-right: 41.66666666666667%;
  }
  html[dir=rtl] .col-lg-offset-9 {
    margin-left: 0;
    margin-right: 37.5%;
  }
  html[dir=rtl] .col-lg-offset-8 {
    margin-left: 0;
    margin-right: 33.33333333333333%;
  }
  html[dir=rtl] .col-lg-offset-7 {
    margin-left: 0;
    margin-left: 29.166666666666668%;
  }
  html[dir=rtl] .col-lg-offset-6 {
    margin-left: 0;
    margin-right: 25%;
  }
  html[dir=rtl] .col-lg-offset-5 {
    margin-left: 0;
    margin-right: 20.833333333333336%;
  }
  html[dir=rtl] .col-lg-offset-4 {
    margin-left: 0;
    margin-right: 16.666666666666664%;
  }
  html[dir=rtl] .col-lg-offset-3 {
    margin-left: 0;
    margin-right: 12.5%;
  }
  html[dir=rtl] .col-lg-offset-2 {
    margin-left: 0;
    margin-right: 8.333333333333332%;
  }
  html[dir=rtl] .col-lg-offset-1 {
    margin-left: 0;
    margin-right: 4.166666666666666%;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  html[dir=rtl] .col-md-1,
  html[dir=rtl] .col-md-2,
  html[dir=rtl] .col-md-3,
  html[dir=rtl] .col-md-4,
  html[dir=rtl] .col-md-5,
  html[dir=rtl] .col-md-6,
  html[dir=rtl] .col-md-7,
  html[dir=rtl] .col-md-8,
  html[dir=rtl] .col-md-9,
  html[dir=rtl] .col-md-10,
  html[dir=rtl] .col-md-11,
  html[dir=rtl] .col-md-12,
  html[dir=rtl] .col-md-13,
  html[dir=rtl] .col-md-14,
  html[dir=rtl] .col-md-15,
  html[dir=rtl] .col-md-16,
  html[dir=rtl] .col-md-17,
  html[dir=rtl] .col-md-18,
  html[dir=rtl] .col-md-19,
  html[dir=rtl] .col-md-20,
  html[dir=rtl] .col-md-21,
  html[dir=rtl] .col-md-22,
  html[dir=rtl] .col-md-23,
  html[dir=rtl] .col-md-24 {
    float: right;
  }
  html[dir=rtl] .col-md-pull-24 {
    left: 100%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-23 {
    left: 95.83333333333334%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-22 {
    left: 91.66666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-21 {
    left: 87.5%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-20 {
    left: 83.33333333333334%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-19 {
    left: 79.16666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-18 {
    left: 75%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-17 {
    left: 70.83333333333334%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-16 {
    left: 66.66666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-15 {
    left: 62.5%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-14 {
    left: 58.333333333333336%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-13 {
    left: 54.166666666666664%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-12 {
    left: 50%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-11 {
    left: 45.83333333333333%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-10 {
    left: 41.66666666666667%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-9 {
    left: 37.5%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-8 {
    left: 33.33333333333333%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-7 {
    left: 29.166666666666668%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-6 {
    left: 25%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-5 {
    left: 20.833333333333336%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-4 {
    left: 16.666666666666664%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-3 {
    left: 12.5%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-2 {
    left: 8.333333333333332%;
    right: 0;
  }
  html[dir=rtl] .col-md-pull-1 {
    left: 4.166666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-md-push-24 {
    left: 0;
    right: 100%;
  }
  html[dir=rtl] .col-md-push-23 {
    left: 0;
    right: 95.83333333333334%;
  }
  html[dir=rtl] .col-md-push-22 {
    left: 0;
    right: 91.66666666666666%;
  }
  html[dir=rtl] .col-md-push-21 {
    left: 0;
    right: 87.5%;
  }
  html[dir=rtl] .col-md-push-20 {
    left: 0;
    right: 83.33333333333334%;
  }
  html[dir=rtl] .col-md-push-19 {
    left: 0;
    right: 79.16666666666666%;
  }
  html[dir=rtl] .col-md-push-18 {
    left: 0;
    right: 75%;
  }
  html[dir=rtl] .col-md-push-17 {
    left: 0;
    right: 70.83333333333334%;
  }
  html[dir=rtl] .col-md-push-16 {
    left: 0;
    right: 66.66666666666666%;
  }
  html[dir=rtl] .col-md-push-15 {
    left: 0;
    right: 62.5%;
  }
  html[dir=rtl] .col-md-push-14 {
    left: 0;
    right: 58.333333333333336%;
  }
  html[dir=rtl] .col-md-push-13 {
    left: 0;
    right: 54.166666666666664%;
  }
  html[dir=rtl] .col-md-push-12 {
    left: 0;
    right: 50%;
  }
  html[dir=rtl] .col-md-push-11 {
    left: 0;
    right: 45.83333333333333%;
  }
  html[dir=rtl] .col-md-push-10 {
    left: 0;
    right: 41.66666666666667%;
  }
  html[dir=rtl] .col-md-push-9 {
    left: 0;
    right: 37.5%;
  }
  html[dir=rtl] .col-md-push-8 {
    left: 0;
    right: 33.33333333333333%;
  }
  html[dir=rtl] .col-md-push-7 {
    left: 0;
    right: 29.166666666666668%;
  }
  html[dir=rtl] .col-md-push-6 {
    left: 0;
    right: 25%;
  }
  html[dir=rtl] .col-md-push-5 {
    left: 0;
    right: 20.833333333333336%;
  }
  html[dir=rtl] .col-md-push-4 {
    left: 0;
    right: 16.666666666666664%;
  }
  html[dir=rtl] .col-md-push-3 {
    left: 0;
    right: 12.5%;
  }
  html[dir=rtl] .col-md-push-2 {
    left: 0;
    right: 8.333333333333332%;
  }
  html[dir=rtl] .col-md-push-1 {
    left: 0;
    right: 4.166666666666666%;
  }
  html[dir=rtl] .col-md-offset-24 {
    margin-left: 0;
    margin-right: 100%;
  }
  html[dir=rtl] .col-md-offset-23 {
    margin-left: 0;
    margin-right: 95.83333333333334%;
  }
  html[dir=rtl] .col-md-offset-22 {
    margin-left: 0;
    margin-right: 91.66666666666666%;
  }
  html[dir=rtl] .col-md-offset-21 {
    margin-left: 0;
    margin-right: 87.5%;
  }
  html[dir=rtl] .col-md-offset-20 {
    margin-left: 0;
    margin-right: 83.33333333333334%;
  }
  html[dir=rtl] .col-md-offset-19 {
    margin-left: 0;
    margin-right: 79.16666666666666%;
  }
  html[dir=rtl] .col-md-offset-18 {
    margin-left: 0;
    margin-right: 75%;
  }
  html[dir=rtl] .col-md-offset-17 {
    margin-left: 0;
    margin-right: 70.83333333333334%;
  }
  html[dir=rtl] .col-md-offset-16 {
    margin-left: 0;
    margin-right: 66.66666666666666%;
  }
  html[dir=rtl] .col-md-offset-15 {
    margin-left: 0;
    margin-right: 62.5%;
  }
  html[dir=rtl] .col-md-offset-14 {
    margin-left: 0;
    margin-right: 58.333333333333336%;
  }
  html[dir=rtl] .col-md-offset-13 {
    margin-left: 0;
    margin-right: 54.166666666666664%;
  }
  html[dir=rtl] .col-md-offset-12 {
    margin-left: 0;
    margin-right: 50%;
  }
  html[dir=rtl] .col-md-offset-11 {
    margin-left: 0;
    margin-right: 45.83333333333333%;
  }
  html[dir=rtl] .col-md-offset-10 {
    margin-left: 0;
    margin-right: 41.66666666666667%;
  }
  html[dir=rtl] .col-md-offset-9 {
    margin-left: 0;
    margin-right: 37.5%;
  }
  html[dir=rtl] .col-md-offset-8 {
    margin-left: 0;
    margin-right: 33.33333333333333%;
  }
  html[dir=rtl] .col-md-offset-7 {
    margin-left: 0;
    margin-right: 29.166666666666668%;
  }
  html[dir=rtl] .col-md-offset-6 {
    margin-left: 0;
    margin-right: 25%;
  }
  html[dir=rtl] .col-md-offset-5 {
    margin-left: 0;
    margin-right: 20.833333333333336%;
  }
  html[dir=rtl] .col-md-offset-4 {
    margin-left: 0;
    margin-right: 16.666666666666664%;
  }
  html[dir=rtl] .col-md-offset-3 {
    margin-left: 0;
    margin-right: 12.5%;
  }
  html[dir=rtl] .col-md-offset-2 {
    margin-left: 0;
    margin-right: 8.333333333333332%;
  }
  html[dir=rtl] .col-md-offset-1 {
    margin-left: 0;
    margin-right: 4.166666666666666%;
  }
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] .col-sm-1,
  html[dir=rtl] .col-sm-2,
  html[dir=rtl] .col-sm-3,
  html[dir=rtl] .col-sm-4,
  html[dir=rtl] .col-sm-5,
  html[dir=rtl] .col-sm-6,
  html[dir=rtl] .col-sm-7,
  html[dir=rtl] .col-sm-8,
  html[dir=rtl] .col-sm-9,
  html[dir=rtl] .col-sm-10,
  html[dir=rtl] .col-sm-11,
  html[dir=rtl] .col-sm-12,
  html[dir=rtl] .col-sm-13,
  html[dir=rtl] .col-sm-14,
  html[dir=rtl] .col-sm-15,
  html[dir=rtl] .col-sm-16,
  html[dir=rtl] .col-sm-17,
  html[dir=rtl] .col-sm-18,
  html[dir=rtl] .col-sm-19,
  html[dir=rtl] .col-sm-20,
  html[dir=rtl] .col-sm-21,
  html[dir=rtl] .col-sm-22,
  html[dir=rtl] .col-sm-23,
  html[dir=rtl] .col-sm-24 {
    float: right;
  }
  html[dir=rtl] .col-sm-pull-24 {
    right: 0;
    left: 100%;
  }
  html[dir=rtl] .col-sm-pull-23 {
    right: 0;
    left: 95.83333333333334%;
  }
  html[dir=rtl] .col-sm-pull-22 {
    left: 91.66666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-21 {
    right: 0;
    left: 87.5%;
  }
  html[dir=rtl] .col-sm-pull-20 {
    left: 83.33333333333334%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-19 {
    left: 79.16666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-18 {
    left: 75%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-17 {
    left: 70.83333333333334%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-16 {
    left: 66.66666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-15 {
    left: 62.5%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-14 {
    left: 58.333333333333336%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-13 {
    left: 54.166666666666664%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-12 {
    left: 50%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-11 {
    left: 45.83333333333333%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-10 {
    left: 41.66666666666667%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-9 {
    left: 37.5%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-8 {
    left: 33.33333333333333%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-7 {
    left: 29.166666666666668%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-6 {
    left: 25%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-5 {
    left: 20.833333333333336%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-4 {
    left: 16.666666666666664%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-3 {
    left: 12.5%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-2 {
    left: 8.333333333333332%;
    right: 0;
  }
  html[dir=rtl] .col-sm-pull-1 {
    left: 4.166666666666666%;
    right: 0;
  }
  html[dir=rtl] .col-sm-push-24 {
    left: 0;
    right: 100%;
  }
  html[dir=rtl] .col-sm-push-23 {
    left: 0;
    right: 95.83333333333334%;
  }
  html[dir=rtl] .col-sm-push-22 {
    left: 0;
    right: 91.66666666666666%;
  }
  html[dir=rtl] .col-sm-push-21 {
    left: 0;
    right: 87.5%;
  }
  html[dir=rtl] .col-sm-push-20 {
    left: 0;
    right: 83.33333333333334%;
  }
  html[dir=rtl] .col-sm-push-19 {
    left: 0;
    right: 79.16666666666666%;
  }
  html[dir=rtl] .col-sm-push-18 {
    left: 0;
    right: 75%;
  }
  html[dir=rtl] .col-sm-push-17 {
    left: 0;
    right: 70.83333333333334%;
  }
  html[dir=rtl] .col-sm-push-16 {
    left: 0;
    right: 66.66666666666666%;
  }
  html[dir=rtl] .col-sm-push-15 {
    left: 0;
    right: 62.5%;
  }
  html[dir=rtl] .col-sm-push-14 {
    left: 0;
    right: 58.333333333333336%;
  }
  html[dir=rtl] .col-sm-push-13 {
    left: 0;
    right: 54.166666666666664%;
  }
  html[dir=rtl] .col-sm-push-12 {
    left: 0;
    right: 50%;
  }
  html[dir=rtl] .col-sm-push-11 {
    left: 0;
    right: 45.83333333333333%;
  }
  html[dir=rtl] .col-sm-push-10 {
    left: 0;
    right: 41.66666666666667%;
  }
  html[dir=rtl] .col-sm-push-9 {
    left: 0;
    right: 37.5%;
  }
  html[dir=rtl] .col-sm-push-8 {
    left: 0;
    right: 33.33333333333333%;
  }
  html[dir=rtl] .col-sm-push-7 {
    left: 0;
    right: 29.166666666666668%;
  }
  html[dir=rtl] .col-sm-push-6 {
    left: 0;
    right: 25%;
  }
  html[dir=rtl] .col-sm-push-5 {
    left: 0;
    right: 20.833333333333336%;
  }
  html[dir=rtl] .col-sm-push-4 {
    left: 0;
    right: 16.666666666666664%;
  }
  html[dir=rtl] .col-sm-push-3 {
    left: 0;
    right: 12.5%;
  }
  html[dir=rtl] .col-sm-push-2 {
    left: 0;
    right: 8.333333333333332%;
  }
  html[dir=rtl] .col-sm-push-1 {
    left: 0;
    right: 4.166666666666666%;
  }
  html[dir=rtl] .col-sm-offset-24 {
    margin-left: 0;
    margin-right: 100%;
  }
  html[dir=rtl] .col-sm-offset-23 {
    margin-left: 0;
    margin-right: 95.83333333333334%;
  }
  html[dir=rtl] .col-sm-offset-22 {
    margin-left: 0;
    margin-right: 91.66666666666666%;
  }
  html[dir=rtl] .col-sm-offset-21 {
    margin-left: 0;
    margin-right: 87.5%;
  }
  html[dir=rtl] .col-sm-offset-20 {
    margin-left: 0;
    margin-right: 83.33333333333334%;
  }
  html[dir=rtl] .col-sm-offset-19 {
    margin-left: 0;
    margin-right: 79.16666666666666%;
  }
  html[dir=rtl] .col-sm-offset-18 {
    margin-left: 0;
    margin-right: 75%;
  }
  html[dir=rtl] .col-sm-offset-17 {
    margin-left: 0;
    margin-right: 70.83333333333334%;
  }
  html[dir=rtl] .col-sm-offset-16 {
    margin-left: 0;
    margin-right: 66.66666666666666%;
  }
  html[dir=rtl] .col-sm-offset-15 {
    margin-left: 0;
    margin-right: 62.5%;
  }
  html[dir=rtl] .col-sm-offset-14 {
    margin-left: 0;
    margin-right: 58.333333333333336%;
  }
  html[dir=rtl] .col-sm-offset-13 {
    margin-left: 0;
    margin-right: 54.166666666666664%;
  }
  html[dir=rtl] .col-sm-offset-12 {
    margin-left: 0;
    margin-right: 50%;
  }
  html[dir=rtl] .col-sm-offset-11 {
    margin-left: 0;
    margin-right: 45.83333333333333%;
  }
  html[dir=rtl] .col-sm-offset-10 {
    margin-left: 0;
    margin-right: 41.66666666666667%;
  }
  html[dir=rtl] .col-sm-offset-9 {
    margin-left: 0;
    margin-right: 37.5%;
  }
  html[dir=rtl] .col-sm-offset-8 {
    margin-left: 0;
    margin-right: 33.33333333333333%;
  }
  html[dir=rtl] .col-sm-offset-7 {
    margin-left: 0;
    margin-right: 29.166666666666668%;
  }
  html[dir=rtl] .col-sm-offset-6 {
    margin-left: 0;
    margin-right: 25%;
  }
  html[dir=rtl] .col-sm-offset-5 {
    margin-left: 0;
    margin-right: 20.833333333333336%;
  }
  html[dir=rtl] .col-sm-offset-4 {
    margin-left: 0;
    margin-right: 16.666666666666664%;
  }
  html[dir=rtl] .col-sm-offset-3 {
    margin-left: 0;
    margin-right: 12.5%;
  }
  html[dir=rtl] .col-sm-offset-2 {
    margin-left: 0;
    margin-right: 8.333333333333332%;
  }
  html[dir=rtl] .col-sm-offset-1 {
    margin-left: 0;
    margin-right: 4.166666666666666%;
  }
}
html[dir=rtl] #psf .notifications-bg button.close {
  margin-left: -30px;
}
html[dir=rtl] #psf .notifications-bg .notification {
  text-align: right;
  left: 0px;
}
html[dir=rtl] #psf .notifications-bg {
  right: auto;
  left: 41px;
}
html[dir=rtl] #psf .notifications-bg .notification .notification-body strong {
  float: right;
  line-height: 18px;
}
html[dir=rtl] #psf .notifications-bg .notification .notification-body a {
  display: inline-block;
  direction: rtl;
}
html[dir=rtl] #psf li a.psf-link {
  padding-left: 10px;
  padding-right: 10px;
}
html[dir=rtl] .text-h3 {
  font-weight: 400;
  font-size: 22px;
  color: #767676;
  direction: rtl;
  display: inline-block;
  text-align: right;
}
html[dir=rtl] #psf {
  left: 0px;
  right: auto;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  html[dir=rtl] #psf .notifications-bg {
    left: 0px;
    top: 41px;
  }
  html[dir=rtl] #psf {
    bottom: auto;
    top: 53px;
    margin-top: -1px;
    position: absolute;
    z-index: 1;
    right: 100%;
    width: 100%;
    background-color: #f2f2f2;
    -webkit-transition: all 300ms ease-in-out;
  }
  html[dir=rtl] #psf .icon-arrow-psf {
    position: relative;
    right: 6px;
    background-position: -2px -152px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 11px;
    height: 20px;
  }
  html[dir=rtl] #psf.open {
    right: 41px;
  }
  html[dir=rtl] #psf.open .notifications-bg {
    right: -41px;
  }
  html[dir=rtl] #psf.open .icon-arrow-psf {
    background-position: -2px -177px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 11px;
    height: 20px;
  }
  html[dir=rtl] #psf:hover {
    cursor: pointer;
  }
  html[dir=rtl] #psf > li {
    display: inline-block;
    float: right;
  }
  html[dir=rtl] #psf > li a.psf-link {
    margin-bottom: 0;
    margin-right: -1px;
    line-height: 20px;
  }
  html[dir=rtl] #psf > li > .icon {
    background-color: #f2f2f2;
  }
  html[dir=rtl] #psf > li > .icon i {
    text-align: center;
    border: 0;
  }
  html[dir=rtl] #psf > li > .icon span {
    display: none;
  }
  html[dir=rtl] #psf > li:last-child a i {
    border: 0;
  }
  html[dir=rtl] #psf #psf-gripper {
    display: block;
    background-color: #f2f2f2;
    position: absolute;
    right: -41px;
    width: 42px;
  }
}
html[dir=rtl] .button.button-inverse:after {
  content: '\f104';
  left: 0;
  right: initial;
}
html[dir=rtl] #filter-trigger {
  text-align: right;
}
html[dir=rtl] .filters.filters-desktop .filter-category .filter-options.filter-options-nested {
  margin-right: 20px;
  margin-left: 0px;
}
html[dir=rtl] .icheckbox_flat-blue {
  margin: 0 0 0 5px;
}
html[dir=rtl] .applied-filters-item .filter-close {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .filters.filters-desktop .filter-category .filter-options label.expandable span:before {
  margin-left: 0px;
  margin-right: 2px;
}
html[dir=rtl] .panel .panel-title > a:before,
html[dir=rtl] html[dir=rtl] .panel .panel-title > a:after {
  right: auto;
  left: 15px;
}
html[dir=rtl] .panel-collapse .button.inline {
  float: left;
}
html[dir=rtl] .panel-collapse .text-small {
  text-align: left;
}
html[dir=rtl] .ie9 .search-bg #search-dropdown {
  width: initial!important;
  right: -30px;
}
html[dir=rtl] .know-windows-image-link-container {
  float: left;
  /* So that the image sticks to the left edge and lines up with the rest of the page elements */
  margin-right: 0;
}
html[dir=rtl] button#clc-back {
  float: left;
}
html[dir=rtl] .languageSelector {
  margin-left: 0px;
  margin-right: 20px;
}
html[dir=rtl] #closeModal > img {
  position: absolute;
  left: 15px;
  top: 15px;
}
html[dir=rtl] .docFeedbackHolder .docFeedback {
  float: right;
}
html[dir=rtl] .icon-bg,
html[dir=rtl] .hp-row.with-icons .icon-bg {
  float: right;
}
html[dir=rtl] .disputeBar .infoError {
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}
html[dir=rtl] .disputeBar .cross {
  float: left;
}
html[dir=rtl] .col-lg-24.no-padding.rtlBanner {
  background-position-x: 0px !important;
  display: flex;
}
html[dir=rtl] .hp-row ul.tabbedList {
  padding-right: 30px;
}
html[dir=rtl] .noSWDResFound p {
  direction: ltr;
  text-align: right;
}
html[dir=rtl] .swd-expanded .details,
html[dir=rtl] .modal-body .details {
  padding-left: 10px;
  padding-right: 0px;
}
html[dir=rtl] .download-table .table .sortable-row a.hpdiaButton.button.primary {
  float: left;
}
html[dir=rtl] .download-table .table a.multiPartClassDownload.button.primary {
  float: left;
}
html[dir=rtl] .download-table .panel-heading .count {
  unicode-bidi: bidi-override;
}
html[dir=rtl] a.button.button-sm.hpdiaButton.critical {
  float: left;
}
html[dir=rtl] a.button.button-sm.multiPartClassDownload.critical {
  float: left;
}
html[dir=rtl] .progress-bar-status {
  float: left;
}
html[dir=rtl] .pagination-container {
  float: left;
}
html[dir=rtl] #steps-bar .container .right {
  text-align: left;
  float: left;
  margin: 0;
}
html[dir=rtl] #steps-bar .container .right ul li i {
  font-size: 18px;
  position: relative;
  float: right;
  margin: 15px 0;
  top: 0;
  color: white;
}
html[dir=rtl] #steps-bar .container .right ul li span {
  float: left;
  padding-right: 5px;
  padding-top: 14px;
}
html[dir=rtl] #steps-bar .container .fl ul > li {
  margin-left: 0;
  position: relative;
}
html[dir=rtl] #steps-bar .container .fl ul li {
  float: right;
}
html[dir=rtl] #steps-bar .container .fl ul i {
  position: relative;
  float: right;
}
html[dir=rtl] #steps-bar .container .fl ul i.icon-rght {
  margin-right: 0;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
html[dir=rtl] #steps-bar .container .fl ul li span {
  margin-right: 5px;
  float: right;
}
html[dir=rtl] .instruction-panel a.icon:before {
  right: inherit;
  left: 15px;
}
html[dir=rtl] .instruction-panel .icon:before {
  margin-right: -40px;
}
html[dir=rtl] .modal-body .hp-row .icon-rght:before {
  content: '\e603';
}
html[dir=rtl] .activeOption {
  margin-left: 0px;
}
html[dir=rtl] #os-x-trigger {
  float: left;
  color: #767676;
}
html[dir=rtl] #Hpdia_OptInDialog .button-group.align-right,
html[dir=rtl] #Hpdia_InstallDialog .button-group.align-right,
html[dir=rtl] #Hpdia_DownloadDialog .button-group.align-right {
  text-align: left;
}
html[dir=rtl] #Hpdia_OptInDialog_BtnNext,
html[dir=rtl] #Hpdia_InstallDialog_BtnOK {
  float: left;
  margin-right: 10px;
}
html[dir=rtl] #osModalButtonGroup {
  text-align: left;
}
html[dir=rtl] #osNotNow {
  margin-left: 10px;
}
html[dir=rtl] .OSModalImage {
  text-align: left !important;
  text-align: -webkit-left !important;
}
html[dir=rtl] #logmeinsupport .form-group.col-lg-24 {
  float: none;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  html[dir=rtl] #logmeinsupport .form-group span.table-cell {
    padding-right: 0px;
    padding-left: 10px;
  }
}
html[dir=rtl] #logmeinsupport .form-group span.table-cell .form-input.small {
  margin-right: 0px;
  margin-left: 20px;
}
html[dir=rtl] #logmeinsupport .form-group span.table-cell input[type=submit] {
  float: none;
}
html[dir=rtl] #hp-product-id .image-header .header-title,
html[dir=rtl] #hp-product-id .image-header .header-image {
  float: right;
}
html[dir=rtl] .w-details p.key-value span.key {
  margin-left: 40px;
  margin-right: 0px;
}
html[dir=rtl] .support-options .icon-svg {
  float: right;
  margin-left: 10px;
  margin-right: auto;
}
html[dir=rtl] .contactHPagent a {
  float: left;
  margin-right: 5px;
}
html[dir=rtl] .align-right {
  text-align: left;
}
html[dir=rtl] input#btnWFormSubmit {
  float: left;
}
html[dir=rtl] .button-group.right {
  float: left;
}
html[dir=rtl] .gray-block.component .hp-row a:last-of-type:not(.button) {
  display: block;
  margin-top: 5px;
  clear: both;
}
html[dir=rtl] input#detectselfServiceBtn {
  float: right;
  display: block;
}
html[dir=rtl] .externalContent {
  padding-right: 5px;
  padding-left: 0px;
}
html[dir=rtl] #historicContainer #finalGridContainer {
  padding-left: 0px;
  padding-right: 10px;
}
html[dir=rtl] #contactmyHPAgent {
  float: right;
}
html[dir=rtl] #icContactHPAgent {
  float: left;
}
html[dir=rtl] #editInfo {
  display: inline-block;
  margin-right: 10px;
}
html[dir=rtl] .spinerPlacement {
  margin-left: auto;
  margin-right: 50%;
}
html[dir=rtl] #btnWDFormSubmit {
  float: left;
}
html[dir=rtl] .DMDNewLayout ul li {
  margin-right: 20px;
}
html[dir=rtl] #dmdRetryView ul li {
  margin-right: 20px;
}
html[dir=rtl] #swdRetry {
  float: left;
}
html[dir=rtl] .pull-right {
  float: left !important;
}
html[dir=rtl] ul.with-bullets {
  margin-left: 0px;
  margin-right: 40px;
}
html[dir=rtl] .panel .panel-title > a {
  position: relative;
  display: block;
  padding: 15px 15px 15px 55px;
  font-weight: bold;
  color: #000;
}
html[dir=rtl] .psf-link .icon-rght:before {
  content: "\e603 ";
}
html[dir=rtl] .psf-link .icon-lft:before {
  content: "\e604";
}
html[dir=rtl] #prodInfoWarrantyInfo {
  direction: rtl;
}
html[dir=rtl] #searchSNRProductSection #btnWFormSubmit {
  float: none;
}
@media (min-width: 801px) {
  html[dir=rtl] input#search-input {
    padding-right: 245px !important;
  }
}
html[dir=rtl] .rtlIcon {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 769px) {
  html[dir=rtl] #os-cancel {
    /*display: none;*/
    margin-right: 0px;
    margin-left: 30px;
  }
}
html[dir=rtl] #grayBlockParent .tooltipPad {
  padding-right: 0px !important;
  margin-top: 5px;
}
html[dir=rtl] .hp-Recommend .hpRecomends {
  border-left: 0px;
  padding-right: 5px;
  padding-left: 0px;
  border-right: 6px solid #0096d6;
}
html[dir=rtl] .driver-details .download-table .swdTable table tr.recommended {
  border-left: 0px;
  border-right: 8px solid #0096d6;
}
html[dir=rtl] .driver-details .download-table .swdTable table th:last-child {
  border-right: 1px solid #ccc;
}
html[dir=rtl] .driver-details .download-table .swdTable table td:last-child p {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  html[dir=rtl] .driver-details .download-table .swdTable table td:last-child p {
    text-align: left;
  }
}
html[dir=rtl] .pdpProdtTitle.marginForTitle {
  margin-right: 15px;
}
html[dir=rtl] .hpsaSection {
  /*background-image: url(http://dxlfb468n8ekd.cloudfront.net/gsc/8RF25R/66/53/ac/6653acb427e0471c9ee…mages/swd_2_-_6460v_notebook/u0.png?token=9ef74ee1149dbc4c47bc92267796d6fd);*/
  background-position: left;
}
html[dir=rtl] .padSerialProdVal {
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  html[dir=rtl] .brLocale {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  html[dir=rtl] .negMargin {
    margin-top: -20px !important;
  }
}
@media (max-width: 800px) {
  html[dir=rtl] #prodInfoWarrantyInfo > .key-value {
    text-align: right;
  }
}
/*RTL ends here*/
.pFinderCategory {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: -1px;
  padding: 0px;
}
.hp-expandable-wrapper .hp-expandable-section {
  display: none;
  overflow: hidden;
  padding-left: 15px;
}
.hp-expandable-wrapper .hp-expandable-section ul.list-wrapper {
  overflow: hidden;
}
.hp-expandable-wrapper .hp-expandable-section ul.list-wrapper li a:hover {
  text-decoration: underline;
}
.hp-expandable-wrapper .hp-expand-colapse {
  display: inline-block;
  position: relative;
  font-family: HPSimplified;
  font-weight: bold;
  width: 100%;
  padding: 15px 55px 15px 15px;
  color: #000;
  line-height: 2.1;
}
.hp-expandable-wrapper .hp-expand-colapse .linkText {
  display: inline-block;
  word-wrap: break-word;
  width: 80%;
}
.hp-expandable-wrapper .hp-expand-colapse .expandIcon {
  content: '';
  position: absolute;
  width: 26px;
  height: 26px;
  font-size: 10px;
  font-family: HPControlIcons;
  color: #767676;
  text-align: center;
  right: 15px;
  border: 1px solid #ccc;
}
.hp-expandable-wrapper .hp-expand-colapse .expandIcon:after {
  /*content modified as a down arrow was shown with \e601 - Himanshu*/
  content: '\e606';
  top: 1px;
  position: absolute;
  right: 6px;
}
.hp-expandable-wrapper .hp-expand-colapse:hover {
  color: #006699;
  background: whitesmoke;
}
.hp-expandable-wrapper .hp-expand-colapse:hover .expandIcon {
  color: #0096d6;
  border: 1px solid #000;
}
.hp-expandable-wrapper .hp-expand-colapse.opened .expandIcon:after {
  /*content modified as a dark square was shown with \e618 - Himanshu*/
  content: '\e605';
}
.hp-expandable-wrapper .hp-expand-colapse.opened:hover .expandIcon {
  color: #0096d6;
}
html[dir=rtl] .hp-expandable-wrapper {
  text-align: right;
  direction: ltr;
}
html[dir=rtl] .hp-expandable-wrapper .hp-expandable-section {
  padding-right: 15px;
}
html[dir=rtl] .hp-expand-colapse {
  padding: 15px 15px 15px 55px;
}
html[dir=rtl] .hp-expand-colapse .expandIcon {
  right: auto;
  left: 15px;
}
html[dir=rtl] .hp-expand-colapse .expandIcon:after {
  /*content modified as a down arrow was shown with \e601 - Himanshu*/
  content: '\e606';
  top: 1px;
  position: absolute;
  left: 6px;
  right: auto;
}
.search-bg .dropdown-menu.js-search-category .focus {
  background: #efefef;
}
.search-bg input.errorElement {
  border-color: #ccc !important;
}
.search-bg input.errorElement:focus {
  border-color: #0096D6 !important;
}
.search-bg .errorMessage {
  display: none;
  /* added to remove error message from one box search. */
  top: 1px;
  background: #fff;
  width: 90%;
  padding-top: 6px !important;
  height: 34px;
  left: 11px;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .search-bg .errorMessage {
    width: 65%;
    left: 245px;
    padding-top: 11px !important;
    height: 44px;
  }
}
.search-bg input#search-input {
  line-height: 20px;
}
.search-bg .predictive-results {
  display: block !important;
  /*3150 start: position typeahead result div on mobile view*/
  /*3150 end*/
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .search-bg .predictive-results {
    top: 35px;
    /*margin-left: 15px;*/
    /*margin-right: 60px;*/
  }
}
.search-bg .searching {
  top: 12px;
}
.search-bg .searching img {
  width: 72%;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #grayBlockParent .search-bg .predictive-results {
    top: 45px;
    margin-left: 15px;
    margin-right: 60px;
  }
}
.hp-section.hp-search {
  overflow: visible !important;
}
@media only screen and (max-width: 496px) {
  .notYourProdTrigger {
    display: inline-block;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .notYourProdTrigger {
    display: inline-block;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 496px) {
  .prodDisplayImg {
    margin: 0px auto 10px auto;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .prodDisplayImg {
    margin: 0px auto 10px auto;
  }
}
.hp-search.hp-section {
  margin: 0;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .hp-search.hp-section {
    background-color: transparent;
    padding: 0;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-search.hp-section {
    margin: 0 -18px 20px;
    padding: 20px 18px 15px;
  }
  .hp-search.hp-section .hp-row {
    margin: 0;
  }
}
.search-bar-form {
  position: relative;
}
.search-bg {
  position: relative;
  padding: 0;
}
.search-bg .dropdown {
  position: absolute;
  left: 0;
  height: 46px;
}
.search-bg .dropdown .button.primary:focus {
  background-color: #0096D6;
  text-decoration: none;
}
.search-bg .dropdown .button.primary:hover {
  text-decoration: none;
}
.search-bg .dropdown .dropdown-menu {
  left: 0;
  top: 45px;
}
.search-bg .dropdown .dropdown-menu a {
  font-size: 16px;
  line-height: 16px;
  color: #767676;
}
.search-bg .dropdown .dropdown-menu a:hover {
  color: #0096D6;
}
.search-bg .button.inline {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 0;
}
.search-bg #search-dropdown {
  display: none;
  left: 0;
  z-index: 10;
  width: auto !important;
  padding: 0px;
}
.search-bg #search-dropdown:hover {
  text-decoration: none;
  background-color: #0096d6;
  cursor: default;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .search-bg #search-dropdown {
    display: block;
  }
}
.search-bg #search-dropdown i {
  float: none !important;
  line-height: 46px;
}
.search-bg #search-dropdown {
  overflow: visible;
  position: relative;
  max-width: 330px;
  min-width: 230px;
  text-align: center;
}
.search-bg #search-dropdown .search-category {
  display: inline-block;
  min-width: 86%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.search-bg input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 0 60px 0 15px;
  height: 46px;
  line-height: 46px;
  -webkit-appearance: none;
  border-radius: 0;
}
.search-bg input:hover {
  border: 1px solid #aeaeae;
}
.search-bg input:focus {
  border-color: #0096D6;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .search-bg input {
    padding: 0 90px 0 245px;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .search-bg input {
    padding: 0 60px 0 15px !important;
  }
}
@media only screen and (max-width: 496px) {
  .search-bg input {
    padding: 0 60px 0 15px !important;
  }
}
.search-bg .searching {
  display: none !important;
  position: absolute;
  top: 10px;
  right: 75px;
  font-size: 12px;
  color: #0096D6;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .search-bg .searching {
    display: none !important;
  }
}
@media only screen and (max-width: 496px) {
  .search-bg .searching {
    display: none !important;
  }
}
.search-bg i.fa-circle-o-notch {
  font-size: 22px;
  width: 22px;
  height: 22px;
  line-height: 24px;
  vertical-align: middle;
  margin-left: 5px;
}
.search-bg i.fa-circle-o-notch.fa-spin {
  -webkit-animation: spin .5s infinite linear;
  animation: spin .5s infinite linear;
}
.search-bg span {
  vertical-align: middle;
}
#tooltipSearchExample {
  padding: 0;
  text-align: center;
  border: 0;
}
.search-on-bottom .search-bg {
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.search-on-bottom .search-bg #search-dropdown {
  left: 0;
}
.search-on-bottom .search-bg .button.inline {
  right: 0;
}
.search-on-bottom .search-bg .dropdown .dropdown-menu {
  left: 0;
}
.searchSerialNumberImg {
  width: 316px;
}
.search-bg .help-block {
  margin-top: -15px;
  font-size: 14px;
  color: #767676;
  padding: 0 !important;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .search-bg .help-block {
    font-size: 13px;
  }
}
.predictive-results {
  position: absolute;
  /*3539: change z-index from 10 to 11 to put it over Search all support button on Contact HP homepage*/
  z-index: 11;
  left: 0;
  right: 0;
  top: 43px;
  background-color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  border-bottom: 1px solid #aeaeae;
  display: none;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .predictive-results {
    top: 45px;
    left: 245px;
    right: 60px;
  }
}
.predictive-results li a {
  font-size: 14px;
  display: block;
  border-bottom: 1px solid #efefef;
  color: #767676;
  padding: 5px 15px;
}
.predictive-results li a strong {
  font-weight: bold;
  color: #575757;
}
.predictive-results li a:hover,
.predictive-results li a.hover {
  text-decoration: none;
  color: #0096D6;
  background-color: whiteSmoke;
  cursor: pointer;
}
.predictive-results li a:hover strong,
.predictive-results li a.hover strong {
  color: #006699;
}
.predictive-results li.results-title {
  padding: 5px 15px;
  font-size: 12px;
  color: #0096D6;
  text-transform: uppercase;
}
#grayBlockParent .predictive-results {
  /* defect 3145 typeahead width */
  width: 91.5%;
}
/* defect 3145 typeahead width */
@media (min-width: 497px) and (max-width: 801px) {
  #grayBlockParent .predictive-results {
    width: 94.5%;
  }
}
@media (max-width: 497px) {
  #grayBlockParent .predictive-results {
    width: 85%;
  }
}
/* defect 3145 end*/
span.regular-font {
  font-weight: normal;
}
.search-result a {
  font-size: 16px;
}
.search-result a:hover {
  text-decoration: underline;
  color: #006699;
}
.search-result a strong {
  font-weight: bold;
  color: #0096D6;
}
.search-result a strong:hover {
  color: #006699;
}
.search-error a {
  text-decoration: underline;
}
.search-feedback h4 {
  margin-bottom: 10px;
}
.search-feedback label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 5px 0;
}
.similar-results h3 {
  font-family: HPSimplified;
}
.similar-results ul {
  color: #0096D6;
}
.similar-results ul strong {
  color: #0096D6;
}
h4.best-search-header {
  color: #767676;
  font-family: HPSimplified;
}
h4.best-search-header strong {
  color: #767676;
}
/* Commented as new staging does not have it
.hp-search {
  &.hp-section {
    margin: 0 0 20px;
  }
}
*/
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .hp-header .container.hp-header-search #clear-search,
  .search-bg #clear-search {
    position: absolute;
    right: 54px;
    width: 25px;
    height: 25px;
    top: 5px;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    color: #767676;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .hp-header .container.hp-header-search #clear-search,
  .search-bg #clear-search {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 496px) {
  .hp-header .container.hp-header-search #clear-search,
  .search-bg #clear-search {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .hp-search.hp-section {
    display: block !important;
  }
}
.ie8 .search-bg #search-dropdown {
  width: auto !important;
  max-width: inherit !important;
}
.ie9 .search-bg #search-dropdown {
  width: auto !important;
}
.ie9 .search-bg #search-dropdown .search-category {
  float: left;
}
.filter-header {
  border-bottom: 1px solid #CCC;
}
.mobile-search-toggle-close {
  white-space: nowrap;
}
.resultsSearchIdol {
  word-wrap: break-word;
  white-space: pre;
}
/* ---------- Disclaimer bar --------- */
.disclaimerBarContainer {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
  background-color: #E8F5FB;
}
.disclaimerBarContainer div {
  padding: 10px 15px;
}
.disclaimerBarContainer div i {
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/newTab.png);
  display: inline-block;
  width: 20px;
  height: 15px;
}
/* ---------- Disclaimer bar --------- */
.warranty-error-search {
  font-weight: normal !important;
}
::placeholder {
  /*for firefox as part of CR 1195*/
  opacity: 1;
}
#clc-choose-country a,
#clc-choose-language a {
  color: #767676;
}
@media only screen and (max-width: 496px) {
  #clc-choose-country a,
  #clc-choose-language a {
    font-size: 16px;
  }
}
#clc-choose-country a:hover,
#clc-choose-language a:hover {
  color: #0096D6;
  text-decoration: none;
}
#clc-choose-country a.selected,
#clc-choose-language a.selected {
  color: #0096D6;
  font-family: HPSimplified;
  font-weight: bold;
}
#clc-choose-country .modal-body,
#clc-choose-language .modal-body {
  padding-bottom: 30px;
}
@media only screen and (max-width: 496px) {
  #clc-choose-country .modal-body,
  #clc-choose-language .modal-body {
    padding: 20px;
    max-height: none;
  }
}
@media only screen and (max-width: 496px) {
  #clc-choose-country .modal-footer .button[data-dismiss="modal"],
  #clc-choose-language .modal-footer .button[data-dismiss="modal"] {
    display: none;
  }
  #clc-choose-country .modal-footer .button.primary,
  #clc-choose-language .modal-footer .button.primary {
    width: 100%;
    margin: 0 auto;
  }
}
.country-group {
  word-wrap: break-word;
}
@media only screen and (max-width: 496px) {
  .country-group {
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
  }
  .country-group.first-group {
    margin-top: 0;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .country-group .country-options li {
    height: 40px;
    line-height: 40px;
  }
}
.country-group .country-options li a {
  display: block;
  color: #767676;
}
.country-group .country-options li a:hover {
  color: #0096D6;
}
#selected-country,
#selected-language {
  font-weight: bold;
}
#clc-modal #clc-choose-language {
  display: none;
}
#clc-modal #clc-choose-language .available-languages h3,
#clc-modal #clc-choose-language ul.language-options {
  text-align: center;
}
#clc-modal #clc-choose-language ul.language-options li {
  height: 32px;
  line-height: 32px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #clc-modal #clc-choose-language ul.language-options li {
    height: 40px;
    line-height: 40px;
  }
}
#clc-modal #clc-choose-language ul.language-options li a:hover,
#clc-modal #clc-choose-language ul.language-options li a.selected {
  color: #0096D6;
}
#clc-modal #clc-choose-language ul.language-options li a:hover .native,
#clc-modal #clc-choose-language ul.language-options li a.selected .native {
  color: #0096D6;
}
#clc-modal #clc-choose-language ul.language-options li .native {
  font-weight: bold;
  color: #373737;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #clc-back {
    display: none;
  }
}
.flag {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #fff;
  vertical-align: middle;
  margin-right: 5px;
}
.flag.flag-blank {
  background: #fff;
  width: 32px;
  height: 32px;
  background-position: -99px -529px;
}
.Afghanistan,
.Albania,
.Algeria,
.American-Samoa,
.Andorra,
.Angola,
.Anguilla,
.Antarctica,
.Antigua-Barbuda,
.Arab-League,
.Argentina,
.Armenia,
.Aruba,
.ASEAN,
.Australia,
.Austria,
.Azerbaijan,
.Bahamas,
.Bahrain,
.Bangladesh,
.Barbados,
.Belarus,
.Belgium,
.Belize,
.Benin,
.Bermuda,
.Bhutan,
.Bolivia,
.Bosnia-Herzegovina,
.Botswana,
.Brazil,
.Brunei,
.Bulgaria,
.Burkina-Faso,
.Burundi,
.Cambodja,
.Cameroon,
.Canada,
.Cape-Verde,
.CARICOM,
.Cayman-Islands,
.Central-African-Republic,
.Chad,
.Chile,
.China,
.CIS,
.Colombia,
.Commonwealth,
.Comoros,
.Congo-Brazzaville,
.Zaire,
.Cook-Islands,
.Costa-Rica,
.Cote-dIvoire,
.Croatia,
.Cuba,
.Cyprus,
.Czech-Republic,
.Denmark,
.Djibouti,
.Dominica,
.Dominican-Republic,
.Ecuador,
.Egypt,
.El-Salvador,
.England,
.Equatorial-Guinea,
.Eritrea,
.Estonia,
.Ethiopia,
.European-Union,
.Faroes,
.Fiji,
.Finland,
.France,
.Gabon,
.Gambia,
.Georgia,
.Germany,
.Ghana,
.Gibraltar,
.Greece,
.Greenland,
.Grenada,
.Guadeloupe,
.Guam,
.Guatemala,
.Guernsey,
.Guinea-Bissau,
.Guinea,
.Guyana,
.Haiti,
.Honduras,
.Hong-Kong,
.Hungary,
.Iceland,
.India,
.Indonesia,
.Iran,
.Iraq,
.Ireland,
.Islamic-Conference,
.Isle-of-Man,
.Israel,
.Italy,
.Jamaica,
.Japan,
.Jersey,
.Jordan,
.Kazakhstan,
.Kenya,
.Kiribati,
.Kosovo,
.Kuwait,
.Kyrgyzstan,
.Laos,
.Latvia,
.Lebanon,
.Lesotho,
.Liberia,
.Libya,
.Liechtenstein,
.Lithuania,
.Luxembourg,
.Macao,
.Macedonia,
.Madagascar,
.Malawi,
.Malaysia,
.Maldives,
.Mali,
.Malta,
.Marshall-Islands,
.Martinique,
.Mauritania,
.Mauritius,
.Mexico,
.Micronesia,
.Moldova,
.Monaco,
.Mongolia,
.Montenegro,
.Montserrat,
.Morocco,
.Mozambique,
.Burma,
.Namibia,
.NATO,
.Nauru,
.Nepal,
.Netherlands-Antilles,
.Netherlands,
.New-Caledonia,
.New-Zealand,
.Nicaragua,
.Niger,
.Nigeria,
.North-Korea,
.Northern-Cyprus,
.Northern-Ireland,
.Norway,
.Olimpic-Movement,
.Oman,
.OPEC,
.Pakistan,
.Palau,
.Palestine,
.Panama,
.Papua-New-Guinea,
.Paraguay,
.Peru,
.Philippines,
.Poland,
.Portugal,
.Puerto-Rico,
.Qatar,
.Red-Cross,
.Reunion,
.Romania,
.Russian-Federation,
.Rwanda,
.Saint-Lucia,
.Samoa,
.San-Marino,
.Sao-Tome-Principe,
.Saudi-Arabia,
.Scotland,
.Senegal,
.Serbia,
.Seychelles,
.Sierra-Leone,
.Singapore,
.Slovakia,
.Slovenia,
.Solomon-Islands,
.Somalia,
.Somaliland,
.South-Africa,
.Korea,
.Spain,
.Sri-Lanka,
.Sudan,
.Suriname,
.Swaziland,
.Sweden,
.Switzerland,
.Syria,
.Tahiti,
.Taiwan,
.Tajikistan,
.Tanzania,
.Thailand,
.Timor-Leste,
.Togo,
.Tonga,
.Trinidad-Tobago,
.Tunisia,
.Turkey,
.Turkmenistan,
.Tuvalu,
.Uganda,
.Ukraine,
.United-Arab-Emirates,
.United-Kingdom,
.United-Nations,
.United-States,
.Uruguay,
.Uzbekistan,
.Vanutau,
.Vatican-City,
.Venezuela,
.Vietnam,
.Yemen,
.Zambia,
.Zimbabwe {
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/sprite-country-flags.png) no-repeat;
}
.Afghanistan {
  background-position: -33px -528px;
  width: 32px;
  height: 32px;
}
.African-Union {
  background-position: -33px -264px;
  width: 32px;
  height: 32px;
}
.Albania {
  background-position: 0 -528px;
  width: 32px;
  height: 32px;
}
.Algeria {
  background-position: -462px -495px;
  width: 32px;
  height: 32px;
}
.American-Samoa {
  background-position: -429px -495px;
  width: 32px;
  height: 32px;
}
.Andorra {
  background-position: -396px -495px;
  width: 32px;
  height: 32px;
}
.Angola {
  background-position: -363px -495px;
  width: 32px;
  height: 32px;
}
.Anguilla {
  background-position: -330px -495px;
  width: 32px;
  height: 32px;
}
.Antarctica {
  background-position: -297px -495px;
  width: 32px;
  height: 32px;
}
.Antigua-Barbuda {
  background-position: -264px -495px;
  width: 32px;
  height: 32px;
}
.Arab-League {
  background-position: -231px -495px;
  width: 32px;
  height: 32px;
}
.Argentina {
  background-position: -198px -495px;
  width: 32px;
  height: 32px;
}
.Armenia {
  background-position: -165px -495px;
  width: 32px;
  height: 32px;
}
.Aruba {
  background-position: -132px -495px;
  width: 32px;
  height: 32px;
}
.ASEAN {
  background-position: -99px -495px;
  width: 32px;
  height: 32px;
}
.Australia {
  background-position: -66px -495px;
  width: 32px;
  height: 32px;
}
.Austria {
  background-position: -33px -495px;
  width: 32px;
  height: 32px;
}
.Azerbaijan {
  background-position: 0 -495px;
  width: 32px;
  height: 32px;
}
.Bahamas {
  background-position: -462px -462px;
  width: 32px;
  height: 32px;
}
.Bahrain {
  background-position: -429px -462px;
  width: 32px;
  height: 32px;
}
.Bangladesh {
  background-position: -396px -462px;
  width: 32px;
  height: 32px;
}
.Barbados {
  background-position: -363px -462px;
  width: 32px;
  height: 32px;
}
.Belarus {
  background-position: -330px -462px;
  width: 32px;
  height: 32px;
}
.Belgium {
  background-position: -297px -462px;
  width: 32px;
  height: 32px;
}
.Belize {
  background-position: -264px -462px;
  width: 32px;
  height: 32px;
}
.Benin {
  background-position: -231px -462px;
  width: 32px;
  height: 32px;
}
.Bermuda {
  background-position: -198px -462px;
  width: 32px;
  height: 32px;
}
.Bhutan {
  background-position: -165px -462px;
  width: 32px;
  height: 32px;
}
.Bolivia {
  background-position: -132px -462px;
  width: 32px;
  height: 32px;
}
.Bosnia-Herzegovina {
  background-position: -99px -462px;
  width: 32px;
  height: 32px;
}
.Botswana {
  background-position: -66px -462px;
  width: 32px;
  height: 32px;
}
.Brazil {
  background-position: -33px -462px;
  width: 32px;
  height: 32px;
}
.Brunei {
  background-position: 0 -462px;
  width: 32px;
  height: 32px;
}
.Bulgaria {
  background-position: -462px -429px;
  width: 32px;
  height: 32px;
}
.Burkina-Faso {
  background-position: -429px -429px;
  width: 32px;
  height: 32px;
}
.Burundi {
  background-position: -396px -429px;
  width: 32px;
  height: 32px;
}
.Cambodja {
  background-position: -363px -429px;
  width: 32px;
  height: 32px;
}
.Cameroon {
  background-position: -330px -429px;
  width: 32px;
  height: 32px;
}
.Canada {
  background-position: -297px -429px;
  width: 32px;
  height: 32px;
}
.Cape-Verde {
  background-position: -264px -429px;
  width: 32px;
  height: 32px;
}
.CARICOM {
  background-position: -231px -429px;
  width: 32px;
  height: 32px;
}
.Cayman-Islands {
  background-position: -198px -429px;
  width: 32px;
  height: 32px;
}
.Central-African-Republic {
  background-position: -165px -429px;
  width: 32px;
  height: 32px;
}
.Chad {
  background-position: -132px -429px;
  width: 32px;
  height: 32px;
}
.Chile {
  background-position: -99px -429px;
  width: 32px;
  height: 32px;
}
.China {
  background: #efefef;
}
.CIS {
  background-position: -33px -429px;
  width: 32px;
  height: 32px;
}
.Colombia {
  background-position: 0 -429px;
  width: 32px;
  height: 32px;
}
.Commonwealth {
  background-position: -462px -396px;
  width: 32px;
  height: 32px;
}
.Comoros {
  background-position: -429px -396px;
  width: 32px;
  height: 32px;
}
.Congo-Brazzaville {
  background-position: -396px -396px;
  width: 32px;
  height: 32px;
}
.Zaire {
  background-position: -363px -396px;
  width: 32px;
  height: 32px;
}
.Cook-Islands {
  background-position: -330px -396px;
  width: 32px;
  height: 32px;
}
.Costa-Rica {
  background-position: -297px -396px;
  width: 32px;
  height: 32px;
}
.Cote-d-Ivoire {
  background-position: -264px -396px;
  width: 32px;
  height: 32px;
}
.Croatia {
  background-position: -231px -396px;
  width: 32px;
  height: 32px;
}
.Cuba {
  background-position: -198px -396px;
  width: 32px;
  height: 32px;
}
.Cyprus {
  background-position: -165px -396px;
  width: 32px;
  height: 32px;
}
.Czech-Republic {
  background-position: -132px -396px;
  width: 32px;
  height: 32px;
}
.Denmark {
  background-position: -99px -396px;
  width: 32px;
  height: 32px;
}
.Djibouti {
  background-position: -66px -396px;
  width: 32px;
  height: 32px;
}
.Dominica {
  background-position: -33px -396px;
  width: 32px;
  height: 32px;
}
.Dominican-Republic {
  background-position: 0 -396px;
  width: 32px;
  height: 32px;
}
.Ecuador {
  background-position: -462px -363px;
  width: 32px;
  height: 32px;
}
.Egypt {
  background-position: -429px -363px;
  width: 32px;
  height: 32px;
}
.El-Salvador {
  background-position: -396px -363px;
  width: 32px;
  height: 32px;
}
.England {
  background-position: -363px -363px;
  width: 32px;
  height: 32px;
}
.Equatorial-Guinea {
  background-position: -330px -363px;
  width: 32px;
  height: 32px;
}
.Eritrea {
  background-position: -297px -363px;
  width: 32px;
  height: 32px;
}
.Estonia {
  background-position: -264px -363px;
  width: 32px;
  height: 32px;
}
.Ethiopia {
  background-position: -231px -363px;
  width: 32px;
  height: 32px;
}
.European-Union {
  background-position: -198px -363px;
  width: 32px;
  height: 32px;
}
.Faroes {
  background-position: -165px -363px;
  width: 32px;
  height: 32px;
}
.Fiji {
  background-position: -132px -363px;
  width: 32px;
  height: 32px;
}
.Finland {
  background-position: -99px -363px;
  width: 32px;
  height: 32px;
}
.France {
  background-position: -66px -363px;
  width: 32px;
  height: 32px;
}
.Gabon {
  background-position: -33px -363px;
  width: 32px;
  height: 32px;
}
.Gambia {
  background-position: 0 -363px;
  width: 32px;
  height: 32px;
}
.Georgia {
  background-position: -462px -330px;
  width: 32px;
  height: 32px;
}
.Germany {
  background-position: -429px -330px;
  width: 32px;
  height: 32px;
}
.Ghana {
  background-position: -396px -330px;
  width: 32px;
  height: 32px;
}
.Gibraltar {
  background-position: -363px -330px;
  width: 32px;
  height: 32px;
}
.Greece {
  background-position: -330px -330px;
  width: 32px;
  height: 32px;
}
.Greenland {
  background-position: -297px -330px;
  width: 32px;
  height: 32px;
}
.Grenada {
  background-position: -264px -330px;
  width: 32px;
  height: 32px;
}
.Guadeloupe {
  background-position: -231px -330px;
  width: 32px;
  height: 32px;
}
.Guam {
  background-position: -198px -330px;
  width: 32px;
  height: 32px;
}
.Guatemala {
  background-position: -165px -330px;
  width: 32px;
  height: 32px;
}
.Guernsey {
  background-position: -132px -330px;
  width: 32px;
  height: 32px;
}
.Guinea-Bissau {
  background-position: -99px -330px;
  width: 32px;
  height: 32px;
}
.Guinea {
  background-position: -66px -330px;
  width: 32px;
  height: 32px;
}
.Guyana {
  background-position: -33px -330px;
  width: 32px;
  height: 32px;
}
.Haiti {
  background-position: 0 -330px;
  width: 32px;
  height: 32px;
}
.Honduras {
  background-position: -462px -297px;
  width: 32px;
  height: 32px;
}
.Hong-Kong {
  background: #efefef;
}
.Hungary {
  background-position: -396px -297px;
  width: 32px;
  height: 32px;
}
.Iceland {
  background-position: -363px -297px;
  width: 32px;
  height: 32px;
}
.India {
  background-position: -330px -297px;
  width: 32px;
  height: 32px;
}
.Indonesia {
  background-position: -297px -297px;
  width: 32px;
  height: 32px;
}
.Iran {
  background-position: -264px -297px;
  width: 32px;
  height: 32px;
}
.Iraq {
  background-position: -231px -297px;
  width: 32px;
  height: 32px;
}
.Ireland {
  background-position: -198px -297px;
  width: 32px;
  height: 32px;
}
.Islamic-Conference {
  background-position: -165px -297px;
  width: 32px;
  height: 32px;
}
.Israel {
  background-position: -99px -297px;
  width: 32px;
  height: 32px;
}
.Italy {
  background-position: -66px -297px;
  width: 32px;
  height: 32px;
}
.Jamaica {
  background-position: -33px -297px;
  width: 32px;
  height: 32px;
}
.Japan {
  background-position: 0 -297px;
  width: 32px;
  height: 32px;
}
.Jersey {
  background-position: -462px -264px;
  width: 32px;
  height: 32px;
}
.Jordan {
  background-position: -429px -264px;
  width: 32px;
  height: 32px;
}
.Kazakhstan {
  background-position: -396px -264px;
  width: 32px;
  height: 32px;
}
.Kenya {
  background-position: -363px -264px;
  width: 32px;
  height: 32px;
}
.Kiribati {
  background-position: -330px -264px;
  width: 32px;
  height: 32px;
}
.Kosovo {
  background-position: -297px -264px;
  width: 32px;
  height: 32px;
}
.Kuwait {
  background-position: -264px -264px;
  width: 32px;
  height: 32px;
}
.Kyrgyzstan {
  background-position: -231px -264px;
  width: 32px;
  height: 32px;
}
.Laos {
  background-position: -198px -264px;
  width: 32px;
  height: 32px;
}
.Latvia {
  background-position: -165px -264px;
  width: 32px;
  height: 32px;
}
.Lebanon {
  background-position: -132px -264px;
  width: 32px;
  height: 32px;
}
.Lesotho {
  background-position: -99px -264px;
  width: 32px;
  height: 32px;
}
.Liberia {
  background-position: -66px -264px;
  width: 32px;
  height: 32px;
}
.Libya {
  background-position: -66px -528px;
  width: 32px;
  height: 32px;
}
.Liechtenstein {
  background-position: 0 -264px;
  width: 32px;
  height: 32px;
}
.Lithuania {
  background-position: -462px -231px;
  width: 32px;
  height: 32px;
}
.Luxembourg {
  background-position: -429px -231px;
  width: 32px;
  height: 32px;
}
.Macao {
  background-position: -396px -231px;
  width: 32px;
  height: 32px;
}
.Macedonia {
  background-position: -363px -231px;
  width: 32px;
  height: 32px;
}
.Madagascar {
  background-position: -330px -231px;
  width: 32px;
  height: 32px;
}
.Malawi {
  background-position: -297px -231px;
  width: 32px;
  height: 32px;
}
.Malaysia {
  background-position: -264px -231px;
  width: 32px;
  height: 32px;
}
.Maldives {
  background-position: -231px -231px;
  width: 32px;
  height: 32px;
}
.Mali {
  background-position: -198px -231px;
  width: 32px;
  height: 32px;
}
.Malta {
  background-position: -165px -231px;
  width: 32px;
  height: 32px;
}
.Marshall-Islands {
  background-position: -132px -231px;
  width: 32px;
  height: 32px;
}
.Martinique {
  background-position: -99px -231px;
  width: 32px;
  height: 32px;
}
.Mauritania {
  background-position: -66px -231px;
  width: 32px;
  height: 32px;
}
.Mauritius {
  background-position: -33px -231px;
  width: 32px;
  height: 32px;
}
.Mexico {
  background-position: 0 -231px;
  width: 32px;
  height: 32px;
}
.Micronesia {
  background-position: -462px -198px;
  width: 32px;
  height: 32px;
}
.Moldova {
  background-position: -429px -198px;
  width: 32px;
  height: 32px;
}
.Monaco {
  background-position: -396px -198px;
  width: 32px;
  height: 32px;
}
.Mongolia {
  background-position: -363px -198px;
  width: 32px;
  height: 32px;
}
.Montenegro {
  background-position: -330px -198px;
  width: 32px;
  height: 32px;
}
.Montserrat {
  background-position: -297px -198px;
  width: 32px;
  height: 32px;
}
.Morocco {
  background-position: -264px -198px;
  width: 32px;
  height: 32px;
}
.Mozambique {
  background-position: -231px -198px;
  width: 32px;
  height: 32px;
}
.Burma {
  background-position: -198px -198px;
  width: 32px;
  height: 32px;
}
.Namibia {
  background-position: -165px -198px;
  width: 32px;
  height: 32px;
}
.NATO {
  background-position: -132px -198px;
  width: 32px;
  height: 32px;
}
.Nauru {
  background-position: -99px -198px;
  width: 32px;
  height: 32px;
}
.Nepal {
  background-position: -66px -198px;
  width: 32px;
  height: 32px;
}
.Netherlands-Antilles {
  background-position: -33px -198px;
  width: 32px;
  height: 32px;
}
.Netherlands {
  background-position: 0 -198px;
  width: 32px;
  height: 32px;
}
.New-Caledonia {
  background-position: -462px -165px;
  width: 32px;
  height: 32px;
}
.New-Zealand {
  background-position: -429px -165px;
  width: 32px;
  height: 32px;
}
.Nicaragua {
  background-position: -396px -165px;
  width: 32px;
  height: 32px;
}
.Niger {
  background-position: -363px -165px;
  width: 32px;
  height: 32px;
}
.Nigeria {
  background-position: -330px -165px;
  width: 32px;
  height: 32px;
}
.North-Korea {
  background-position: -297px -165px;
  width: 32px;
  height: 32px;
}
.Northern-Cyprus {
  background-position: -264px -165px;
  width: 32px;
  height: 32px;
}
.Northern-Ireland {
  background-position: -231px -165px;
  width: 32px;
  height: 32px;
}
.Norway {
  background-position: -198px -165px;
  width: 32px;
  height: 32px;
}
.Olimpic-Movement {
  background-position: -165px -165px;
  width: 32px;
  height: 32px;
}
.Oman {
  background-position: -132px -165px;
  width: 32px;
  height: 32px;
}
.OPEC {
  background-position: -99px -165px;
  width: 32px;
  height: 32px;
}
.Pakistan {
  background-position: -66px -165px;
  width: 32px;
  height: 32px;
}
.Palau {
  background-position: -33px -165px;
  width: 32px;
  height: 32px;
}
.Palestine {
  background-position: 0 -165px;
  width: 32px;
  height: 32px;
}
.Panama {
  background-position: -462px -132px;
  width: 32px;
  height: 32px;
}
.Papua-New-Guinea {
  background-position: -429px -132px;
  width: 32px;
  height: 32px;
}
.Paraguay {
  background-position: -396px -132px;
  width: 32px;
  height: 32px;
}
.Peru {
  background-position: -363px -132px;
  width: 32px;
  height: 32px;
}
.Philippines {
  background-position: -330px -132px;
  width: 32px;
  height: 32px;
}
.Poland {
  background-position: -297px -132px;
  width: 32px;
  height: 32px;
}
.Portugal {
  background-position: -264px -132px;
  width: 32px;
  height: 32px;
}
.Puerto-Rico {
  background-position: -231px -132px;
  width: 32px;
  height: 32px;
}
.Qatar {
  background-position: -198px -132px;
  width: 32px;
  height: 32px;
}
.Red-Cross {
  background-position: -165px -132px;
  width: 32px;
  height: 32px;
}
.Reunion {
  background-position: -132px -132px;
  width: 32px;
  height: 32px;
}
.Romania {
  background-position: -99px -132px;
  width: 32px;
  height: 32px;
}
.Russian-Federation {
  background-position: -66px -132px;
  width: 32px;
  height: 32px;
}
.Rwanda {
  background-position: -33px -132px;
  width: 32px;
  height: 32px;
}
.Saint-Lucia {
  background-position: 0 -132px;
  width: 32px;
  height: 32px;
}
.Samoa {
  background-position: -462px -99px;
  width: 32px;
  height: 32px;
}
.San-Marino {
  background-position: -429px -99px;
  width: 32px;
  height: 32px;
}
.Sao-Tome-Principe {
  background-position: -396px -99px;
  width: 32px;
  height: 32px;
}
.Saudi-Arabia {
  background-position: -363px -99px;
  width: 32px;
  height: 32px;
}
.Scotland {
  background-position: -330px -99px;
  width: 32px;
  height: 32px;
}
.Senegal {
  background-position: -297px -99px;
  width: 32px;
  height: 32px;
}
.Serbia {
  background-position: -264px -99px;
  width: 32px;
  height: 32px;
}
.Seychelles {
  background-position: -231px -99px;
  width: 32px;
  height: 32px;
}
.Sierra-Leone {
  background-position: -198px -99px;
  width: 32px;
  height: 32px;
}
.Singapore {
  background-position: -165px -99px;
  width: 32px;
  height: 32px;
}
.Slovakia {
  background-position: -132px -99px;
  width: 32px;
  height: 32px;
}
.Slovenia {
  background-position: -99px -99px;
  width: 32px;
  height: 32px;
}
.Solomon-Islands {
  background-position: -66px -99px;
  width: 32px;
  height: 32px;
}
.Somalia {
  background-position: -33px -99px;
  width: 32px;
  height: 32px;
}
.Somaliland {
  background-position: 0 -99px;
  width: 32px;
  height: 32px;
}
.South-Africa {
  background-position: -462px -66px;
  width: 32px;
  height: 32px;
}
.Korea {
  background-position: -429px -66px;
  width: 32px;
  height: 32px;
}
.Spain {
  background-position: -396px -66px;
  width: 32px;
  height: 32px;
}
.Sri-Lanka {
  background-position: -363px -66px;
  width: 32px;
  height: 32px;
}
.Sudan {
  background-position: -264px -66px;
  width: 32px;
  height: 32px;
}
.Suriname {
  background-position: -231px -66px;
  width: 32px;
  height: 32px;
}
.Swaziland {
  background-position: -198px -66px;
  width: 32px;
  height: 32px;
}
.Sweden {
  background-position: -165px -66px;
  width: 32px;
  height: 32px;
}
.Switzerland {
  background-position: -132px -66px;
  width: 32px;
  height: 32px;
}
.Syria {
  background-position: -99px -66px;
  width: 32px;
  height: 32px;
}
.Tahiti {
  background-position: -66px -66px;
  width: 32px;
  height: 32px;
}
.Taiwan {
  background: #efefef;
}
.Tajikistan {
  background-position: 0 -66px;
  width: 32px;
  height: 32px;
}
.Tanzania {
  background-position: -462px -33px;
  width: 32px;
  height: 32px;
}
.Thailand {
  background-position: -429px -33px;
  width: 32px;
  height: 32px;
}
.Timor-Leste {
  background-position: -396px -33px;
  width: 32px;
  height: 32px;
}
.Togo {
  background-position: -363px -33px;
  width: 32px;
  height: 32px;
}
.Tonga {
  background-position: -330px -33px;
  width: 32px;
  height: 32px;
}
.Trinidad-Tobago {
  background-position: -297px -33px;
  width: 32px;
  height: 32px;
}
.Tunisia {
  background-position: -264px -33px;
  width: 32px;
  height: 32px;
}
.Turkey {
  background-position: -231px -33px;
  width: 32px;
  height: 32px;
}
.Turkmenistan {
  background-position: -198px -33px;
  width: 32px;
  height: 32px;
}
.Tuvalu {
  background-position: -132px -33px;
  width: 32px;
  height: 32px;
}
.Uganda {
  background-position: -99px -33px;
  width: 32px;
  height: 32px;
}
.Ukraine {
  background-position: -66px -33px;
  width: 32px;
  height: 32px;
}
.United-Arab-Emirates {
  background-position: -33px -33px;
  width: 32px;
  height: 32px;
}
.United-Kingdom {
  background-position: 0 -33px;
  width: 32px;
  height: 32px;
}
.United-Nations {
  background-position: -462px 0;
  width: 32px;
  height: 32px;
}
.United-States {
  background-position: -429px 0;
  width: 32px;
  height: 32px;
}
.Uruguay {
  background-position: -396px 0;
  width: 32px;
  height: 32px;
}
.Uzbekistan {
  background-position: -363px 0;
  width: 32px;
  height: 32px;
}
.Vanutau {
  background-position: -330px 0;
  width: 32px;
  height: 32px;
}
.Vatican-City {
  background-position: -297px 0;
  width: 32px;
  height: 32px;
}
.Venezuela {
  background-position: -264px 0;
  width: 32px;
  height: 32px;
}
.Vietnam {
  background-position: -231px 0;
  width: 32px;
  height: 32px;
}
.Virgin-Islands-US {
  background-position: -165px 0;
  width: 32px;
  height: 32px;
}
.Wales {
  background-position: -132px 0;
  width: 32px;
  height: 32px;
}
.Western-Sahara {
  background-position: -99px 0;
  width: 32px;
  height: 32px;
}
.Yemen {
  background-position: -66px 0;
  width: 32px;
  height: 32px;
}
.Zambia {
  background-position: -33px 0;
  width: 32px;
  height: 32px;
}
.Zimbabwe {
  background-position: 0 0;
  width: 32px;
  height: 32px;
}
.clcSection .languageSelector {
  margin-left: 20px;
}
.imgFlag {
  width: 16px;
  height: 11px;
}
.clcSection button.PopupActivator {
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/icons.png) -281px -352px no-repeat transparent;
  border: 0px !important;
  box-shadow: none !important;
  height: 6px;
  width: 17px;
  margin-left: 3px;
  display: inline-table;
  vertical-align: middle;
}
.clcSection .active button.PopupActivator {
  background-position: -305px -359px;
}
div#dvCountrySelector * {
  cursor: pointer;
  display: inline;
}
div#dvLocatorSelector * {
  cursor: pointer;
}
#lblClcCountryHeader,
#lblClcLocaleHeader {
  color: #aeaeae;
}
body.ie.ie9 .customDropDownBox ul {
  width: 17.65em;
}
body.ie.ie11 #productHome .product-grid-category img {
  position: absolute !important;
  top: 66px !important;
  max-height: 65% !important;
  right: 0 !important;
  margin: auto !important;
  width: auto !important;
}
/*start video common styles*/
.videoitem {
  display: inline-block;
  position: relative;
}
.videoitem p {
  font-size: 14px;
  line-height: 18px;
}
.video-title {
  display: block;
  margin-top: 5px;
  color: #767676;
}
.video-header {
  display: block;
  margin-top: 20px;
  color: #000;
  font-weight: bold;
}
.videoitem .video-time {
  margin: 0;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
  background-color: #000000;
  opacity: 0.9;
  padding: 4px 8px;
}
.video-thumbnail {
  position: relative;
}
.play {
  position: absolute;
  text-indent: -9999px;
  display: block;
  background: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/play-icon.png) no-repeat;
}
.video-thumbnail img {
  border: 1px solid #cccccc;
  overflow: hidden;
}
.video-time span {
  display: inline-block;
}
.video-meta {
  color: #767676;
}
/*end video common styles*/
/*start video_mini*/
.video_mini .play {
  height: 18px;
  width: 24px;
  left: 19px;
  top: 12px;
}
.video_mini .video-title,
.video_mini .video-meta {
  margin-left: 73px;
}
.video_mini .video-thumbnail {
  float: left;
}
.video_mini .video-thumbnail img {
  width: 61px;
  height: 42px;
}
/*end video_mini*/
/*start video small*/
.video_small .play {
  height: 18px;
  width: 24px;
  top: 20px;
  left: 38px;
}
.video_small .video-thumbnail {
  float: left;
}
.video_small .video-title {
  margin-left: 111px;
}
.video_small .video-time {
  font-size: 11px;
  line-height: 16px;
  padding: 1px 4px;
}
.video_small .video-thumbnail img {
  width: 101px;
  height: 56px;
}
/*end video small*/
/*start video_medium*/
.video_medium .play {
  background-position: 0 -38px;
  height: 36px;
  width: 48px;
  left: 105px;
  top: 48px;
}
.video_medium .video-thumbnail {
  width: 228px;
  height: 132px;
}
.video_medium .video-thumbnail img {
  width: 226px;
  height: 130px;
}
/* end video_medium*/
/*start video_re_medium*/
.video_re_medium .play {
  background-position: 0 -38px;
  height: 36px;
  width: 48px;
  top: 41px;
  left: 66px;
}
.video_re_medium .video-thumbnail {
  width: 180px;
  height: 120px;
}
.video_re_medium .video-thumbnail img {
  width: 178px;
  height: 118px;
}
/* end video_re_medium*/
/*start video_large*/
.video_large .play {
  background-position: 0 -38px;
  height: 36px;
  width: 48px;
  left: 123px;
  top: 66px;
}
.video_large .video-thumbnail {
  width: 295px;
  height: 168px;
}
.video_large .video-thumbnail img {
  width: 293px;
  height: 166px;
}
/*end video_large*/
/*start video_xlarge*/
.play {
  background-position: 0 -38px;
  height: 36px;
  width: 48px;
  left: 108px;
  top: 73px;
  z-index: inherit;
}
/*end video_large*/
/*start video_x_large*/
.video_x_large .play {
  background-position: 0 -93px;
  height: 55px;
  width: 80px;
  left: 280px;
  right: auto;
  top: 153px;
}
.video_x_large .video-thumbnail {
  width: 640px;
  height: 360px;
}
.video_x_large .video-thumbnail img {
  width: 638px;
  height: 358px;
}
.video_x_large .video-title {
  margin-top: 5px;
  color: #000;
}
.video_x_large .video-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  border: 1px solid #ccc;
}
/*end video_x_large*/
/*start preloader styles*/
.cs_spooler {
  position: absolute;
  top: 0;
  left: 0;
}
.cs_spooler div {
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
  width: 60px;
}
/*end preloader styles*/
/* start common*/
.videoitem .video_title_bottom {
  clear: both;
  margin-top: 0;
  margin-left: 0;
  padding-top: 5px;
}
/* end common*/
#drilldownLoadingDiv {
  width: 50px;
  margin: 10px auto;
}
#productGrid .hp-row {
  margin-top: 0px;
}
.pDrill {
  margin-top: 40px;
}
.pDrill h2 {
  width: 50%;
  margin-bottom: 15px;
}
.pcp .panel {
  padding: 0;
}
.pcp .panel .elem:focus {
  outline: 1px dotted;
}
.pcp .panel .elem:focus div {
  outline: 1px dotted;
}
.pcp .panel h5.panel-title {
  margin: 0;
}
.pcp .panel .panel-title > a {
  display: block;
  padding: 15px 50px 15px 40px;
}
.pcp .panel .panel-title > a:hover {
  background-color: #f2f2f2;
}
.pcp .panel .panel-title > a a span {
  margin-right: 10px;
}
.pcp .panel .panel-title > a span {
  float: left;
}
.pcp .panel .panel-title > a .badge {
  font-weight: bold;
  padding: 0;
  margin-left: -30px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .pcp .panel .panel-title > a .badge {
    margin-left: -40px;
    margin-top: 5px;
  }
}
.pcp .panel .panel-title > a .panel-label {
  position: relative;
  margin: 0;
  margin-top: 5px;
  margin-right: 5px;
}
@media only screen and (max-width: 496px) {
  .pcp .panel .panel-title > a .panel-label {
    display: block;
  }
}
.pcp .panel .panel-title > a:before,
.pcp .panel .panel-title > a:after {
  right: 20px;
  left: auto;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .pcp .panel .panel-title > a:hover {
    background-color: transparent;
  }
  .pcp .panel .panel-title > a:before,
  .pcp .panel .panel-title > a:after {
    right: 0;
  }
  .pcp .panel .panel-title > a:after {
    top: 22px;
  }
  .pcp .panel .panel-title > a:before {
    top: 20px;
  }
}
.pcp .panel .panel-body {
  padding: 0 20px 20px 20px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .pcp .panel .panel-body {
    padding: 20px 0;
  }
}
.pcp .panel .panel-body a {
  color: #767676;
}
.pcp .panel .panel-body a:hover {
  color: #0096D6;
  text-decoration: underline;
}
.pcp .panel .panel-body a.show-more {
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 10px 0;
  color: #0096D6;
  background-color: whiteSmoke;
}
.pcp .panel .panel-body a.show-more:hover {
  background-color: #efefef;
}
.pcp .panel .panel-body.product-finder-list-view {
  padding-left: 53px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .pcp .panel .panel-body.product-finder-list-view {
    padding: 0 40px 20px;
  }
}
ul.product-finder-list.with-images {
  margin: 0 auto;
}
ul.product-finder-list.with-images li {
  display: inline-block;
  float: left;
  width: 12%;
  text-align: center;
  margin: 0 20px;
  line-height: 18px;
  height: 200px;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  ul.product-finder-list.with-images li {
    width: 20%;
    margin: 0 15px;
    height: 175px;
  }
}
@media only screen and (max-width: 496px) {
  ul.product-finder-list.with-images li {
    width: 40%;
    margin: 0 5%;
    height: 170px;
  }
}
ul.product-finder-list.with-images li span.elem {
  font-size: 14px;
  display: inline;
  cursor: pointer;
}
ul.product-finder-list.with-images li span.selectedElement span {
  color: #0096d6;
  font-weight: bold;
}
ul.product-finder-list.with-images li .product-inner {
  height: 80%;
  position: relative;
}
ul.product-finder-list.with-images li img {
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  left: 0;
  margin: auto;
}
ul.product-finder-list.with-images li img,
ul.product-finder-list.with-images li span {
  display: block;
}
ul.product-finder-list.with-images li span {
  line-height: 16px;
}
ul.product-finder-list {
  margin: 0;
}
ul.product-finder-list li {
  padding: 5px 0;
  font-size: 14px;
}
ul.product-finder-list li span.selectedElement span {
  color: #0096d6;
  font-weight: bold;
}
ul.product-finder-list li:hover {
  cursor: pointer;
}
.pcp .panel .panel-title.step-complete > a {
  font-family: HPSimplified;
  font-weight: normal;
  position: relative;
}
.pcp .panel .panel-title.step-complete > a .panel-label {
  color: #767676;
}
.pcp .panel .panel-title.step-complete > a .selected-product {
  font-weight: bold;
  color: #0096D6;
  margin-top: 5px;
}
@media only screen and (max-width: 496px) {
  .pcp .panel .panel-title.step-complete > a .selected-product {
    display: block;
  }
}
ul.product-grid-view {
  margin: 0;
}
ul.product-list-view li {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  text-align: left;
  clear: both;
  line-height: 10px;
}
ul.product-list-view li:nth-child(odd) a {
  background-color: #f2f2f2;
}
ul.product-list-view li a {
  color: #767676 !important;
  background: #fff;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid #efefef;
}
ul.product-list-view li a:hover {
  color: #fff !important;
  background: #0096D6;
}
ul.product-list-view li a:hover .view-series {
  display: block;
}
ul.product-list-view li a span {
  float: left;
}
ul.product-list-view li a img {
  display: none;
}
ul.product-list-view li a .view-series {
  display: none;
  float: right;
  text-align: right;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  ul.product-list-view li a {
    padding: 0;
  }
  ul.product-list-view li a:hover {
    color: #0096D6 !important;
    background-color: #fff;
  }
  ul.product-list-view li a:hover .view-series {
    display: none;
  }
}
ul.product-grid-view li {
  display: inline-block;
  float: left;
  width: 18.4%;
  margin: 0 2% 20px 0;
  text-align: center;
  line-height: 18px;
  height: 205px;
}
ul.product-grid-view li .product-inner {
  position: relative;
  height: 60%;
}
@media only screen and (max-width: 496px) {
  ul.product-grid-view li .product-inner {
    height: 50%;
  }
}
ul.product-grid-view li .product-inner-bot {
  height: 40%;
  position: relative;
  margin-top: 5px;
}
@media only screen and (max-width: 496px) {
  ul.product-grid-view li .product-inner-bot {
    height: 50%;
  }
}
ul.product-grid-view li:nth-child(5n) {
  margin-right: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  ul.product-grid-view li {
    width: 31%;
    margin: 0 3.5% 20px 0;
  }
  ul.product-grid-view li:nth-child(5n) {
    margin-right: 3.5%;
  }
  ul.product-grid-view li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 496px) {
  ul.product-grid-view li {
    width: 47.5%;
    margin: 10px 5% 10px 0;
  }
  ul.product-grid-view li:nth-child(5n) {
    margin-right: 5%;
  }
  ul.product-grid-view li:nth-child(3n) {
    margin-right: 5%;
  }
  ul.product-grid-view li:nth-child(2n) {
    margin-right: 0;
  }
}
ul.product-grid-view li a {
  position: relative;
  background: #fff;
  display: block;
  color: #767676 !important;
  font-size: 14px;
  height: 200px;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 496px) {
  ul.product-grid-view li a {
    min-height: 200px;
  }
}
ul.product-grid-view li a img,
ul.product-grid-view li a span {
  display: block;
  padding: 0 20px;
}
@media only screen and (max-width: 496px) {
  ul.product-grid-view li a img,
  ul.product-grid-view li a span {
    padding: 0;
  }
}
ul.product-grid-view li a img {
  margin: 10px 0 5px 0;
  position: absolute;
  margin: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
}
@media only screen and (max-width: 496px) {
  ul.product-grid-view li a img {
    padding: 0;
  }
}
ul.product-grid-view li a span {
  padding: 0 5px;
  line-height: 1;
  font-size: 13px;
}
@media only screen and (max-width: 496px) {
  ul.product-grid-view li a span {
    padding: 0;
  }
}
ul.product-grid-view li a .view-series {
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background-color: #0096D6;
  font-weight: bold;
  position: absolute;
  bottom: 5px;
  left: 10px;
  right: 10px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (min-width: 801px), print and (min-width: 4in) {
  ul.product-grid-view li a .view-series {
    left: 0;
    right: 0;
    width: 100%;
  }
}
ul.product-grid-view li a:hover {
  border-color: #0096D6;
  border-bottom-color: #006699;
  color: #0096D6 !important;
  text-decoration: none;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
ul.product-grid-view li a:hover .view-series {
  background-color: #006699;
}
@media only screen and (max-width: 496px) {
  ul.product-grid-view li a {
    border: 0;
    padding: 10px;
  }
  ul.product-grid-view li a:hover {
    border: 0;
    -webkit-box-shadow: none;
  }
}
.product-finder-results .hp-row {
  margin-right: 0px;
  margin-left: 0px;
}
.more-products li {
  padding-left: 0px;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .more-prod-row {
    padding-right: 5px;
  }
}
html[dir=rtl] .pcp .panel .panel-title > a {
  padding: 15px 40px 15px 50px;
}
html[dir=rtl] .pcp .panel .panel-title > a a span {
  margin-left: 10px;
}
html[dir=rtl] .pcp .panel .panel-title > a span {
  float: right;
}
html[dir=rtl] .pcp .panel .panel-title > a .badge {
  margin-right: -30px;
  margin-left: 10px;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  html[dir=rtl] .pcp .panel .panel-title > a .badge {
    margin-right: -40px;
    margin-top: 20px;
  }
}
html[dir=rtl] .pcp .panel .panel-title > a:before,
html[dir=rtl] .pcp .panel .panel-title > a:after {
  right: auto;
  left: 20px;
}
html[dir=rtl] .pcp .panel .panel-body.product-finder-list-view {
  padding-right: 53px;
}
html[dir=rtl] ul.product-finder-list.with-images li {
  float: right;
}
html[dir=rtl] ul.product-list-view li {
  text-align: right;
}
html[dir=rtl] ul.product-list-view li a span {
  float: right;
}
html[dir=rtl] ul.product-list-view li a .view-series {
  float: left;
  text-align: left;
}
html[dir=rtl] ul.product-grid-view li {
  float: right;
  margin: 0 0 20px 2%;
}
html[dir=rtl] ul.product-grid-view li:nth-child(5n) {
  margin-left: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  html[dir=rtl] ul.product-grid-view li {
    margin: 0 0 20px 3.5%;
  }
  html[dir=rtl] ul.product-grid-view li:nth-child(5n) {
    margin-left: 3.5%;
  }
  html[dir=rtl] ul.product-grid-view li:nth-child(3n) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 496px) {
  html[dir=rtl] ul.product-grid-view li {
    margin: 10px 0 10px 5%;
  }
  html[dir=rtl] ul.product-grid-view li:nth-child(5n) {
    margin-left: 5%;
  }
  html[dir=rtl] ul.product-grid-view li:nth-child(3n) {
    margin-left: 5%;
  }
  html[dir=rtl] ul.product-grid-view li:nth-child(2n) {
    margin-left: 0;
  }
}
html[dir=rtl] .more-products li {
  padding-right: 0px;
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  html[dir=rtl] .more-prod-row {
    padding-left: 5px;
    padding-right: 15px;
  }
}
.dropdownContainer {
  font: HPSimplified;
  border: 2px solid #949494;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #ffffff;
}
.dropdownContainer a {
  text-decoration: none;
  display: block;
  /* commenting - on focus on dropdown, the border should turn blue - accessibility
			&:focus{

				outline:none;
			}*/
}
.dropdownContainer:hover {
  border: 2px solid #000;
}
.dropdownContainer:hover span.dropdownHeaderValue:after {
  border-left: 2px solid #000;
}
.dropdownContainer:hover ul.dropdown-menu {
  border: 2px solid #000;
}
.dropdownContainer span.dropdownHeaderValue {
  display: block;
  min-height: 35px;
  line-height: 25px;
  margin-left: 15px;
  font-size: 16px;
  color: #767676;
  width: 87%;
  overflow-wrap: break-word;
  padding: 8px 50px 8px 0px;
}
.dropdownContainer span.dropdownHeaderValue:after {
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  height: 100%;
  line-height: 43px;
  width: 46px;
  text-align: center;
  margin-left: 15px;
  background-color: #FFFFFF;
  border-left: 2px solid #949494;
  position: absolute;
  top: 0px;
  right: 0px;
}
.dropdownContainer ul.dropdown-menu {
  width: 100%;
  border: 2px solid #949494;
  min-width: 1px;
  margin: 0px;
  margin-left: -2px;
  padding: 0px;
  max-height: 300px;
  overflow-y: scroll;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dropdownContainer ul.dropdown-menu li a {
  font-size: 16px;
  line-height: 25px;
  padding: 10px 12px;
  color: #767676;
  cursor: pointer;
  white-space: normal;
  margin: 0;
  border-bottom: 1px solid #dadada;
}
.dropdownContainer ul.dropdown-menu li a:hover,
.dropdownContainer ul.dropdown-menu li a:focus {
  background-color: #0096d6;
  color: #fff;
}
html[dir=rtl] .dropdownContainer:hover {
  border: 2px solid #000;
}
html[dir=rtl] .dropdownContainer:hover span.dropdownHeaderValue {
  color: #000;
}
html[dir=rtl] .dropdownContainer:hover span.dropdownHeaderValue:before {
  border-right: 2px solid #000;
}
html[dir=rtl] .dropdownContainer:hover ul.dropdown-menu {
  border: 2px solid #000;
}
html[dir=rtl] .dropdownContainer span.dropdownHeaderValue {
  padding: 10px 0px 5px 50px;
  margin-right: 15px;
}
html[dir=rtl] .dropdownContainer span.dropdownHeaderValue:after {
  content: none;
}
html[dir=rtl] .dropdownContainer span.dropdownHeaderValue:before {
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  height: 100%;
  line-height: 43px;
  width: 46px;
  text-align: center;
  margin-right: 15px;
  background-color: #FFFFFF;
  position: absolute;
  border-right: 2px solid #949494;
  top: 0px;
  right: auto;
  left: 0px;
}
html[dir=rtl] .dropdownContainer ul.dropdown-menu {
  margin-right: -2px;
}
html[dir=rtl] body.ie.ie8 .dropdownContainer:hover span.dropdownHeaderValue:before,
html[dir=rtl] body.ie.ie9 .dropdownContainer:hover span.dropdownHeaderValue:before {
  border-right: none;
  border-left: 2px solid #000;
}
html[dir=rtl] body.ie.ie8 .dropdownContainer span.dropdownHeaderValue:before,
html[dir=rtl] body.ie.ie9 .dropdownContainer span.dropdownHeaderValue:before {
  border-right: none;
  border-left: 2px solid #949494;
}
/* Style added to change the borders to red for errored dropdown */
.errorElement + .dropdownContainer {
  border: 2px solid red;
}
.errorElement + .dropdownContainer span.dropdownHeaderValue:after {
  border-left: 2px solid red;
  color: red;
}
@media print {
  #psf {
    display: none!important;
  }
  .hp-search.hp-section,
  .hp-section.hp-hero {
    display: none!important;
  }
}
/*

 All the CSS for the chat modal is handles from InstantChat.css which is inside hp-product-contact-options 
 This file is refenced inside the iframe by LMI from static/.../hp-product-contact-options/.../InstantChat.css
 Only any additional logic for customizing chat is in this file

 */
.chatClose {
  position: absolute;
  right: 0;
  top: 15px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border: 0;
  background-position-x: 50%;
  background-position-y: -25%;
}
.chatGlassWall {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.chatConfirmCloseContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.chatConfirmCloseContainer .chatConfirmClose {
  background-color: #FFF;
  border: 1px solid #ccc;
  width: 60%;
  z-index: 214755;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 100px auto;
}
.chatConfirmCloseContainer .chatConfirmClose h2 {
  font-size: 1.5em;
  margin-bottom: 25px;
}
.chatConfirmCloseContainer .chatConfirmClose .confirmContent {
  text-align: center;
}
.chatConfirmCloseContainer .confirmContent p {
  width: 100%;
  padding: 10px 0 10px 0;
}
/* --------------- prod builder------------------- */
#loadingDiv {
  margin: 5px;
}
.productBuilderImgBox {
  margin-bottom: 20px;
  text-align: center;
}
.productBuilderImgBox img {
  max-width: 100%;
  height: auto;
  width: 65%;
  margin: auto;
}
.productBuilderForm input[type=submit],
.productBuilderForm #loadingDiv {
  float: left;
}
html[dir=rtl] .productBuilderForm #loadingDiv {
  float: right;
  margin-right: 5px;
  margin-top: 4px;
}
html[dir=rtl] .productBuilderForm input[type=submit] {
  float: right;
  margin-right: 15px;
}
/*--  Not your product Modal - Himanshu --*/
.notYourProdModalContainer .productBuilderDropdowns .hpStyleDropdown {
  width: 100%;
  margin-right: 0px;
}
#how-to-form > div.hpStyleDropdown,
#product-information-form > div.hpStyleDropdown,
#troubleshooting-form > div.hpStyleDropdown {
  margin-bottom: 20px;
}
/*--  Not your product Modal ends --*/
/* --------------------------------------------------------------- */
.hp-section.hp-header-wo-nav {
  color: black;
  background-color: transparent;
  margin: 10px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .hp-section.hp-header-wo-nav {
    margin: -50px 0 0 0;
  }
}
.hp-section.hp-header-wo-nav .hp-row {
  margin: 0;
}
.hp-section.hp-header-wo-nav h1 {
  font-family: HPSimplified;
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  #logmeinsupport .error-container {
    padding: 0 10px;
  }
}
/*-----------Media order step bar----------*/
.ariaSpan {
  font-size: 0px;
  display: none;
}
.current .ariaSpan {
  display: inline;
}
.media-order {
  background-color: #ffffff;
  padding: 0;
  height: 50px;
  width: 100%;
  /*icon-rght*/
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .media-order {
    margin-top: -3px;
  }
}
.media-order.contact {
  min-height: 50px;
  height: auto;
}
.media-order.contact .container .fl ul li.next span {
  display: inline-block;
}
@media only screen and (max-width: 496px) {
}
.media-order .container .fl {
  padding-top: 12px;
}
@media only screen and (max-width: 496px), only screen and (min-width: 497px) and (max-width: 800px) {
  .media-order .container .fl {
    margin-left: 0px;
  }
}
.media-order .container .fl ul {
  list-style-type: none !important;
  padding: 0;
}
.media-order .container .fl ul li {
  float: left;
}
.media-order .container .fl ul li span {
  margin-left: 0px;
}
.media-order .container .fl ul > li {
  margin-right: 0px;
  position: relative;
}
.media-order .container .fl ul i {
  position: relative;
}
.media-order .container .fl ul i.icon-rght {
  margin-right: 0px;
}
.media-order .container .right {
  text-align: right;
  float: right;
  margin: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
}
.media-order .container .right ul {
  float: left;
  border-right: 2px solid #007dba;
  border-left: 2px solid #007dba;
  margin: 0;
}
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .media-order .container .right ul {
    width: 50px;
  }
}
.media-order .container .right ul li {
  padding-left: 10px;
  padding-right: 10px;
}
.media-order .container .right ul li a {
  height: 50px;
  margin: 0;
  font-size: 14px;
  position: relative;
  color: white !important;
}
.media-order .container .right ul li span {
  float: right;
  padding-left: 5px;
  padding-top: 14px;
}
.media-order .container .right ul li span small {
  margin-top: 10px;
  line-height: 1;
  display: block;
  text-align: left;
}
.media-order .container .right ul li i {
  font-size: 18px;
  position: relative;
  float: left;
  margin: 15px 0px;
  top: 0;
}
.media-order .styleicon {
  color: #565555;
  font-weight: bolder;
  font-size: 13px;
}
.media-order li .circleicon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  color: #595555;
  background: #C0BFBF;
  text-align: center;
  line-height: 18px;
  display: inline-block;
  padding: 1px;
}
.active.media-order li .circleicon {
  color: #ffffff;
  background: #0096d6;
}
.media-order li .order-style {
  /*font styling */
  font-weight: bold;
  color: #888383;
}
.active.media-order li .order-style {
  font-weight: bold;
  color: black;
}
.media-order li.active .circleicon {
  color: #ffffff;
  background: #0096d6;
}
.media-order li.active .order-style {
  /*font styling */
  font-weight: bold;
  color: black;
}
/*------contact information--------*/
.dataContactInfo {
  word-wrap: break-word;
  margin-bottom: 0px;
}
.labelContactInfo {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0px;
}
.required .star {
  color: #FF0000;
  font-size: 12px;
}
.required .data {
  font-style: italic;
  font-size: 12px;
}
.removePadding {
  padding-left: 0px;
}
.addPadding {
  padding-top: 15px;
}
.removeMargin {
  margin-top: 0px;
}
/*------- order media Information --------*/
.mediaInfo {
  margin: 20px 0px;
  border-bottom: 1px solid #eee;
}
.mediaInfo .row > div {
  padding-left: 0px;
}
.mediaInfo .headings {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.mediaInfo .headings p {
  margin-bottom: 5px;
  color: #000;
  padding-left: 0px;
}
.mediaInfo .headings p.price {
  padding-left: 3px;
}
.mediaInfo .titleBar > div {
  padding-left: 0px;
}
.mediaInfo .titleBar img {
  width: 50px;
  display: inline-block;
  margin-right: 0px;
  margin-top: -5px;
  float: right;
}
.mediaInfo .order {
  display: inline-block;
}
.mediaInfo .order h3 {
  font-size: 14px;
}
.mediaInfo .order p {
  font-size: 14px;
}
.mediaInfo .orderCost p {
  font-size: 16px;
  padding-left: 0px;
}
.mediaInfo .shipping h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.mediaInfo .shipping .entries .entry {
  margin-bottom: 10px;
}
.mediaInfo .shipping .entries .entry p {
  padding-left: 0px;
  margin: 0;
}
.mediaInfo .shipping .entries .entry p.heading {
  font-size: 18px;
}
.mediaInfo .shipping .entries .entry p.cost {
  color: #000;
  font-size: 16px;
}
.mediaInfo .shipping .entries .entry a.change {
  color: #0096d6;
  font-size: 16px;
}
.mediaInfo .shipping .totalCost {
  color: #000;
  margin-bottom: 10px;
}
.mediaInfo .shipping .totalCost .heading {
  font-weight: bold;
}
.mediaInfo .shipping .totalCost p {
  padding-left: 0px;
  margin: 0;
  color: #000;
}
.mediaInfo .shipping .totalCost p.heading {
  font-size: 18px;
}
.mediaInfo .shipping .totalCost p.cost {
  color: #000;
  font-size: 16px;
}
.mediaInfo .shipping .tax {
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}
.mediaInfo .shipping .tax .heading {
  font-weight: bold;
}
.mediaInfo .shipping .tax p {
  padding-left: 0px;
  margin: 0;
  margin-bottom: 10px;
  color: #000;
}
.mediaInfo .shipping .tax p.heading {
  font-size: 18px;
}
.mediaInfo .shipping .tax p.cost {
  font-size: 16px;
}
/*------- order media Information --------*/
/* Media Order Step 2 */
.mediaRqdFld {
  margin-bottom: 5px;
  margin-top: 10px;
}
.shippingMthdWrapper {
  margin-top: 30px;
}
#contactEdit {
  margin-top: 15px;
}
#billingAddress {
  margin-top: 30px;
}
/* Shipping method table */
ul.bullet-list li {
  list-style: disc;
  color: #000;
  margin-left: 17px;
}
table.shippingMethodTable {
  width: 100%;
  margin-bottom: 10px;
}
table.shippingMethodTable th {
  padding-bottom: 10px;
}
table.shippingMethodTable td {
  color: #373737;
}
/* Media order step 3 */
.paymentHelp {
  text-align: right;
  margin-bottom: 10px;
}
.subForm .hp-row {
  margin-top: 0px;
}
.billingAddrWrapper {
  margin-bottom: 30px;
}
.selectErrContainer {
  /* this is for the error container for state / province */
  position: relative;
  top: -20px;
}
.align {
  float: left;
}
.modalFix {
  padding-top: 0px;
  margin-left: 40px;
}
/*Payment error page*/
.pHeading {
  margin-left: 0px;
  margin-top: 0px;
}
.payBtn {
  margin-top: 80px;
  background-color: #0096d6;
  color: #fff;
  float: right;
}
/*No products found view*/
.addMrgn {
  margin-bottom: 10px;
}
.rmvMargn {
  margin-bottom: 0px;
}
.removeTop {
  margin-top: 0px;
}
.retryBtn {
  float: left;
  font-size: 16px;
}
.otherSupportHeading {
  margin-top: 0px;
  margin-bottom: 20px;
}
.ssfMessage {
  border: 1px solid #0096d6;
  border-left-width: 20px;
  padding: 10px;
  word-wrap: break-word;
}
.ssfMessageSection {
  clear: both;
  padding-top: 30px;
}
.wrapperAlign {
  float: left;
}
.addMarginTop {
  margin-top: 20px;
}
/*US-5749 - multiple warranty results - Start here---*/
.warrantyResults-placeholder h1 {
  margin-bottom: 30px;
}
.disclaimer-no-prod-info div.hp-row {
  margin-left: -28px;
}
.disclaimer-no-prod-info h2 {
  margin-left: 32px;
}
.sortWarrantyDdText {
  margin-top: 10px;
}
#warrantyResultsPageHeader span {
  padding-right: 10px;
}
#warrantyResultsPageHeader h1 {
  font-size: 24px;
  margin-bottom: 20px;
}
.custom-dropdown {
  margin-bottom: 20px;
}
.errorMessage {
  color: #FF0000;
}
.viewDetailsLink a span {
  color: #1895d6;
  padding: 0 16px 0 0;
}
.viewDetailsLink a img {
  width: 25px;
}
.warrantyResultsTable .bottom-margin {
  margin-bottom: 30px;
}
#error-top-margin {
  margin-top: 20px!important;
}
.warrantyResultsTable {
  /* on focus need to make outline blue - default behaviour - accessibility*/
}
.warrantyResultsTable a:focus {
  outline-style: auto;
  outline-width: initial;
}
.warrantyResultsTable .sm-product-img {
  height: 100px;
}
.warrantyResultsTable table:nth-child(1) {
  background: #efefef;
  margin-bottom: 0;
}
.warrantyResultsTable table:nth-child(1) tbody tr td:nth-child(2) h2 {
  color: #000;
  font-size: 20px;
  /*3431: change margin-bottom from 20px to 10px to reduce spacing b/wproduct title and serial no*/
  margin-bottom: 10px;
  margin-top: 15px;
}
.warrantyResultsTable table:nth-child(1) tbody tr td:nth-child(1) span:nth-child(1) {
  float: left;
  margin: 0px 30px 0 10px;
  width: 90%;
}
.warrantyResultsTable table:nth-child(1) tbody tr td:nth-child(1) span .product-url {
  width: 100%;
}
.warrantyResultsTable table:nth-child(1) tbody tr td span:nth-child(2) {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}
.warrantyResultsTable table:nth-child(2) {
  border-bottom: 1px solid #cdcdcd;
  /*3431: add some below margin after every product result*/
  margin-bottom: 30px;
}
.warrantyResultsTable table:nth-child(2) .Active {
  color: #40bf40;
}
.warrantyResultsTable table:nth-child(2) .Expired {
  color: #FF0000;
}
.warrantyResultsTable table:nth-child(2) thead {
  border-bottom: 6px solid lightgray;
  border-top: 1px solid lightgray;
}
.warrantyResultsTable table:nth-child(2) thead tr th {
  background: none;
  border: 1px solid #cdcdcd;
  color: inherit;
  font-weight: normal;
  line-height: 40px;
  /*3431: reduce padding on every product result heading in table*/
  padding: 5px 10px;
}
.warrantyResultsTable table:nth-child(2) tbody tr td {
  vertical-align: top;
  line-height: 30px;
}
.warrantyResultsTable table:nth-child(2) tbody tr td table {
  background: none;
}
.warrantyResultsTable .errorMessage {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .errorMsg1 {
    margin: 0 15px !important;
  }
  .warrantyResultsHeaderMobile {
    margin-bottom: 30px;
  }
  .warrantyResultsHeaderMobile .col-sm-15 h2:nth-child(2) {
    margin: 30px 0;
  }
  #warrantyResultsPageHeader {
    padding: 0 15px;
  }
  #warrantyResultsListRows {
    padding: 0 15px;
  }
  #warrantyResultsListRows .hp-row {
    margin-top: 20px;
  }
  #warrantyResultsListRows .col-sm-9 {
    font-weight: bold;
  }
  #warrantyResultsListRows .col-sm-15 .hp-row {
    margin-top: 0;
  }
  #warrantyResultsListRows .Active {
    color: #40bf40;
  }
  #warrantyResultsListRows .Expired {
    color: #FF0000;
  }
  #warrantyResultsListRows .warranty-separator {
    margin: 15px 0;
  }
  .warrantyResultsHeaderMobile {
    background: #efefef;
    padding: 30px 0;
    margin: 0 15px;
  }
  .viewDetailsLink {
    margin-top: 30px;
  }
  .warrantyToolTipIcon {
    white-space: nowrap;
  }
  .sortWarrantyDdText {
    margin-top: 10px;
  }
  .sortWarrantyDdText span {
    float: left;
    padding-bottom: 20px;
  }
}
/*US-5749 - multiple warranty results - End*/
html[dir=rtl] .disclaimer-no-prod-info h2 {
  clear: both;
  margin-right: 45px;
  padding-top: 11px;
}
/*US 5518 - multiple warranty landing - Start here---*/
#multipleWarrantyFormPlaceholder {
  /* Media Qyueries for desktop and ipad landscape mode*/
  /* Media Queries for mobile and ipad portrait mode*/
  /*Defect 3576: spacing issue*/
}
#multipleWarrantyFormPlaceholder .pull-right {
  float: right;
}
#multipleWarrantyFormPlaceholder .errorline1 {
  margin-top: 10px!important;
  position: static!important;
}
#multipleWarrantyFormPlaceholder .table-row {
  margin-top: 20px;
}
#multipleWarrantyFormPlaceholder .sm-heading {
  margin-top: 15px;
  margin-bottom: 26px;
}
#multipleWarrantyFormPlaceholder #disclaimer_note_heading {
  color: grey;
  font-weight: bold;
  display: inline;
}
#multipleWarrantyFormPlaceholder #disclaimer_note {
  display: inline;
}
#multipleWarrantyFormPlaceholder .checkwarrantyHeadingConti {
  /**
        * 3428: comment below lines to remove left/right alignment of heading and product serial no section on multiple checkwarranty page
        * padding-left: 15px;
        * padding-right: 15px;
        */
}
#multipleWarrantyFormPlaceholder .required-head-message {
  font-weight: 400;
  color: #000;
}
#multipleWarrantyFormPlaceholder .xss-message {
  display: none;
  background-color: #ffefef;
  color: red;
  padding: 10px;
}
@media (min-width: 780px) {
  #multipleWarrantyFormPlaceholder {
    /*DONOT OVERRIDE GENERIC CLASSES*/
    /*US 5516 - Recaptcha - Start*/
    /*US 5516 - Recaptcha - End*/
  }
  #multipleWarrantyFormPlaceholder .table-row {
    margin-top: 20px;
  }
  #multipleWarrantyFormPlaceholder .sm-heading {
    margin-top: 15px;
    margin-bottom: 26px;
  }
  #multipleWarrantyFormPlaceholder #errorTopLine {
    margin-top: -15px !important;
  }
  #multipleWarrantyFormPlaceholder .tableHeaderBorder {
    border-bottom: solid 4px #ccc;
    border-top: solid 4px #ccc;
    overflow-y: scroll;
    max-height: 520px;
    overflow-x: hidden;
    width: 100%;
  }
  #multipleWarrantyFormPlaceholder .remove-button-content {
    margin-left: 20px;
    margin-top: 30px;
  }
  #multipleWarrantyFormPlaceholder .item-content {
    margin-top: 10px!important;
    margin-left: 37px;
  }
  #multipleWarrantyFormPlaceholder .tableHeaderBorder .hp-row {
    min-height: 90px;
  }
  #multipleWarrantyFormPlaceholder .tableHeaderBorder .item,
  #multipleWarrantyFormPlaceholder .tableHeaderBorder .remove-button-div,
  #multipleWarrantyFormPlaceholder .tableHeaderBorder .country,
  #multipleWarrantyFormPlaceholder .tableHeaderBorder .serial-number {
    min-height: 50px;
  }
  #multipleWarrantyFormPlaceholder .header-bottom {
    float: left;
  }
  #multipleWarrantyFormPlaceholder .container-header {
    margin-top: 20px;
    float: right;
    width: 100%;
  }
  #multipleWarrantyFormPlaceholder .required-container {
    position: relative;
    top: 6px;
    margin-bottom: 12px;
  }
  #multipleWarrantyFormPlaceholder #btnWFormSubmit {
    width: 101px;
    height: 41px;
    font-size: 15px;
  }
  #multipleWarrantyFormPlaceholder .remove-button-content-inactive {
    margin-left: 10px!important;
    background-color: grey !important;
    color: white !important;
    margin-top: 11px!important;
    font-weight: normal;
  }
  #multipleWarrantyFormPlaceholder .remove-button-content-active {
    margin-left: 10px!important;
    background-color: #0096d6 !important;
    color: white!important;
    margin-top: 11px!important;
    font-weight: normal;
  }
  #multipleWarrantyFormPlaceholder .multiwarrantyinput {
    width: 100%!important;
  }
  #multipleWarrantyFormPlaceholder #rcaptcha {
    margin-top: 20px;
    float: right;
  }
  #multipleWarrantyFormPlaceholder #captcha {
    color: red;
    float: right;
    clear: right;
  }
}
@media (min-width: 320px) and (max-width: 780px) {
  #multipleWarrantyFormPlaceholder {
    /*US 5516 - Recaptcha - Start*/
    /*US 5516 - Recaptcha - End*/
  }
  #multipleWarrantyFormPlaceholder .sm-heading {
    margin-top: 27px;
  }
  #multipleWarrantyFormPlaceholder #errorTopLine {
    margin: 10px;
    margin-top: -20px !important;
  }
  #multipleWarrantyFormPlaceholder .required-container {
    position: relative;
    top: 6px;
    margin-bottom: 12px;
    margin-top: 25px;
  }
  #multipleWarrantyFormPlaceholder .item-content {
    margin-top: 35px;
  }
  #multipleWarrantyFormPlaceholder .item-label {
    margin-top: 12px;
  }
  #multipleWarrantyFormPlaceholder .remove-button-content-inactive {
    background-color: grey !important;
    color: white !important;
    margin-top: 35px;
    font-weight: normal;
  }
  #multipleWarrantyFormPlaceholder .remove-button-content-active {
    background-color: #0096d6 !important;
    color: white!important;
    margin-top: 35px;
    font-weight: normal;
  }
  #multipleWarrantyFormPlaceholder .tableHeaderBorder {
    border-bottom: solid 4px #ccc;
    border-top: solid 4px #ccc;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #multipleWarrantyFormPlaceholder .header-bottom {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #multipleWarrantyFormPlaceholder .container-header {
    float: left;
    width: 100%;
  }
  #multipleWarrantyFormPlaceholder .button-group {
    float: left;
  }
  #multipleWarrantyFormPlaceholder #rcaptcha {
    margin-top: 20px;
    /*US 3125 - Error msg placement - Start*/
    /*float:left;*/
    /*US 3125 - Error msg placement - End*/
  }
  #multipleWarrantyFormPlaceholder #captcha {
    color: red;
  }
}
#multipleWarrantyFormPlaceholder .warrantyResultsTable {
  margin-top: 10px;
}
/*US 5518 - multiple warranty landing - End*/
/*.header{
	.submenu{
		display: none;

		&[data-state="open"]{
			display: block;
		}
	}

	.search_block{
		display: none;

		&[data-state="open"]{
			display: block;
		}
	}

	.background{
		border-top: 1px solid #b9b8bb;
	}
}*/
/*.loginRequired span.required{
	font-size: 16px;
	font-weight: normal;
}

li.loginRequired{
	text-align: center;
	padding: 10px;
}*/
.osSelectors .hp-row {
  margin-top: 0px;
  margin-bottom: 0px;
}
.blueBackground {
  background-color: #E8F5FB;
  padding: 15px;
}
@media (min-width: 801px) {
  .blueBackground {
    margin-top: -23px;
  }
}
.inlineDiv.welcomeHead {
  margin: 15px 30px;
}
.inlineDiv {
  display: inline-block;
}
.casecreation .liberalLines {
  margin-top: 10px;
}
.blueText {
  /*color: #0096d6;*/
}
.blueText h4 {
  display: inline;
}
.blueText .badge {
  margin: 0px 10px;
}
.blueText .uploadedFile {
  margin-bottom: 5px;
}
.chooseFileBtnDiv {
  margin-top: 30px;
}
.hp-row.attachFilesDiv {
  margin-bottom: 20px;
}
.hp-row.shippingAddrDiv {
  margin-top: 40px;
}
h3.adjHeadingFont {
  font-size: 24px;
}
h3.shippingAddrHeading {
  margin-bottom: 20px;
}
.sameAddrOptDiv {
  margin-bottom: 20px;
}
.shippingHelper {
  margin-top: 30px;
  margin-bottom: 40px;
}
.tabContentHelperPara {
  margin-bottom: 30px;
}
label[for="sameAddr"] {
  margin-bottom: 10px;
}
.finalButtonsDiv {
  text-align: right;
  width: 100%;
  margin-bottom: 20px;
}
.finalButtonsDiv .cancelBtn {
  margin-left: 25px;
  margin-right: 25px;
}
.savedAddrDiv {
  margin-bottom: 20px;
  width: 100%;
}
.equipmetLoc {
  margin-top: 40px;
  margin-bottom: 40px;
}
.contactEquipmetLocInfo {
  margin-top: 40px;
  margin-bottom: 20px;
}
.rmPadding {
  padding: 0px;
}
.reduceFontWt {
  font-weight: normal;
}
.contactEqLocFormFields {
  margin-top: 0px;
  margin-bottom: 20px;
}
.selectFieldDiv {
  margin-top: 0px;
}
.countryRegionDiv,
.equipLocDiv,
.addrDiv,
.savedContactDiv,
.emailAltCntctDiv,
.addCntctToSavedDiv {
  width: 100%;
}
@media (max-width: 800px) {
  .selectFieldDiv {
    margin-bottom: 20px;
  }
  .addrLineOneDiv {
    margin-bottom: 20px;
  }
  .countryRegionDiv {
    margin-bottom: 0px!important;
  }
  .finalButtonsDiv {
    text-align: center!important;
    padding: 0px;
  }
  #prodInfoWarrantyInfo > .key-value {
    text-align: left;
  }
  #pgSerialNum {
    margin-bottom: 10px!important;
    /*3445: align left serial number on mobile view inside Contact HP Warranty section*/
    text-align: left;
  }
  /*3445: align left product number on mobile view inside Contact HP Warranty section*/
  #pgProdNum {
    text-align: left;
  }
  /*3445: align left Choose different product on mobile view inside Contact HP Warranty section*/
  .centered.linkPaddingLft.notYourProdFormTrigger {
    float: left;
  }
  /*3653 start: align warranty status on contact hp for rtl locales*/
  html[dir=rtl] #pgSerialNum,
  html[dir=rtl] #pgProdNum {
    text-align: right;
  }
  html[dir=rtl] .centered.linkPaddingLft.notYourProdFormTrigger {
    float: right;
    margin-right: 15px;
  }
  /*3653 end*/
}
.sectHeading {
  margin-bottom: 20px;
}
.reqPara {
  font-style: italic;
}
#doNotShwMsgPara {
  margin-top: 20px;
}
.mobOSDrpDwnDiv {
  margin-bottom: 30px;
}
.tabContent {
  padding: 20px;
}
.mobTabHeading {
  margin: 20px 0px;
}
#alternateContactMob,
#submittersContactMob {
  margin-bottom: 20px;
}
.addCntctToSavedDiv {
  margin-top: 30px;
}
#highlightedInfo {
  margin-top: 20px;
}
/*--------- ADX Tabs ------------*/
.adxTabs .hp-nav-tabs.horizontal {
  border-bottom: 2px solid #C6C6C6;
}
.adxTabs .hp-nav-tabs.horizontal li {
  display: inline-block;
  margin-bottom: -2px;
  margin-right: -6px;
}
.adxTabs .hp-nav-tabs.horizontal li.active a {
  color: #000;
  background-color: #fff;
  border: 2px solid #C6C6C6;
  border-bottom: 0;
}
.adxTabs .hp-nav-tabs.horizontal li.active a:after {
  display: none;
}
.adxTabs .hp-nav-tabs.horizontal li a {
  padding: 0 20px;
  line-height: 47px;
  border: 2px solid #C6C6C6;
  background-color: #F2F2F2;
  color: #767676;
}
.adxTabs .hp-nav-tabs.horizontal li a:hover {
  color: #000;
}
.col-lg-12.rmPadding.leftPadSelectCaseAddr {
  padding-left: 0px;
}
.prodInfoDivider {
  margin-top: 25px;
}
.listDiscUL .listDisc {
  list-style: none;
}
.listDiscUL {
  padding-left: 40px;
}
/*
.product-image.caseCreateBlock{
	width:20%;
}

@media @screen-sm{
	.product-image.caseCreateBlock{
	width:100%;
	}
}
*/
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .product-image.caseCreateBlock {
    width: 20%;
  }
}
.key.serialProdNumBld {
  font-weight: bold;
  color: black;
}
.w-status.green.inlineDisp {
  display: inline;
}
.green {
  color: #008424;
  margin-left: 4px;
  /* font-weight: bold; */
}
.w-status.red {
  color: #f05332;
  margin-left: 4px;
  /* font-weight: bold */
}
.notYourProdFormTrigger.linkPaddingLft {
  margin-left: 15px;
}
.pdpProdtTitle.marginForTitle {
  margin-left: 15px;
  text-align: left;
}
#caseCreationForm .errorMessage .errorIcon {
  display: none;
}
#caseConfirmation {
  background-color: #e6faff;
  min-height: 120px;
  margin-top: 40px;
  margin-bottom: 2em;
  padding-top: 1px;
  padding-bottom: 1px;
}
.osSelectors .hp-row {
  margin-top: 0;
  margin-bottom: 0;
}
.prodInfoDivider {
  margin-bottom: 20px;
  margin-top: 20px;
}
.padSerialProdVal {
  margin-left: 5px;
}
@media only screen and (max-width: 800px) {
  .adxTabs .tab-pane {
    display: block;
  }
}
#showKoreanText {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#showTaiwanText {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.add_margin {
  margin-top: 20px;
}
.no_border {
  border: 0px!important;
}
.legal_options_body {
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
a.legalInstructions:before {
  display: inline-block;
  content: "+";
  padding-right: 20px;
  font-size: 20px;
  line-height: 1em;
  padding: 1px 6px;
  background-color: #0096D6;
  color: white;
  border-radius: 50%;
  margin-right: 10px;
}
.open a.legalInstructions:before {
  content: "-";
  padding: 1px 7px;
}
/*3538: align rows on mighty two form page*/
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .alignMightyTwoFormFields {
    margin-top: 0;
    position: relative;
    top: -10px;
  }
}
/* CSS Desktop View */
.wcmTabsContainer {
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 0);
  margin-top: -90px !important;
  /* CSS for Text below search box*/
  /* WCM All tabs*/
  /*Current Active Tab*/
  /*CSS for tile content coming from WCM */
  /* more less toggle button css*/
}
.wcmTabsContainer .helpHead {
  text-align: center;
  color: white;
}
.wcmTabsContainer .helpMainHeading {
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  padding-bottom: 35px;
}
.wcmTabsContainer .helpMainHeading a {
  padding: 0 5px;
  color: #fff;
  text-decoration: underline;
}
.wcmTabsContainer .helpSubHeading {
  margin-bottom: 15px;
}
.wcmTabsContainer .wcmAllTabs {
  margin: 0px -7px !important;
}
.wcmTabsContainer .wcmTabList li > a {
  border: 1px solid gray!important;
}
.wcmTabsContainer .wcmTabList {
  border: 0px!important;
}
.wcmTabsContainer .wcmTabList li {
  padding: 0px;
  transform: translate3d(0, 0, 0);
  text-align: center;
}
.wcmTabsContainer .wcmTabs {
  background-color: white!important;
  margin-left: -1px;
  border-radius: 5px 5px 0px 5px;
  opacity: 0.8;
  transform: skew(-20.999999deg);
  border: 1px solid gray;
  padding: 0px 5px!important;
}
.wcmTabsContainer .wcmTabs span {
  color: black;
  display: inline-block;
  opacity: 1;
  transform: skew(20.999999deg);
}
.wcmTabsContainer .chromeActive a {
  background: white!important;
  opacity: 1!important;
  transform: perspective(5px) rotateX(1deg) scaleY(1.18) !important;
  border-radius: 4px 4px 0px 10px!important;
  outline: none;
}
.wcmTabsContainer .chromeActive a > span {
  color: black!important;
  display: inline-block !important;
  opacity: 1!important;
  transform: perspective(5px) rotateX(-1deg) scaleY(0.8) !important;
}
.wcmTabsContainer .chromeActive ~ li > .wcmTabs {
  transform: skew(20.999999deg);
}
.wcmTabsContainer .chromeActive ~ li > .wcmTabs > span {
  color: black;
  display: inline-block;
  opacity: 1;
  transform: skew(-20.999999deg) !important;
}
.wcmTabsContainer .tabContent.horizontal {
  visibility: hidden;
  min-height: 100px;
  background-color: white;
  box-shadow: 0px 8px 10px -3px gray;
}
.wcmTabsContainer .tabContent.horizontal .tab-pane .wcm-tile-image {
  padding-right: 0px;
}
.wcmTabsContainer .wcm-tile-title {
  font-weight: bold;
  font-size: 18px;
  height: 23px;
  overflow: hidden;
}
.wcmTabsContainer .wcm-tile-description {
  overflow: hidden;
  height: 42px;
  font-size: 16px;
}
.wcmTabsContainer .wcm-tile {
  padding-bottom: 15px;
  padding-top: 15px;
}
.wcmTabsContainer .wcm-tile.bottom-line {
  border-bottom: 1px solid #ccc;
}
.wcmTabsContainer .tab-pane {
  padding-top: 30px;
  /* CSS for last 2 tiles when HR is not there */
}
.wcmTabsContainer .tab-pane .common-solution-text {
  color: #767676;
  font-size: 14px;
  font-style: italic;
  position: absolute;
  top: 0;
  padding-left: 10px;
  padding-top: 10px;
}
.wcmTabsContainer .tab-pane .tiles {
  /*margin-bottom: 10px;*/
}
.wcmTabsContainer .tab-pane .tiles > a {
  color: #000000;
  /* Defect fix- 3370, on focus tabs should be visible
                outline: none;*/
}
.wcmTabsContainer .tab-pane .tiles > a:hover {
  color: #006699;
}
.wcmTabsContainer .tab-pane .tiles > a:nth-last-child(1) div {
  /*padding-bottom: 5px;*/
}
.wcmTabsContainer .tab-pane .tiles > a:nth-last-child(2) div {
  /*padding-bottom: 5px;*/
}
.wcmTabsContainer .tab-pane .tiles .extra-content > a {
  color: #000000;
}
.wcmTabsContainer .tab-pane .tiles .extra-content > a:hover {
  color: #006699;
}
.wcmTabsContainer .moreLessDesktop {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  padding-top: 10px;
  cursor: pointer;
}
.wcmTabsContainer .moreLessDesktop .moreLessTxtDesktop {
  color: #0096D6;
}
#mobile-hh2 {
  color: #fff;
  text-align: center;
}
#mobile-hh2 .subHeadingMobile {
  padding-top: 60px;
  font-size: 20px;
  z-index: 9;
  position: relative;
}
#mobile-hh2 .mainHeadingMobile {
  font-size: 36px;
  line-height: 40px;
  margin-top: 10px;
  z-index: 9;
  position: relative;
  word-wrap: break-word;
}
#mobile-hh2 .mainHeadingMobile a {
  text-decoration: underline;
  color: #FFF;
}
#mobile-hh2 .darkTint {
  height: 298px;
}
.helpHead {
  text-align: center;
  font-size: 30px;
  line-height: 1.3;
  padding-bottom: 35px;
}
.helpHead .helpMainHeading {
  font-size: 36px;
}
.helpHead .helpMainHeading .signInLink,
.helpHead .helpMainHeading .registerLink {
  color: #FFF;
  text-decoration: underline;
}
.helpHead .hiUser span {
  text-decoration: none;
}
#signin-register-modal .modal-body {
  padding: 30px 40px 20px 40px;
}
#signin-register-modal .modal-body h4 {
  margin-bottom: 10px;
}
#signin-register-modal .modal-body .button {
  margin-top: 10px;
}
#signin-register-modal .modal-body .button.primary {
  margin-bottom: 40px;
}
/* CSS for Mobile View */
#wcmAccordianView .wcmPanelHome {
  border: 0px;
  border-bottom: 5px solid white!important;
  float: left;
  width: 100%;
}
#wcmAccordianView .wcmPanelHeadingHome {
  border: 0px;
  background: #E5F4FB;
}
#wcmAccordianView .panel .panel-title > a {
  font-family: HPSimplified,Arial;
}
#wcmAccordianView .panel .panel-title > a:hover {
  background: inherit;
}
#wcmAccordianView .panel .panel-title > a.toggled:before {
  border: 0px;
  content: "\e602";
}
#wcmAccordianView .panel .panel-title > a.toggled:before:active {
  border: 1px;
  content: "\e602";
}
#wcmAccordianView .panel .panel-title > a:before {
  border: 0px;
  content: "\e601";
}
#wcmAccordianView .panel .panel-title > a:before:active {
  border: 1px;
  content: "\e601";
}
#wcmAccordianView .wcmTilesMobLink {
  float: left;
  width: 100%;
  border-bottom: 1px solid #E7E7E7;
  padding: 25px 0px;
  text-decoration: none;
}
#wcmAccordianView .tileImgIconMob {
  height: 50px;
  min-width: 45px;
}
#wcmAccordianView .wcmTileMobHeading {
  color: black;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
#wcmAccordianView .wcmTileMobDesc {
  color: #9D9D9D;
}
#wcmAccordianView .moreLessMob {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #0096D6;
  padding-top: 10px;
  padding-bottom: 5px;
  cursor: pointer;
}
/*mobile ends*/
@media (max-width: 850px) {
  .wcmTabsContainer .wcmTabs {
    transform: skew(-17.999999deg);
  }
  .wcmTabsContainer .wcmTabs span {
    transform: skew(17.999999deg);
  }
  .wcmTabsContainer .chromeActive ~ li > .wcmTabs {
    transform: skew(17.999999deg);
  }
  .wcmTabsContainer .chromeActive ~ li > .wcmTabs > span {
    transform: skew(-17.999999deg) !important;
  }
  .wcmTabsContainer .darkTint {
    height: 250px;
  }
}
@media (min-width: 851px) and (max-width: 970px) {
  .wcmTabsContainer .wcmTabs {
    transform: skew(-18.999999deg);
  }
  .wcmTabsContainer .wcmTabs span {
    transform: skew(18.999999deg);
  }
  .wcmTabsContainer .chromeActive ~ li > .wcmTabs {
    transform: skew(18.999999deg);
  }
  .wcmTabsContainer .chromeActive ~ li > .wcmTabs > span {
    transform: skew(-18.999999deg) !important;
  }
}
.darkTint {
  position: absolute;
  height: 350px;
  top: 0px;
  background-color: black;
  opacity: 0.4;
  width: 100%;
}
div#fullWidthBanner {
  padding-bottom: 40px;
}
body {
  -webkit-print-color-adjust: exact;
}
.chat-option-modal .chat-korean-radio {
  text-align: right;
  position: relative;
  right: -14px;
}
.chat-option-modal .hp-logo {
  padding-left: 20px;
}
.chat-option-modal .hp-logo img {
  display: inline-block;
  padding-right: 20px;
}
.chat-option-modal .hp-logo .modal-heading {
  display: inline-block;
}
.chat-option-modal .chat-modal-text,
.chat-option-modal .chat-modal-language-disclaimer {
  margin-left: 15px;
  margin-bottom: 20px;
}
.chat-option-modal .chat-modal-language-disclaimer {
  font-weight: bold;
}
.chat-option-modal .chat-modal-fields {
  text-align: left;
}
.chat-option-modal .chat-modal div.col-lg-12 {
  margin-bottom: 20px;
}
.chat-option-modal .chat-modal-fields textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
}
.chat-option-modal .chat-modal-fields div.clearfix,
.chat-option-modal .chat-modal-fields div#steps-bar .container,
.chat-option-modal .chat-modal-fields div.media-order .container {
  clear: both;
}
.chat-option-modal .chat-modal-fields .errorIcon {
  display: none;
}
@media only screen and (min-width: 801px), print and (min-width: 4in) {
  .chat-option-modal .col-xs-offset-right-12 {
    margin-right: 100%;
  }
}
html[dir=rtl] .chatSession .customDropDownBox .dropdown-menu > li > a {
  direction: ltr;
  text-align: right;
}
html[dir=rtl] .chatSession input {
  direction: ltr;
  text-align: right;
}
#btnContactFormSubmit {
  float: right;
}
html[dir=rtl] #btnContactFormSubmit {
  float: none;
}
.modalClose {
  float: right;
  margin-top: -10px;
  position: absolute;
  right: 17px;
  top: 28px;
}
.radioClass {
  line-height: normal;
  margin: 15px 0 0;
}
.accordionPlus {
  background-position: -79px 374px;
  display: block;
  float: left;
  height: 23px;
  margin-right: 10px;
  vertical-align: top;
  width: 21px;
}
.accordionMinus {
  background-position: -79px 348px !important;
  display: block;
  float: left;
  height: 25px;
  margin-right: 10px;
  vertical-align: top;
  width: 21px;
}
.legalInstructions {
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
}
#legalOption {
  height: 600px;
  width: 685px;
}
.customerLegaloption {
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.nocheckDiv {
  margin-bottom: 15px;
  margin-top: 15px;
  color: #FF0000 !important;
}
#emailSuccess,
#emailFailure {
  width: 620px;
  z-index: 2147483647;
}
.modalWrapper {
  display: none;
}
.modalContent > img {
  margin: 10% 40%;
}
.newEmailfields {
  font-size: 16px;
}
.radioClass1 {
  line-height: normal;
  margin: 14px 0 0 !important;
}
.radioClass2 {
  line-height: normal;
  margin: 14px 0 0 !important;
}
.radioClass3 {
  line-height: normal;
  margin: 14px 0 0 !important;
}
.slimScrollDiv {
  width: 720px !important;
}
.agreementQuestions {
  width: 420px;
  display: inline-block;
  margin-top: 10px;
}
.customerLegaloption:hover {
  cursor: pointer;
}
.agreementQuestions {
  display: inline-block;
  margin-top: 10px;
  width: 430px;
}
#legalAgreement > div {
  clear: both;
  float: none;
}
#dvUniversalForm input.button.primary {
  padding: 0px 15px;
  margin: 0px !important;
}
#contact span.errorIcon {
  display: none;
}
.agreementQuestions {
  width: 85% !important;
  float: left;
}
/* DO NOT UNCOMMENT - This shows 2 search bars on cintextual page. VARUN .hp-section.hp-section-md.visible-lg {
      display:block !important;
} */
form#contact .dropdown {
  margin-bottom: 0px !important;
}
#contact label label {
  margin-bottom: 0px !important;
}
h2 {
  padding-bottom: 0px;
}
.fontHH1 {
  font-family: HPSimplified !important;
}
h3 {
  margin-bottom: 5px !important;
}
html[dir=rtl] .input-submit-inline .form-input {
  float: right !important;
}
html[dir=rtl] .input-submit-inline input[type=submit],
html[dir=rtl] .input-submit-inline input[type=button] {
  float: right !important;
  margin-right: 10px;
}
html[dir=rtl] blockquote {
  border-left: none;
  border-right: 3px solid #0096d6;
}
.mighty2PhoneGroups label {
  font-weight: normal !important;
}
#universalFormSerialNumber .errorMessage {
  padding-right: 15px !important;
  /* Regression defect 9 extra spacing for error message */
  /*margin-top:26px!important;*/
}
@media (max-width: 800px) {
  html[dir=rtl] #dvUniversalForm .form-group.col-lg-12 {
    float: none;
  }
  #dvUniversalForm form#contact .dropdown {
    margin-bottom: 15px !important;
  }
}
/*.panel .panel-title>a:after {
      right:auto;
      left:0;
}

.panel .panel-title>a:after {
content: '';
position: absolute;
width: 26px;
height: 26px;
font-size: 10px;
font-family: FontAwesome;
color: #767676;
text-align: center;
}*/
html[dir=rtl] .descTxt {
  direction: ltr;
  text-align: right;
  display: inline-block;
}
.panel .panel-title > a#phone.collapsed:after {
  content: '\e601';
  top: 16px;
}
html[dir=rtl] .panel .panel-title > a#phone.collapsed:after {
  content: '\e601';
  top: 17px;
  left: 15px;
  right: inherit;
}
.templateMainWrapper {
  margin-top: 5px;
  margin-bottom: 5px;
}
.videoPlaylist {
  float: left;
}
.overrideContainer {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}
/*LTR specific LESS as some values conflict with RTL, kept at top so that precidence of rest of the LESS will work properly*/
html[dir=ltr] #chatbotToronto {
  right: 10px;
}
html[dir=ltr] #torontoChatPage {
  right: 10px;
}
#chatbotToronto {
  height: 40px;
  position: fixed;
  width: 301px;
  bottom: 0px;
  z-index: 1000000000;
  border-radius: 4px 4px 0px 0px;
  background-color: #6B3A96;
  color: white;
  cursor: pointer;
  box-shadow: 0px 0px 10px gray;
}
#chatbotToronto .chatNotificationBadge {
  display: none;
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: red;
  border-radius: 25px;
  font-weight: bold;
  text-align: center;
  top: -10px;
  left: -10px;
}
#chatbotToronto #botImageContainer {
  height: 35px;
  width: 35px;
  border-radius: 35px;
  margin: 2.5px 10px;
  float: left;
}
#chatbotToronto #botImageContainer #botImage {
  height: 35px;
  width: 35px;
}
#chatbotToronto #botImageContainer #botMobileImage {
  margin-top: -3px;
  margin-left: -10px;
  height: 35px;
  width: 35px;
}
#chatbotToronto #botText {
  margin-top: 10px;
  float: left;
  font-size: 15px;
  margin-right: 20px;
}
.hideChatbot {
  display: none!important;
}
#torontoChatPage {
  display: none;
  height: 500px;
  bottom: 0;
  width: 460px;
  position: fixed;
  background-color: #ffffff;
  z-index: 1000000000;
  box-shadow: 0px 0px 10px grey;
}
#torontoChatPage #torontoChatHeading {
  height: 40px;
  background-color: #6B3A96;
  color: white;
  float: right;
  width: 100%;
}
#torontoChatPage #torontoChatHeading .torontoCloseIcon {
  float: right;
  margin: 10px;
  height: 20px;
  width: 20px;
  background: transparent;
  border: 0px;
}
#torontoChatPage #torontoChatPlaceholder {
  height: 96%;
}
#torontoChatPage #torontoChatPlaceholder .torontoChatBotIframe {
  display: block!important;
  border: 0px;
  width: 100%;
  height: inherit;
}
#torontoChatPage #torontoChatPlaceholder .chatBotLoadingIndicator {
  display: none;
  float: left;
  margin: 43%;
}
#torontoChatPage #torontoChatPlaceholder .chatBotUnavailable {
  display: none;
  float: left;
  margin: 43% 20px;
  text-align: center;
  text-decoration: none;
  color: inherit;
}
@media (max-width: 800px) {
  #chatbotToronto {
    height: 35px;
    width: 35px;
    border-radius: 50px;
  }
  #torontoChatHoverText {
    display: none;
  }
}
/*RTL Handling of chat bot*/
html[dir=rtl] .toronto-prompt {
  left: 20px;
  right: auto;
}
html[dir=rtl] .toronto-prompt button.close.icon {
  left: 0;
  right: auto!important;
}
html[dir=rtl] #chatbotToronto {
  left: 10px;
}
html[dir=rtl] #chatbotToronto .chatNotificationBadge {
  right: -10px;
}
html[dir=rtl] #chatbotToronto #botImageContainer {
  float: right;
}
html[dir=rtl] #chatbotToronto #botText {
  float: right;
  margin-left: 20px;
  margin-right: 0px;
}
html[dir=rtl] #torontoChatPage {
  left: 10px;
}
html[dir=rtl] #torontoChatPage #torontoChatHeading .torontoCloseIcon {
  float: left;
}
.toronto-prompt {
  position: fixed;
  width: 250px;
  min-height: 100px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  bottom: 70px;
  right: 20px;
  border: 3px solid #6B3A96;
  padding: 10px;
  background: #fff;
  z-index: 1000;
  cursor: pointer;
}
.toronto-prompt:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: #FFFFFF transparent;
  z-index: 1;
  bottom: -20px;
  right: 15%;
  border-right: 0;
  border-width: 20px 10px 0 10px;
}
.toronto-prompt:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: #6B3A96 transparent;
  bottom: -26px;
  right: 14.5%;
  border-right: 0;
  border-width: 25px 15px 0 15px;
}
.toronto-prompt .need-help {
  margin-bottom: 12px;
}
.toronto-prompt button.close.icon {
  top: -5px;
  right: -5px;
}
.conversion-container {
  margin-top: 0;
}
.conversion-container .samsung-serial-result,
.conversion-container .samsung-model-result,
.conversion-container .hp-serial-result,
.conversion-container .hp-product-result {
  margin-left: 82px;
}
.conversion-container .samsung-serial-result input,
.conversion-container .samsung-model-result input,
.conversion-container .hp-serial-result input,
.conversion-container .hp-product-result input {
  background-color: #e8f5fb;
  border: 1px solid #0096D6;
  color: black;
}
.conversion-container .samsung-serial-result input .errorMessage,
.conversion-container .samsung-model-result input .errorMessage,
.conversion-container .hp-serial-result input .errorMessage,
.conversion-container .hp-product-result input .errorMessage {
  text-align: right;
  position: relative;
  right: 50px;
}
.conversion-container .samsung-serial-result input.error-input,
.conversion-container .samsung-model-result input.error-input,
.conversion-container .hp-serial-result input.error-input,
.conversion-container .hp-product-result input.error-input {
  background-color: #efefef;
}
.conversion-container .samsung-product-section {
  background-color: white;
  padding-left: 0;
  border-bottom: 1px solid #767676;
}
.conversion-container .gray-block.component {
  padding: 0;
}
.conversion-container .hp-serial,
.conversion-container .hp-serial-num-section {
  margin-top: 13px;
}
.conversion-container .start-with-section {
  margin-left: -15px;
}
.conversion-container .hp-product {
  margin-bottom: 30px;
}
.conversion-container .captcha {
  margin-top: -30px;
  margin-left: 120px;
}
.conversion-container .pull-right {
  float: right;
}
.conversion-container .remove-left-padding {
  padding-left: 0;
}
.conversion-container .remove-padding {
  padding: 0;
}
.conversion-container .gray-block.component.hp-serial,
.conversion-container .gray-block.component.samsung-product-section,
.conversion-container .gray-block.component.samsung-serial-section,
.conversion-container .gray-block.component.hp-product {
  background-color: white;
  padding: 0;
}
.conversion-container .conversion-result-label {
  margin-left: 37px;
  position: static;
}
.conversion-container .clear-btn {
  color: #fff;
}
.conversion-container .conversion-input-label {
  margin-bottom: 2px;
}
.conversion-container .start-with-hp-heading {
  margin-bottom: 0;
}
/* mobile view */
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .conversion-container div.samsung-serial-result,
  .conversion-container div.samsung-model-result,
  .conversion-container div.hp-serial-result,
  .conversion-container div.hp-product-result {
    margin-left: 0;
    margin-bottom: 20px;
    clear: both;
  }
  .conversion-container div.samsung-serial-result input,
  .conversion-container div.samsung-model-result input,
  .conversion-container div.hp-serial-result input,
  .conversion-container div.hp-product-result input {
    margin-top: 32px;
  }
  .conversion-container div.samsung-serial-result input .errorMessage,
  .conversion-container div.samsung-model-result input .errorMessage,
  .conversion-container div.hp-serial-result input .errorMessage,
  .conversion-container div.hp-product-result input .errorMessage {
    text-align: center;
    right: 65px;
  }
  .conversion-container .captcha {
    margin-left: 0;
    margin-top: 50px;
  }
  .conversion-container .conversion-result-label {
    margin-left: 0;
    position: relative;
    top: 150px;
  }
  .conversion-container .samsungSerialBtn,
  .conversion-container .samsungSerialClearBtn,
  .conversion-container .samsungProductBtn,
  .conversion-container .samsungProductClearBtn,
  .conversion-container .hpSerialBtn,
  .conversion-container .hpSerialClearBtn,
  .conversion-container .hpProductBtn,
  .conversion-container .hpProductClearBtn {
    float: right;
  }
  .gray-block.component {
    display: block;
  }
}
/* tablet view */
@media only screen and (min-width: 497px) and (max-width: 800px) {
  .conversion-container .samsung-serial-result,
  .conversion-container .samsung-model-result,
  .conversion-container .hp-serial-result,
  .conversion-container .hp-product-result {
    margin-left: 100px;
  }
  .conversion-container .captcha {
    margin-top: -30px;
  }
  .conversion-container .gray-block.component.hp-serial,
  .conversion-container .gray-block.component.samsung-product-section,
  .conversion-container .gray-block.component.samsung-serial-section,
  .conversion-container .gray-block.component.hp-product {
    padding-bottom: 13px;
  }
}
/* rtl */
html[dir=rtl] .conversion-container .gray-block.component {
  display: block;
}
.add-device-main-container {
  background-color: white;
  padding: 10px;
  box-shadow: 0px 1px 4.7px 0.4px #ccc;
  border: solid 1px #e8e8e8;
  margin: 20px 0px;
}
.add-device-heading {
  margin-top: 30px;
  margin-bottom: 30px;
}
.add-device-tabContent {
  margin: 10px 20px 30px 20px;
}
.buttonSubmit {
  margin-top: 32px;
  padding-right: 0px;
}
.add-device-line {
  margin-top: 5px;
}
.commercialContent .commercial-content-body {
  margin: 30px 0px;
}
.commercialContent .add-device-line {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px!important;
}
.commercialHpSupportLink {
  text-decoration: underline!important;
}
.add-device-wcm-body .commercialHpSupportLink {
  margin-left: 20px;
}
@media only screen and (max-width: 496px) {
  #btnWFormSubmit {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
  #btnWFormSubmit {
    margin-left: 35%;
  }
}
.left-margin-list {
  margin-left: 20px!important;
  margin-bottom: 10px;
}
.errorMessage {
  line-height: 16px!important;
}
.overrideContainerDashboard {
  background-color: gray;
  min-height: 100%;
  display: table;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  font-size: 36px;
  margin-top: -3px;
  color: white;
  background-repeat: no-repeat;
  background-size: cover;
}
.overrideContainerDashboard .mobBannerTextContainer {
  min-height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 60px 15px;
  position: relative;
  z-index: 9;
}
.overrideContainerDashboard .darkTintDashboardMob {
  position: absolute;
  min-height: inherit;
  top: 0px;
  background-color: black;
  opacity: 0.4;
  width: 100%;
  z-index: 0;
}
#dashboardDeviceViewWrapper {
  float: left;
}
#dashboardDeviceViewWrapper .deviceViewHead {
  margin: 40px 0px 25px 0px;
}
#dashboardDeviceViewWrapper .deviceViewHead .myDevicesBlock {
  font-size: 20px;
  display: inline-block;
}
#dashboardDeviceViewWrapper .deviceViewHead .myDevicesBlock .myDevicesHeading {
  font-weight: bold;
  display: inline-block;
}
#dashboardDeviceViewWrapper .deviceViewHead .myDevicesBlock .noOfDevices {
  color: #373737;
}
#dashboardDeviceViewWrapper .deviceViewHead .addDevice {
  display: inline-block;
  float: right;
  font-size: 18px;
  color: #0096d6;
  cursor: pointer;
}
#dashboardDeviceViewWrapper .deviceViewHead .addDevice .addIcon {
  display: inline-block;
  height: 15px;
  margin-top: -3px;
}
#dashboardDeviceViewWrapper .selectedBorder {
  border-top: 5px solid #ffcc33 !important;
}
#dashboardDeviceViewWrapper .cardWrapper {
  box-shadow: 0px 1px 4.7px 0.4px rgba(204, 204, 204, 0.35);
  border: solid 1px #e8e8e8;
  padding-top: 20px;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
#dashboardDeviceViewWrapper .cardWrapper .basicDeviceInfoContainer {
  float: left;
  margin-top: 0.4em;
  width: inherit;
}
#dashboardDeviceViewWrapper .cardWrapper .basicDeviceInfoContainer .imgAlertContainer {
  text-align: center;
}
#dashboardDeviceViewWrapper .cardWrapper .basicDeviceInfoContainer .imgAlertContainer .alertNotificationSmall {
  font-size: 12px;
  color: #373737;
}
#dashboardDeviceViewWrapper .cardWrapper .basicDeviceInfoContainer .imgAlertContainer .alertNotificationSmall .smallAlertIcon {
  height: 10px;
  display: inline-block;
  font-weight: normal;
}
#dashboardDeviceViewWrapper .cardWrapper .mobileSpecificSnoProdNo {
  float: left;
}
#dashboardDeviceViewWrapper .cardWrapper .expandedViewSpecific {
  display: none;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  float: left;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .fixedNickNameContainer {
  float: left;
  width: 70%;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .fixedNickNameContainer .deviceNickname {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  float: left;
  max-width: 85%;
  color: #0096D6;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .editableNickNameContainer {
  display: none;
  padding-right: 0;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .editableNickNameContainer .nicknameField {
  width: 60%;
  float: left;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .editableNickNameContainer .updateNickNameBtn {
  width: auto;
  display: inline-block;
  height: 46px;
  cursor: pointer;
  background-color: #0096d6;
  margin: 0px -4px;
  float: left;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .editableNickNameContainer .updateNickNameBtn .tickMarkImg {
  margin: 15px auto;
  height: 15px;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .editableNickNameContainer .cancel-button {
  cursor: pointer;
  float: left;
  font-size: 14px;
  padding: 0.7em;
  font-weight: lighter;
  color: #373737;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .editIconContainer {
  vertical-align: super;
  float: left;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .editIconContainer .editIconImg {
  color: #0096D6;
  fill: currentColor;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-left: 10px;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .preferredDeviceContainer {
  display: inline-block;
  width: 30%;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .preferredDeviceContainer .preferredDeviceText {
  font-weight: 500;
  float: left;
  margin: 0;
  font-size: 13px;
  padding: 0;
  /* display: none; */
  text-align: -webkit-right;
  font-family: HPSimplifiedLight;
  font-style: italic;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .preferredDeviceContainer .preferredDeviceSvg {
  margin: 0;
  padding: 0;
  width: 19px;
  height: 19px;
  float: right;
  fill: none;
  stroke: #bfbfbf;
  stroke-linecap: square;
  stroke-miterlimit: 10;
}
#dashboardDeviceViewWrapper .cardWrapper .nickname .preferredDeviceContainer .selected {
  fill: #ffcc33 !important;
  stroke: none !important;
}
@media only screen and (max-width: 496px) {
  #dashboardDeviceViewWrapper .cardWrapper .preferredDeviceContainer {
    padding: 0 0 5px 0;
  }
  #dashboardDeviceViewWrapper .cardWrapper .preferredDeviceContainer .preferredDeviceText {
    font-size: 12px;
    line-height: 14px;
  }
}
#dashboardDeviceViewWrapper .cardWrapper .deviceFullName {
  color: #5a5a5a;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#dashboardDeviceViewWrapper .cardWrapper .warrantyInfo {
  margin: 10px 0px;
  font-size: 16px;
  display: block;
}
#dashboardDeviceViewWrapper .cardWrapper .warrantyExpired {
  text-decoration: underline!important;
  color: #ff0000!important;
}
#dashboardDeviceViewWrapper .cardWrapper .inWarranty {
  color: #008424!important;
}
#dashboardDeviceViewWrapper .cardWrapper .inWarranty span {
  text-decoration: underline!important;
}
#dashboardDeviceViewWrapper .cardWrapper .warrantyUnknown {
  display: inline-block !important;
  color: #373737!important;
}
#dashboardDeviceViewWrapper .cardWrapper .lastUpdatedText {
  font-size: 14px;
  color: #767676;
  font-style: italic;
}
#dashboardDeviceViewWrapper .cardWrapper .refreshWarranty {
  margin: 5px 0px;
  float: left;
  width: 100%;
}
#dashboardDeviceViewWrapper .cardWrapper .refreshWarranty .refreshWarrantyIcon {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  float: left;
}
#dashboardDeviceViewWrapper .cardWrapper .refreshWarranty .refreshWarrantyText {
  font-size: 14px;
  float: left;
}
#dashboardDeviceViewWrapper .cardWrapper .refreshWarranty.enabled .refreshWarrantyIcon {
  color: #0096D6;
  fill: currentColor;
}
#dashboardDeviceViewWrapper .cardWrapper .refreshWarranty.enabled .refreshWarrantyText {
  color: #0096D6;
}
#dashboardDeviceViewWrapper .cardWrapper .refreshWarranty.disabled {
  cursor: not-allowed;
  outline: none;
}
#dashboardDeviceViewWrapper .cardWrapper .refreshWarranty.disabled .refreshWarrantyIcon {
  color: #767676;
  fill: currentColor;
}
#dashboardDeviceViewWrapper .cardWrapper .refreshWarranty.disabled .refreshWarrantyText {
  color: #767676!important;
}
#dashboardDeviceViewWrapper .cardWrapper .extendWarrantyContainer .extendWarrantyLink {
  text-decoration: underline;
  color: #0095d9;
  font-size: 16px;
}
#dashboardDeviceViewWrapper .cardWrapper .cardHeadContent {
  font-size: 16px;
  margin-top: 15px;
  float: left;
  width: 100%;
}
#dashboardDeviceViewWrapper .cardWrapper .cardHeadContent .serialProdNo {
  margin-bottom: 5px;
}
#dashboardDeviceViewWrapper .cardWrapper .cardHeadContent .boldTitle {
  display: inline-block;
  font-weight: bold;
}
#dashboardDeviceViewWrapper .cardWrapper .cardHeadContent .numberData {
  display: inline-block;
}
#dashboardDeviceViewWrapper .cardWrapper .cardHeadContent .secondNoContainer {
  margin: 5px 0px;
}
#dashboardDeviceViewWrapper .cardWrapper .desktopCarepackLink {
  display: none;
  float: left;
  width: 100%;
  margin: 10px 0px;
}
#dashboardDeviceViewWrapper .cardWrapper .desktopCarepackLink .carepackSvgContainer {
  float: left;
  width: 11%;
}
#dashboardDeviceViewWrapper .cardWrapper .desktopCarepackLink .carepackSvgContainer .carepackSvg {
  height: 35px;
  width: 35px;
  color: inherit;
  fill: currentColor;
}
#dashboardDeviceViewWrapper .cardWrapper .desktopCarepackLink .carepackLinkTextContainer {
  float: left;
  width: 89%;
  padding: 5px 10px;
  text-decoration: underline;
}
#dashboardDeviceViewWrapper .cardWrapper .mobileCarepackLink {
  display: none;
  float: left;
  width: 100%;
  margin: 10px 15px;
}
#dashboardDeviceViewWrapper .cardWrapper .mobileCarepackLink .carepackSvgContainer {
  float: left;
  width: 11%;
}
#dashboardDeviceViewWrapper .cardWrapper .mobileCarepackLink .carepackSvgContainer .carepackSvg {
  height: 35px;
  width: 35px;
  color: inherit;
  fill: currentColor;
}
#dashboardDeviceViewWrapper .cardWrapper .mobileCarepackLink .carepackLinkTextContainer {
  float: left;
  width: 89%;
  padding: 5px 10px;
  text-decoration: underline;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo {
  float: left;
  width: 100%;
  display: none;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsHeading {
  height: 40px;
  background-color: #e8e8e8;
  padding: 10px 20px;
  font-size: 18px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsHeading .impAlertsHeadText {
  display: inline-block;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent {
  background-color: #F3F3F3;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent ul {
  margin: 0px;
  padding-top: 10px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent ul .alertListElement {
  margin: 0px 20px;
  padding: 10px 30px;
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/alertIconNormal.png);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left 12px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent ul .alertListElement .alertTitle {
  font-weight: bold;
  color: #000000;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent ul .alertListElement .alertDesc {
  color: #373737;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent ul .alertListElementCritical {
  background-image: url(/static/hp-portal-theme-static/themes/Portal8.0/hp/images/alertIconCritical.png) !important;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent ul .alertListElementDefault {
  background-image: none;
  margin: 0px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent ul .moreAlerts {
  display: none;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .impAlertsContent .viewMoreAlerts {
  text-align: center;
  padding: 12.5px 0px;
  color: #0095d9;
  display: block;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteDevice {
  padding: 0px 5px;
  display: block;
  float: left;
  width: 100%;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteDevice:hover {
  background-color: #e8e8e8;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteDevice .deleteIcon {
  display: inline-block;
  margin: 15px;
  height: 20px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteDevice .deleteText {
  font-size: 14px;
  color: #373737;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction {
  display: none;
  float: left;
  width: 100%;
  padding: 15px 0px;
  background-color: #e8e8e8;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .delIconInstruction {
  height: 20px;
  display: inline-block;
  margin: 0px 10px 0px 5px;
  float: left;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .rmDeviceQuest {
  color: #373737;
  font-weight: bold;
  display: inline-block;
  width: 80%;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .delOptContainer {
  margin-top: 10px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .delOptContainer .delOption {
  margin-left: 20px;
  width: 100%;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .delOptContainer .delOption .iradio_flat-blue {
  float: left;
  margin-top: 0px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .delOptContainer .delOption span {
  float: left;
  width: 85%;
  font-weight: normal;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .delConfrmBtn {
  border-radius: 0px;
  height: 45px;
  width: 40px;
  padding: 15px 10px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .delConfrmBtn img {
  height: 15px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .deleteInstruction .cancelDelLink {
  margin-left: 20px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .wcmDeviceContent .product-tiles {
  float: left;
  width: 100%;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
  margin-bottom: 0px;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .wcmDeviceContent .product-tiles li a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #373737;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .wcmDeviceContent .product-tiles li a img.productIcon {
  height: 40px;
  margin: auto;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .wcmDeviceContent .product-tiles .tile {
  float: left;
  text-align: center;
  list-style: none;
}
#dashboardDeviceViewWrapper .cardWrapper .additionalDeviceCardInfo .wcmDeviceContent .product-tiles li .productTitle {
  margin-top: 10px;
  font-size: 14px;
}
#dashboardDeviceViewWrapper .cardWrapper .moreLessDeviceCard {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0px 30px 0px;
  color: #0096D6;
  cursor: pointer;
}
html[dir=rtl] .cardWrapper .additionalDeviceCardInfo .impAlertsContent ul .alertListElement {
  background-position: right 12px;
}
@media (max-width: 800px) {
  #dashboardDeviceViewWrapper {
    float: left;
  }
  #dashboardDeviceViewWrapper .cardWrapper .basicDeviceInfoContainer {
    margin-top: 0.4em;
  }
  #dashboardDeviceViewWrapper .cardWrapper .basicDeviceInfoContainer .deviceFullName {
    margin-bottom: 0px;
    font-size: 14px;
  }
  #dashboardDeviceViewWrapper .cardWrapper .warrantyInfo {
    margin: 0px;
    font-size: 14px;
  }
  #dashboardDeviceViewWrapper .cardWrapper .refreshWarranty .refreshWarrantyIcon {
    height: 15px;
    width: 15px;
  }
  .wcmDeviceContentRightSide {
    float: left;
  }
  .wcmDeviceContentRightSide .wcmContentForum .wcmContentSpinner {
    margin-top: auto;
    margin-bottom: 15%;
  }
  .additionalDeviceCardInfo .deleteInstruction {
    padding: 25px 0px;
  }
  .additionalDeviceCardInfo .deleteInstruction .delIconInstruction {
    margin: 0px 15px 0px 5px;
  }
  .additionalDeviceCardInfo .deleteInstruction .delOptContainer {
    margin: 25px 0px;
  }
  .additionalDeviceCardInfo .deleteInstruction .delOptContainer .delOption {
    margin-left: 25px;
  }
  .additionalDeviceCardInfo .deleteInstruction .delBtnContainer {
    text-align: center;
  }
  .additionalDeviceCardInfo .deleteInstruction .cancelDelLink {
    margin-left: 20px;
  }
}
.wcmDeviceContentRightSide {
  float: left;
}
.wcmDeviceContentRightSide .wcmContentForum {
  margin: 40px 0px 25px 0px;
  border-bottom-color: #ccc;
  border-bottom-style: solid;
  border-bottom-width: 0.8px;
  float: left;
}
.wcmDeviceContentRightSide .wcmContentForum .wcmContentSpinner {
  margin-top: 34%;
  margin-bottom: 34%;
  text-align: -webkit-center;
}
.wcmDeviceContentRightSide .wcmContentOthers {
  margin: 40px 0px 25px 0px;
}
#sessionTimedOutView {
  float: left;
}
#sessionTimedOutView .sign-in-div {
  margin-top: 31px;
}
#sessionTimedOutView .skip-link-mobile {
  padding-top: 20px;
}
#sessionTimedOutView .mobile-sign-in-div {
  background-color: #e8f8ff;
  padding: 20px 10px;
}
.session-view {
  margin: 150px 0px;
}
@media (max-width: 800px) {
  .session-view {
    margin: 100px 0px!important;
  }
}
#dashboardQualtrics {
  float: left;
  width: 100%;
}
#myServiceContainer {
  float: left;
  width: 100%;
  display: none;
}
.not-logged-in-hide {
  display: none!important;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-header .product-information-dashboard-modal-title .product-information-dashboard-modal-heading {
  font-family: HPSimplifiedLight;
  font-size: 20px;
  /* letter-spacing: 2px; */
  color: #000000;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-header .product-information-dashboard-modal-title .product-information-dashboard-modal-description {
  font-size: 16px;
  font-family: HPSimplifiedLight;
  line-height: 24px;
  color: #000000;
  /* letter-spacing: 2px; */
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-header .product-information-dashboard-modal-title .product-information-dashboard-modal-link {
  font-size: 16px;
  font-family: HPSimplified;
  /* letter-spacing: 2px; */
  color: #0171ad;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer {
  max-height: 440px;
  overflow-y: auto;
  padding: 0;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceHeadingContainer {
  /* padding: 0; */
  border-bottom: solid 1px lightgray;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceHeadingContainer .deviceInformationHeading {
  font-size: 20px;
  font-family: HPSimplifiedLight;
  color: #000000;
  /* border-bottom: solid 1px lightgray; */
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceInfoDetailsContainer {
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceInfoDetailsContainer .deviceInfoName {
  font-size: 16px;
  font-family: HPSimplified;
  line-height: 24px;
  color: #000000;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceInfoDetailsContainer .deviceInfoValue {
  font-family: HPSimplifiedLight;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer {
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceHeadingContainer {
  /* padding: 0; */
  border-bottom: solid 1px lightgray;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceHeadingContainer .deviceInformationHeading {
  font-size: 20px;
  font-family: HPSimplifiedLight;
  color: #000000;
  /* border-bottom: solid 1px lightgray; */
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceInfoDetailsContainer {
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceInfoDetailsContainer .deviceInfoName {
  font-size: 16px;
  font-family: HPSimplified;
  line-height: 24px;
  color: #000000;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceInfoDetailsContainer .deviceInfoValue {
  font-family: HPSimplifiedLight;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .noDeviceInfoDetailsContainer {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techContentSpinnerModal {
  margin: 0 auto;
  width: 100px;
}
#product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .WCMContentMainContainer .wcmContentSpinner {
  margin-left: 30%;
}
@media only screen and (max-width: 496px) {
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-header .product-information-dashboard-modal-title .product-information-dashboard-modal-heading {
    font-size: 18px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-header .product-information-dashboard-modal-title .product-information-dashboard-modal-description {
    font-size: 14px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-header .product-information-dashboard-modal-title .product-information-dashboard-modal-link {
    font-size: 14px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer {
    padding: 15px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceHeadingContainer {
    padding: 0;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceHeadingContainer .deviceInformationHeading {
    font-size: 18px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceInfoDetailsContainer .deviceInfoName {
    padding: 0;
    font-size: 14px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .deviceInfoDetailsContainer .deviceInfoValue {
    padding: 0;
    font-size: 14px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceHeadingContainer {
    padding: 0;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceHeadingContainer .deviceInformationHeading {
    font-size: 18px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceInfoDetailsContainer .deviceInfoName {
    padding: 0;
    font-size: 14px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .techSpecContainer .deviceInfoDetailsContainer .deviceInfoValue {
    padding: 0;
    font-size: 14px;
  }
  #product-information-dashboard-modal .product-information-dashboard-modal-dialog .product-information-dashboard-modal-content .product-information-dashboard-modal-body .product-information-dashboard-modal-row .deviceInformationMainContainer .noDeviceInfoDetailsContainer {
    padding: 0;
    font-size: 14px;
  }
}
.preferredDeviceOverlaySpinner {
  position: fixed;
  z-index: 1;
  top: 50%;
  bottom: 0;
  left: 50%;
  right: 0;
}
.preferredDeviceOverlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1000000000;
  background-color: rgba(0, 0, 0, 0.4);
}
/*personalization landing pages - product and drivers*/
.text-center {
  text-align: center;
}
.personalization-landing-pages .logged-in-contact-user {
  margin-top: 20px;
  margin-bottom: 20px;
}
.personalization-landing-pages .logged-in-contact-user .contact-support-title {
  font-family: HPSimplifiedLight;
}
.personalization-landing-pages .not-logged-in {
  background-color: #e8f8ff;
  min-height: 59px;
  display: table;
  height: 100%;
  width: 100%;
  margin: 10px 0;
}
.personalization-landing-pages .not-logged-in div.outerContainer {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
}
.personalization-landing-pages .not-logged-in div.outerContainer a {
  color: #0096D6;
}
.personalization-landing-pages .logged-in {
  background-color: #ffffff;
  box-shadow: 0px 2px 13.1px 4.9px rgba(230, 230, 230, 0.35);
  padding: 20px 0 20px 20px;
}
.personalization-landing-pages .logged-in.one-device-width {
  max-width: 380px;
}
.personalization-landing-pages .logged-in.two-device-width {
  max-width: 690px;
}
.personalization-landing-pages .title.container {
  font-family: HPSimplifiedLight;
  margin-top: 35px;
  margin-bottom: 10px;
}
.personalization-landing-pages .personalization-devices {
  padding-right: 0;
}
.personalization-landing-pages .personalization-devices .title {
  margin-left: -7px;
  font-family: HPSimplifiedLight;
}
.personalization-landing-pages .personalization-devices .title.container {
  margin-top: 35px;
}
.personalization-landing-pages .personalization-devices .view-more-less {
  font-size: 18px;
  cursor: none;
}
.personalization-landing-pages .personalization-devices .view-more-less .fa {
  margin-left: 5px;
}
.personalization-landing-pages .personalization-devices .device-block {
  width: 287px;
  height: 180px;
  background-color: #ffffff;
  box-shadow: 0px 1px 4.7px 0.4px rgba(204, 204, 204, 0.35);
  border: solid 1px #e8e8e8;
  padding-right: 0;
  margin: 13px 20px 25px 4px;
  cursor: pointer;
  display: inline-block;
}
.personalization-landing-pages .personalization-devices .device-block:hover {
  border: solid 1px #0096d6;
}
.personalization-landing-pages .personalization-devices .device-block img {
  width: 85px;
  height: 56px;
}
.personalization-landing-pages .personalization-devices .device-block .warranty .expired {
  color: #ff0000;
}
.personalization-landing-pages .personalization-devices .device-block .warranty .in {
  color: #00a600;
}
.personalization-landing-pages .personalization-devices .device-block .warranty .un {
  color: #373737;
}
.personalization-landing-pages .personalization-devices .device-block .hp-row {
  padding-right: 0;
}
.personalization-landing-pages .personalization-devices .device-block .device-name {
  padding-right: 10px;
  font-size: 16px;
}
.personalization-landing-pages .personalization-devices .device-block .device-details {
  margin-top: 22px;
}
.personalization-landing-pages .personalization-devices .device-block .device-type {
  color: #0096d6;
}
/* mobile and tablet view */
@media only screen and (min-width: 497px) and (max-width: 800px), only screen and (max-width: 496px) {
  .personalization-landing-pages .personalization-devices {
    padding-left: 0;
  }
  .personalization-landing-pages .title.container {
    margin-top: 10px;
  }
  .personalization-landing-pages .logged-in {
    box-shadow: none;
    padding: 0;
  }
}
/* used for dmd gray box on landing page and step 1 and 2 - Start */
.dmd-how-to {
  position: absolute;
  bottom: 10px;
  font-size: 13.5px;
}
.dmd-how-to a {
  text-decoration: underline;
}
.dmd-container .bold {
  font-weight: bold;
}
.dmd-container header {
  position: relative;
}
.dmd-container header .heading {
  display: inline-block;
  margin: 40px 0px;
}
.dmd-container header a {
  position: absolute;
  top: 50px;
  right: 0;
}
.dmd-container .dmd-btn-section {
  margin-bottom: 55px;
}
.dmd-container .dmd-btn-section .primary {
  margin-right: 20px;
}
.dmd-container .step1 .dmd-agreement-check {
  margin: 35px 0px;
}
.dmd-container .step2 .panel-inlay.dmd-installation-instructions {
  margin: 20px 0 35px 0;
}
.dmd-container .step2 .dmd-next-text {
  margin: 35px 0;
}
.installation-reqd-modal .modal-dialog {
  max-width: 565px;
  padding: 40px;
}
.installation-reqd-modal .installation-reqd-modal-margin {
  margin-top: 12px;
}
.installation-reqd-modal .modal-header {
  padding: 15px 60px 15px 20px;
}
/* used for dmd gray box on landing page and step 1 and 2 - End */
/* used for dmd identified products cards layout - Start */
.hp-identified-support {
  margin-top: 20px;
}
.hp-identified-support .hp-identified-support-desc .identified-anchor {
  color: #0095d9;
}
.identified-products {
  padding-top: 40px;
}
.identified-products .title {
  background: #ccc;
  padding: 5px 10px;
}
.identified-products .productTiles {
  float: left;
  width: 100%;
}
.identified-products .productTiles .tileWrapper {
  text-decoration: none;
  display: inline-block;
  margin: 15px;
  padding: 0px;
}
.identified-products .productTiles .tileWrapper .tile {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: 7%;
  box-shadow: 0px 1px 4.7px 0.4px rgba(204, 204, 204, 0.35);
  border: solid 1px #e8e8e8;
}
.identified-products .productTiles .tileWrapper .tile .tilesTitle {
  color: #0095d9;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.identified-products .productTiles .tileWrapper .tile .DMDProductImage {
  width: 100px;
  padding: 0%;
}
.identified-products .productTiles .tileWrapper .tile .productDetails {
  padding: 4%;
}
.identified-products .productTiles .tileWrapper .tile .productDetails .DMDDescHeading {
  margin: 0;
  font-size: 14px;
  padding: 0;
  color: #373737;
}
.identified-products .productTiles .tileWrapper .tile .productDetails .DMDDescValue {
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.identified-products .productTiles .tileWrapper .tile .productDetails img {
  max-width: 100px;
  height: auto;
}
.identified-products .productTiles .tileWrapper .tile:hover {
  border: solid 1px #0096d6;
  cursor: pointer;
}
.identified-products .productTiles .tileWrapper .tile:hover .DMDDescValue {
  color: #0095d9;
}
.identified-products .productTiles .tileWrapper .dmdAddToDashBtn {
  background-color: #e8f8ff;
  min-height: 48px;
  text-align: center;
  margin-top: 10px;
  float: left;
  width: 100%;
}
.identified-products .productTiles .tileWrapper .devicePresent {
  background-color: #f2f2f2;
  padding: 15px;
  color: #373737;
  cursor: not-allowed;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent {
  color: #0096D6;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProductBtn {
  float: left;
  width: 100%;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProductBtn .addIconContainer {
  display: inline-block;
  float: left;
  width: 6%;
  margin: 15px;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProductBtn .addIconContainer .addIcon {
  display: inline-block;
  height: 18px;
  width: 18px;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProductBtn .addBtnTxt {
  font-size: 16px;
  text-align: left;
  float: left;
  width: 79%;
  margin: 15px 0px;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProdSpinnerContainer {
  text-align: center;
  display: none;
  color: #0096D6;
  cursor: progress;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProdSpinnerContainer img {
  margin: 15px auto;
  height: 25px;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProductSuccess {
  text-align: left;
  display: none;
  cursor: default;
  float: left;
  width: 100%;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProductSuccess .tickIconContainer {
  display: inline-block;
  float: left;
  width: 6%;
  margin: 15px;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProductSuccess .tickIconContainer .tickIcon {
  display: inline-block;
  height: 18px;
  width: 18px;
}
.identified-products .productTiles .tileWrapper .deviceNotPresent .addProductSuccess .addBtnSuccessTxt {
  font-size: 16px;
  text-align: center;
  float: left;
  color: #373737;
  width: 79%;
  margin: 15px 0px;
}
.identified-products .productTiles .tileWrapper .deviceAddError {
  display: none;
  background-color: #ffe4e4;
  text-align: left;
  padding: 15px;
}
.identified-products .productTiles .tileWrapper .deviceAddError .tryAgainAdd {
  text-decoration: underline;
  display: inline-block;
}
.gotoDashboardContainer {
  margin-bottom: 90px;
}
.gotoDashboardContainer .gotoDashboradTxt {
  margin: 40px 0px 20px 0px;
  font-weight: bold;
}
#dmdStep3 .sub-heading {
  margin: 20px 0;
}
#dmdStep3 .progress-bar-component {
  margin-bottom: 100px;
}
#dmdStep3 .progress-bar-component .progress-bar-container {
  margin-bottom: 20px;
}
/* used for dmd identified products cards layout - End */
.timeout-container {
  margin-top: -20px;
}
.timeout-container .could-not-identify-heading .heading-class {
  color: #010101;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.timeout-container .could-not-identify-description-class {
  margin-bottom: 50px;
}
.timeout-container .could-not-identify-description-class .could-not-identify-description {
  margin-top: 20px;
}
.timeout-container .could-not-identify-description-class .retry-button {
  padding-left: 30px;
  padding-right: 30px;
}
.identifying-please-wait-container .hp-is-identifying-description-class {
  margin-bottom: 80px;
}
.identifying-please-wait-container .hp-is-identifying-description-class .hp-is-identifying-description {
  margin-top: 20px;
}
.identifying-please-wait-container .hp-is-identifying-description-class .hp-is-identifying-loading-gif-class {
  display: block;
  margin-left: 9em;
}
.no-product-found-container {
  margin-top: -20px;
}
.no-product-found-container .could-not-identify-heading .heading-class {
  color: #010101;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.no-product-found-container .could-not-identify-description-not-found-class .could-not-identify-description {
  margin-top: 20px;
}
.no-product-found-container .could-not-identify-description-not-found-class .retry-button {
  padding-left: 30px;
  padding-right: 30px;
}
.no-product-found-container .why-couldnt-hp-find-product-class {
  margin-top: 20px;
  margin-bottom: 100px;
}
#tooltip-no-device-found-modal .tooltip-no-device-found-modal-content .tooltip-no-device-found-modal-header .tooltip-no-device-found-modal-title {
  margin: 1.5%;
}
/* RTL alignment */
html[dir=rtl] .dmd-container header a {
  float: left;
  position: relative;
}
/* changes for DMD on add device page */
.add-device-main-container .column-block {
  border-right: 1px solid #767676;
}
.add-device-main-container .dmd-add-device-container {
  height: 250px;
}
.dmd-landing-new .swdDMDLabelOR {
  margin: 15px 0px;
}
.dmd-landing-new .swdDMDLabelOR span {
  font-family: HPSimplifiedLight;
}
.dmd-landing-new .detect-now-btn {
  margin-right: 20px;
  min-width: 200px;
  max-width: 320px;
}
#productTypeNavigationPlaceholder .smallIconWrapper {
  float: right;
}
#productTypeNavigationPlaceholder button {
  margin: 0px 7.5px;
}
.column-block.gray-block.marginComponent {
  min-height: 235px;
}
#dvPfinderDMD .column-block.gray-block.marginComponent {
  height: 235px;
}
#dvPfinderDMD .dmd-container.column-block.gray-block.marginComponent {
  min-height: 235px;
  height: auto!important;
}
#dvPfinderDMD .column-block.gray-block.marginComponent#grayBlockParent {
  max-height: 235px;
}
.serviceLocFormWrapper {
  margin-top: 20px;
}
.serviceLocFormWrapper .pageSubHeading {
  font-weight: normal;
  color: #373737;
}
.serviceLocFormWrapper .pageSmallHeading {
  font-weight: normal;
}
.serviceLocFormWrapper .noteMessageTop {
  font-size: 12px;
}
.serviceLocFormWrapper .errorContainer {
  background-color: #fff1f7;
  padding: 20px  0px;
  font-size: 14px;
  margin: 20px 0px;
}
.serviceLocFormWrapper #countrySelectorServLoc {
  width: 100%;
}
.serviceLocFormWrapper #radiusField {
  width: 50%;
}
.serviceLocFormWrapper .radiusMetric {
  margin: auto 10px;
  line-height: 46px;
  display: inline-block;
}
.serviceLocFormWrapper .radioSection {
  margin-top: 20px;
}
.serviceLocFormWrapper .radioSection .radioLabel {
  font-weight: normal;
}
.serviceLocFormWrapper .servLocSearchBtnContainer {
  margin-top: 30px;
}
@media (max-width: 800px) {
  .serviceLocFormWrapper .radiusFieldContainer {
    margin-top: 20px;
  }
}
html[dir=rtl] .serviceLocFormWrapper .radiusFieldContainer {
  float: right;
}
/*map */
#map,
.map-list-container,
.map-container {
  height: 100%;
}
#map #mapMobile,
.map-list-container #mapMobile,
.map-container #mapMobile {
  border: 1px solid gray;
}
.map-blue-block {
  background-color: rgba(79, 169, 222, 0.1);
}
.list-container,
.list-map-container {
  height: 500px;
  overflow: auto;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
.list-container p,
.list-map-container p {
  margin: 0;
}
.list-container-div {
  padding: 20px;
  margin: 0;
  border-bottom: 1px solid black;
  cursor: pointer;
}
.list-container-div .list-card-container {
  display: block;
}
.map-list-container .list-container-div:hover {
  background-color: rgba(79, 169, 222, 0.1);
}
.list-container-div:last-child {
  border-bottom: none;
}
.list-container:first-child {
  border-top: 1px solid black;
}
.list-container:last-child {
  border-top: 1px solid black;
}
button.button.get-directions {
  background: white;
  border: 1px solid #ADD8E6;
  border-radius: unset;
  margin: 10px 0;
  color: #0096D6;
}
button.button.get-directions .fa {
  color: #0096D6;
}
button.button.get-directions:hover {
  background: white;
}
.alphabet {
  color: #0096D6;
}
.list-container:last-child {
  border-bottom: 1px solid black;
}
/* map */
/*mobile map */
.map-list-card-container {
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  bottom: 12px;
}
.map-list-card-single {
  margin-right: 10px;
  display: inline-block;
}
.map-list-card-single .mobile-card-location-name {
  white-space: initial;
}
.map-list-card-single .mobile-card-address {
  width: 245px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.map-list-card-single .phone-icon {
  top: initial;
  width: initial;
}
.map-list-card-single .phone-icon .mobile-card-phone {
  display: inline-block;
  width: 215px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  position: relative;
  top: 3px;
}
.map-list-card-single .additionInfo {
  text-align: center;
}
.map-list-card-single .additionInfo p {
  text-align: initial;
}
.map-list-card-single .additionInfo .map-email {
  white-space: initial;
}
.map-list-card-single > div {
  width: 260px;
  padding: 10px;
  border: 1px solid black;
  background: white;
  height: 102px;
}
.map-list-card-single > div p {
  margin: 0;
  line-height: normal;
}
.map-list-card-last > div {
  border: 1px solid black;
  padding: 5px;
  width: 100%;
}
.map-list-card-last > div p {
  margin: 0;
  line-height: normal;
}
.singleMapCard {
  bottom: -156px;
  position: absolute;
  width: 100%;
  left: initial;
  padding: 0;
}
.singleMapCard .map-list-card-single {
  width: 100%;
}
.singleMapCard .map-list-card-single .mobile-card-address,
.singleMapCard .map-list-card-single .phone-icon .mobile-card-phone {
  overflow: initial;
  white-space: initial;
  width: initial;
  text-overflow: initial;
}
.singleMapCard .map-list-card-single > div {
  width: 100%;
  height: initial;
}
#serviceLocationMapView #slcResultsHolderMobile {
  position: relative;
}
#serviceLocationMapView .mobile-address {
  font-family: HPSimplifiedLight;
}
#serviceLocationMapView .change-location {
  float: right;
  color: #0096D6;
}
#serviceLocationMapView hr.hp-row {
  margin: 5px 0 10px 0;
}
.mobile-map-list-container .list-card-container {
  position: absolute;
  bottom: 0;
  background: white;
  border: 1px solid black;
  width: 75%;
  padding: 5px;
  left: 9%;
}
.mobile-map-list-container .list-card-container p {
  margin: 0;
  line-height: normal;
}
.mobile-map-list-container .list-card-container.additional {
  left: 0;
  width: 100%;
  padding: 5px 2px 5px 10px;
}
.mobile-map-list-container .mobile-map-container {
  height: 400px;
}
.mobile-map-list-container .phone-icon {
  top: initial;
}
.mobile-map-list-container .phone-icon .mobile-card-phone {
  display: inline-block;
  width: 215px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  position: relative;
  top: 3px;
}
.call-visit-disclaimer {
  color: #e88233;
}
.service-locator-sites {
  font-weight: bold;
}
.phone-icon {
  width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  fill: #0096D6;
}
.phone-icon svg {
  display: inline-block;
  height: 17px;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}
html input[disabled] {
  cursor: default;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
article {
  display: block;
}
aside {
  display: block;
}
details {
  display: block;
}
figcaption {
  display: block;
}
figure {
  display: block;
  margin: 1em 40px;
  margin: 0;
}
footer {
  display: block;
}
header {
  display: block;
}
hgroup {
  display: block;
}
main {
  display: block;
}
menu {
  display: block;
}
nav {
  display: block;
}
section {
  display: block;
}
summary {
  display: block;
}
audio {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
canvas {
  display: inline-block;
  vertical-align: baseline;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
video {
  display: inline-block;
  vertical-align: baseline;
}
[hidden] {
  display: none;
}
template {
  display: none;
}
a {
  background-color: transparent;
  color: #337ab7;
  text-decoration: none;
}
a:active {
  outline: 0;
}
a:hover {
  outline: 0;
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  color: #23527c;
  text-decoration: underline;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b {
  font-weight: bold;
}
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em;
}
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
img {
  border: 0;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
pre {
  overflow: auto;
  font-family: monospace, monospace;
  font-size: 1em;
}
code {
  font-family: monospace, monospace;
  font-size: 1em;
}
kbd {
  font-family: monospace, monospace;
  font-size: 1em;
}
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button {
  color: inherit;
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  color: inherit;
  font: inherit;
  margin: 0;
  line-height: normal;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
optgroup {
  color: inherit;
  font: inherit;
  margin: 0;
  font-weight: bold;
}
select {
  color: inherit;
  font: inherit;
  margin: 0;
  text-transform: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  overflow: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled] {
  cursor: default;
}
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  padding: 0;
}
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.carousel-inner > .active {
  display: block;
  left: 0;
}
.carousel-inner > .next {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  left: 100%;
}
.carousel-inner > .prev {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  left: -100%;
}
.carousel-inner > .next.left {
  left: 0;
}
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.carousel {
  position: relative;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control:hover {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
  right: 50%;
  margin-right: -10px;
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-control .glyphicon-chevron-left {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
  right: 50%;
  margin-right: -10px;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
.clearfix:before,
#steps-bar .container:before,
.media-order .container:before {
  content: " ";
  display: table;
}
.clearfix:after,
#steps-bar .container:after,
.media-order .container:after {
  content: " ";
  display: table;
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@media all and (transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    margin-right: -10px;
  }
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    margin-left: -10px;
  }
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.thinHeading {
  font-family: HPSimplifiedLight;
  font-weight: normal;
  font-size: 20px;
}
.carousel-inner {
  width: 80%;
  margin: auto;
}
.carousel-inner img {
  margin: auto;
}
.carousel-control {
  background-image: none!important;
}
.carousel-control svg {
  margin: 130% 0px;
  height: 35px;
  width: 15px;
}
.firstContainer {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  float: left;
  width: 100%;
}
.firstContainer .pFinderDmdBlock {
  width: 49%;
  display: inline-block;
  border-right: 1px solid #ccc;
  float: left;
}
#printerView .predictive-results.search-predictive-results-pfinder {
  width: 90%;
}
#printerView .firstContainer .pFinderDmdBlock {
  min-height: 340px;
}
#printerView .firstContainer .carouselTooltipBlock {
  min-height: 340px;
  width: 50%;
}
#laptopView .firstContainer .pFinderDmdBlock {
  min-height: 214px;
  width: 60%;
}
#laptopView .firstContainer .carouselTooltipBlock {
  min-height: 214px;
  width: 40%;
}
#desktopView .firstContainer .pFinderDmdBlock {
  min-height: 214px;
  width: 60%;
}
#desktopView .firstContainer .carouselTooltipBlock {
  min-height: 214px;
  width: 40%;
}
#othersView .firstContainer .pFinderDmdBlock {
  min-height: 214px;
  width: 60%;
}
#othersView .firstContainer .carouselTooltipBlock {
  min-height: 214px;
  width: 40%;
}
.carouselTooltipBlock {
  display: inline-block;
  float: left;
}
.carouselTooltipBlock .modalLinksContainer {
  margin-bottom: 15px;
  font-family: HPSimplifiedLight;
  font-size: 20px;
}
.carouselTooltipBlock .carouselMainContainer {
  max-height: 290px;
}
.carouselTooltipBlock .carouselMainContainer .carousel {
  height: inherit;
}
.carouselTooltipBlock .carouselMainContainer .carousel .carousel-inner .item img {
  max-height: 200px;
}
.carouselTooltipBlock .carouselMainContainer .carousel .carousel-inner .item .carousel-caption {
  position: static;
  padding-bottom: 0px;
}
.carouselTooltipBlock .carouselMainContainer .carousel .carousel-inner .item .carousel-caption p {
  text-shadow: none;
  font-size: 12px;
}
.carouselTooltipBlock #printerCarouselContainer .carousel .carousel-inner .item img {
  max-height: 270px;
}
.carouselHeading {
  font-weight: normal;
  font-size: 20px;
  font-family: HPSimplifiedLight;
  margin-bottom: 20px;
}
.arrowIcons {
  height: 20px;
  width: 20px;
}
.wcmPrinterLinkContainer {
  float: left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.wcmPrinterLinkContainer #linksContainer {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
}
.videoModal .modal-header {
  border-bottom: 0px;
}
.swdLandingModal .snoModalHeadContent {
  margin-bottom: 40px;
}
.swdLandingModal .snoModalHeadContent .listContainer {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.swdLandingModal .snoModalHeadContent .listContainer ul {
  margin-top: 20px;
}
.swdLandingModal .snoModalHeadContent .listContainer ul li {
  color: #000000;
  list-style: disc;
}
.swdLandingModal .carouselTooltipBlock {
  text-align: center;
  width: 60%;
  min-height: 250px;
}
.swdLandingModal .prodLabelInfoImg {
  width: 40%;
  display: inline-block;
  min-height: 250px;
}
.swdLandingModal .carouselHeading {
  margin-bottom: 10px;
  font-size: 16px;
}
.swdLandingModal .modal-title h3 {
  font-family: HPSimplifiedLight;
}
.swdLandingModal .modal-body {
  font-family: HPSimplifiedLight;
}
.carouselModal .modal-content {
  float: left;
}
.carouselModal .modal-content .modal-body {
  float: left;
}
.carouselModal .modal-content .modal-body .carouselMainContainer {
  max-height: none;
}
.carouselModal .modal-content .modal-body .carouselMainContainer .carousel-inner {
  float: left;
  width: 100%;
}
.carouselModal .modal-content .modal-footer {
  float: left;
  width: 100%;
}
html[dir=rtl] .carouselModal .carouselTooltipBlock {
  float: right;
}
.freeFormSwdLanding {
  float: left;
  width: 100%;
  padding-top: 30px;
}
#printerSWDFreeForm {
  border-top: 1px solid #ccc;
}
@media (max-width: 800px) {
  .firstContainer .pFinderDmdBlock {
    width: 100%!important;
    border-right: 0px;
    border-bottom: 1px solid #ccc;
    min-height: 0px!important;
    margin-bottom: 30px;
  }
  .firstContainer .carouselTooltipBlock {
    width: 100%!important;
    text-align: inherit;
  }
  #printerCarouselContainer .carouselTooltipBlock {
    min-height: 200px;
  }
  .swdLandingModal .carouselTooltipBlock {
    width: 100%;
  }
  .swdLandingModal .carouselTooltipBlock .carouselHeading {
    text-align: left;
  }
  .swdLandingModal .prodLabelInfoImg {
    width: 100%;
    min-height: 100px;
  }
  .swdLandingModal .listContainer ul:first-child {
    margin-bottom: 0px;
  }
  .swdLandingModal .listContainer ul:nth-child(2n) {
    margin-top: 0px;
  }
  .swdLandingTabViews h2.heading {
    margin: -25px 20px 25px 20px;
  }
  .SWD-landing-container .product-type-text {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.prodLabelInfoImg {
  width: 49%;
  display: inline-block;
}
.swdLandingTabViews .heading {
  font-family: HPSimplifiedLight;
  margin: 0 0 20px;
}
.swdLandingTabViews .findButton .findBtnSWDPage {
  margin-top: 0 !important;
  min-height: 45px;
}
@media (max-width: 496px) {
  .modal-serialnumber-image-arrow {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .modal-serialnumber-image-arrow svg {
    margin: auto !important;
  }
  .modalSerialNumberOrderedList {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .modalSerialNumberOrderedList .modalSerialNumberListItems {
    padding: 1%;
    margin-bottom: 15px;
  }
}
#swd .not-logged-in {
  margin-top: 0;
}
.modal-find-serial-number-header {
  font-family: HPSimplifiedLight;
}
.keyboard-modal-body-text {
  font-size: 16px;
  font-family: HPSimplifiedLight;
}
.modalSerialNumberOrderedList {
  font-family: HPSimplifiedLight;
  padding: 1%;
}
.modalSerialNumberOrderedList .modalSerialNumberListItems {
  padding: 1%;
}
.modal-serialnumber-image-container {
  padding-left: 0;
  padding-top: 1%;
}
.modal-serialnumber-image-container .modal-serialnumber-image-1 {
  padding-left: 0;
  padding-top: 3%;
}
.modal-serialnumber-image-container .modal-serialnumber-image-arrow {
  text-align: -webkit-center;
  padding-top: 7%;
  padding-bottom: 7%;
}
.modal-serialnumber-image-container .modal-serialnumber-image-arrow svg {
  margin: 130% 0px;
  height: 35px;
  width: 15px;
}
.modal-serialnumber-image-container .modal-serialnumber-image-2 {
  padding-left: 0;
}
.default-cursor {
  cursor: default;
}
.SWD-landing-container .swdTabHeader h2,
.SWD-landing-container .contactTabHeader h2 {
  font-family: HPSimplifiedLight;
}
.SWD-landing-container button.desktop,
.SWD-landing-container button.laptop,
.SWD-landing-container button.other,
.SWD-landing-container button.printer {
  background: none;
  border: none;
}
.SWD-landing-container .product-images-large img {
  min-width: 180px;
  min-height: 180px;
  margin: auto;
}
.SWD-landing-container .product-images-small img {
  height: 53px;
  width: 53px;
}
.SWD-landing-container .product-type-text {
  text-align: center;
  margin-top: 30px;
  font-family: HPSimplifiedLight;
  font-size: 28px;
}
.SWDPfinder .searchSubmit {
  min-width: 100px;
  padding: 10px;
}
.swdPfinderTitle {
  font-weight: normal;
  margin-bottom: 20px;
  font-family: HPSimplifiedLight;
  font-size: 20px;
}
.swdPfinderTitle.swdPfinderTitle-with-DMD {
  margin-top: 25px;
}
.swdPfinderTitle.swdPfinderTitle-without-DMD {
  margin-top: -10px;
}
.swdPfinderTitle.swdPfinderTitle-with-DMD.swdPfinderTitle-with-pfinder {
  margin-top: 0;
}
.SWD-landing-navigation-container {
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 45px;
  float: left;
  width: 100%;
}
@media only screen and (max-width: 496px) and (min-width: 350px) {
  .swdPfinderInput.reqTypeAhead.searchInputPadding.rtlPadding {
    width: 100%;
  }
}
@media only screen and (max-width: 349px) {
  .swdPfinderInput.reqTypeAhead.searchInputPadding.rtlPadding {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .contact-landing-container.SWD-landing-navigation-container #productTypeNavigationPlaceholder .smallIconWrapper {
    margin: 15px 0 0 0;
  }
  .SWD-landing-container.mainIcons .product-images-large img {
    min-width: 118px;
    min-height: 118px;
  }
  .SWD-landing-navigation-container {
    margin-bottom: 15px;
    padding-bottom: 0px;
    border-bottom: 0px;
    margin-top: -40px;
  }
  .SWD-landing-navigation-container #productTypeNavigationPlaceholder .smallIconWrapper {
    width: 100%;
    text-align: center;
    margin: 15px 0 35px 0;
  }
  .pFinderDmdBlock {
    padding: 0;
  }
  .pFinderDmdBlock .swdPfinderInput {
    padding-right: 15px;
  }
  .pFinderDmdBlock .findButton {
    margin: 15px 0px;
  }
  .swdTabHeader,
  .contactTabHeader {
    clear: both;
  }
  .SWD-landing-container .swdTabHeader h2,
  .SWD-landing-container .contactTabHeader h2 {
    clear: both;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 800px) {
  button.category0 {
    width: 49.8%;
  }
}
/**This is a light dropdown stylesheet**/
.dropdownLightContainer {
  font-family: HPSimplifiedLight;
  border: 1px solid #cccccc;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #ffffff;
  min-height: 43px;
}
.dropdownLightContainer a {
  text-decoration: none;
  min-height: 20px;
  display: block;
  /* commenting - on focus on dropdown, the border should turn blue - accessibility
			&:focus{

				outline:none;
			}*/
}
.dropdownLightContainer:hover span.dropdownHeaderValue:after {
  border-left: 0px solid #000;
}
.dropdownLightContainer span.dropdownHeaderValue {
  display: block;
  min-height: 43px;
  line-height: 25px;
  margin-left: 15px;
  font-size: 16px;
  color: #767676;
  width: 87%;
  overflow-wrap: break-word;
  padding: 8px 50px 8px 0px;
}
.dropdownLightContainer span.dropdownHeaderValue:after {
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  height: 100%;
  font-size: 20px;
  color: #cccccc;
  line-height: 43px;
  width: 46px;
  text-align: center;
  margin-left: 15px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.dropdownLightContainer ul.dropdown-menu-light {
  width: 100%;
  border: 1px solid #cccccc;
  min-width: 1px;
  margin: 0px;
  margin-left: -1px;
  padding: 5px 0px;
  max-height: 300px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dropdownLightContainer ul.dropdown-menu-light li a {
  font-size: 16px;
  padding: 5px;
  color: #767676;
  cursor: pointer;
  white-space: normal;
  margin: 0;
}
.dropdownLightContainer ul.dropdown-menu-light li a:hover,
.dropdownLightContainer ul.dropdown-menu-light li a:focus {
  background-color: #eef7fb;
  color: #000000;
}
.dropdownLightContainer.valSelected {
  border: 1px solid #0096D6;
}
.dropdownLightContainer.valSelected span.dropdownHeaderValue:after {
  color: #0096D6;
}
.dropdownLightContainer.valSelected ul.dropdown-menu-light.dropdownList {
  border: 1px solid #0096D6;
}
.dropdownLightContainer.open span.dropdownHeaderValue:after {
  content: "\f106";
  margin-left: 0px;
  margin-right: 15px;
  right: -15px;
}
html[dir=rtl] .dropdownLightContainer span.dropdownHeaderValue {
  padding: 10px 0px 5px 50px;
  margin-right: 15px;
}
html[dir=rtl] .dropdownLightContainer span.dropdownHeaderValue:after {
  content: none;
}
html[dir=rtl] .dropdownLightContainer span.dropdownHeaderValue:before {
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  height: 100%;
  color: #cccccc;
  line-height: 43px;
  width: 46px;
  text-align: center;
  margin-right: 15px;
  position: absolute;
  top: 0px;
  right: auto;
  left: 0px;
}
html[dir=rtl] .dropdownLightContainer ul.dropdown-menu-light {
  margin-right: -2px;
}
html[dir=rtl] .dropdownLightContainer.valSelected span.dropdownHeaderValue:before {
  color: #0096D6;
}
html[dir=rtl] .dropdownLightContainer.open span.dropdownHeaderValue:before {
  content: "\f106";
  margin-right: 0px;
  margin-left: 15px;
  left: -15px;
}
html[dir=rtl] body.ie.ie8 .dropdownContainer:hover span.dropdownHeaderValue:before,
html[dir=rtl] body.ie.ie9 .dropdownContainer:hover span.dropdownHeaderValue:before {
  border-right: none;
  border-left: 1px solid #000;
}
html[dir=rtl] body.ie.ie8 .dropdownContainer span.dropdownHeaderValue:before,
html[dir=rtl] body.ie.ie9 .dropdownContainer span.dropdownHeaderValue:before {
  border-right: none;
  border-left: 1px solid #949494;
}
/* Style added to change the borders to red for errored dropdown */
.errorElement + .dropdownContainer {
  border: 1px solid red;
}
.errorElement + .dropdownContainer span.dropdownHeaderValue:after {
  border-left: 1px solid red;
  color: red;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu-light {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #dadada;
  background-clip: padding-box;
}
.dropdown-menu-light.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu-light > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  white-space: nowrap;
}
.dropdown-menu-light > li > a:hover,
.dropdown-menu-light > li > a:focus {
  text-decoration: none;
}
.dropdown-menu-light > .active > a,
.dropdown-menu-light > .active > a:hover,
.dropdown-menu-light > .active > a:focus {
  text-decoration: none;
  outline: 0;
}
.dropdown-menu-light > .disabled > a:hover,
.dropdown-menu-light > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: default;
  /* do not change - Himanshu */
}
.open > .dropdown-menu-light {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-light-right {
  left: auto;
  right: 0;
}
.dropdown-menu-light-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 900;
}
.pull-right > .dropdown-menu-light {
  right: 0;
  left: auto;
}
.dropup .dropdown-menu-light,
.navbar-fixed-bottom .dropdown .dropdown-menu-light {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.open .btn-primary.dropdown-toggle {
  background-color: #0096D6;
}
.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown-toggle {
  border-radius: 0;
  text-align: left;
}
.dropdown-toggle:focus,
.dropdown-toggle:hover {
  color: #fff;
  text-decoration: none;
}
.dropdown-toggle i {
  position: relative;
  float: none;
  display: inline-block;
  line-height: normal;
  margin-left: 3px;
}
.dropdown-menu-light {
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 250px;
  top: 58px;
  border-radius: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid #dadada;
  border-bottom: 4px solid #0096D6;
}
.dropdown-menu-light.no-divisions li {
  border: 0;
}
.dropdown-menu-light li {
  padding: 0;
  margin: 0px 10px;
}
.dropdown-menu-light li.dropdown-header {
  color: #0096D6;
  text-transform: uppercase;
  font-size: 11px;
  border-bottom: 0 !important;
  padding: 15px 15px 0;
}
.dropdown-menu-light li:last-child {
  border-bottom: 0;
}
.dropdown-menu-light li a {
  color: #373737;
  padding: 15px;
  white-space: pre-line;
}
.dropdown-menu-light li a:hover {
  background-color: whiteSmoke;
  text-decoration: none;
}
.dropdown-menu-light li ul li a:hover {
  color: #373737;
}
.open > .dropdown-menu-light {
  top: 100%;
}
.open > .dropdown-menu-light a {
  display: block;
}
.secondary_nav .dropdown .dropdown-menu-light li {
  padding: 0;
  margin: 0;
}
.secondary_nav .dropdown .dropdown-menu-light li a {
  line-height: normal;
}
.hp-dropdown.hp-dropdown-inline {
  margin-left: 15px;
}
.hp-dropdown.open .dropdown-toggle {
  color: #0096D6;
  background-color: #fff;
  border-color: #000;
  margin-bottom: -2px;
}
.hp-dropdown.open .dropdown-toggle i {
  border-color: #000;
}
.hp-dropdown.open .dropdown-menu-light {
  top: 95%;
  box-shadow: none;
}
.hp-dropdown.full-width {
  width: 100%;
}
.hp-dropdown.full-width a {
  width: 100%;
}
.hp-dropdown .dropdown-toggle {
  color: #0096D6;
  background-color: #fff;
  border: 2px solid #ccc;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  padding: 0 0 0 15px;
}
.hp-dropdown .dropdown-toggle i {
  height: 36px;
  line-height: 36px;
  width: 36px;
  text-align: center;
  margin-left: 15px;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 0;
  right: 0;
}
.hp-dropdown .dropdown-toggle:hover {
  color: #0096D6;
  background-color: #fff;
  border-color: #000;
}
.hp-dropdown .dropdown-toggle:hover i {
  border-color: #000;
}
.hp-dropdown ul.dropdown-menu-light {
  border: 2px solid #000;
}
.hp-dropdown ul.dropdown-menu-light li a {
  padding: 13px 15px;
}
.dropdown-toggle-icon:after {
  content: '\e601';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown-toggle-icon:after {
  content: '\e601';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown-toggle-icon-gray:after {
  content: '\e601';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: #767676;
}
.dropdown-toggle-icon-gray:after {
  content: '\e601';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: #767676;
}
.dropdown.open > .dropdown-toggle-icon:after {
  content: '\e602';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown.open > .dropdown-toggle-icon:after {
  content: '\e602';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown.open > .dropdown-toggle-icon-gray:after {
  content: '\e602';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.dropdown.open > .dropdown-toggle-icon-gray:after {
  content: '\e602';
  font-family: "HPControlIcons";
  font-size: 0.6em;
  margin-left: 12px;
  color: inherit;
}
.securityBulletinMainContainer {
  padding: 0;
}
.securityBulletinMainContainer .securityBulletinHead .securityBulletinDescriptionContainer .securityBulletinDescriptionHeading {
  padding-left: 0;
}
.securityBulletinMainContainer .securityBulletinHead .securityBulletinDescriptionContainer .securityBulletinDescriptionHeading .securityBulletinDescriptionHeader {
  font-family: HPSimplifiedLight;
  font-size: 32px;
  margin-bottom: 15px;
}
.securityBulletinMainContainer .securityBulletinHead .securityBulletinDescriptionContainer .securityBulletinDescription {
  padding-left: 0;
  padding-right: 0;
}
.securityBulletinMainContainer .securityBulletinHead .securityBulletinDescriptionContainer .securityBulletinDescription .securityBulletinParagraph {
  font-family: HPSimplifiedLight;
}
.securityBulletinMainContainer .securityBulletinHead .filterContainer {
  margin-bottom: 25px;
  margin-top: 30px;
  padding: 0;
}
.securityBulletinMainContainer .securityBulletinHead .filterContainer .filterByCategoryContainer {
  margin-bottom: 10px;
}
.securityBulletinMainContainer .securityBulletinHead .filterContainer .filterByCategoryContainer .productCategoryHeading {
  font-size: 16px;
  font-family: HPSimplifiedLight;
  color: #000000;
}
.securityBulletinMainContainer .securityBulletinListContainer {
  padding: 0;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinHeadingContainer {
  margin-bottom: 15px;
  padding: 0;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinHeadingContainer .securityBulletinHeading {
  text-align: left;
  font-family: HPSimplifiedLight;
  color: #000000;
  line-height: 24px;
  font-size: 16px;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinHeadingContainer .exportToExcel {
  font-family: HPSimplified;
  color: #0171ad;
  font-size: 16px;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinHeadingContainer .exportToExcel .exportSvg {
  height: 17px;
  width: 15px;
  margin-right: 2%;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList {
  margin-top: 15px;
  /* border-top: 1px solid; */
  padding: 0;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading {
  padding-left: 0;
  padding-right: 0;
  color: #000000;
  border: 1px solid lightgray;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingTitle {
  padding-bottom: 5px;
  padding-top: 5px;
  border-right: solid 1px lightgray;
  font-size: 16px;
  font-family: HPSimplified;
  color: #000000;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingTitle .arrowSvgContainer {
  display: inline-block;
  color: #0096D6;
  fill: currentColor;
  height: 18px;
  width: 15px;
  /* float: right; */
  transform: rotate(180deg);
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingTitle .invertArrow {
  transform: rotate(0deg);
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingTitle .colorGray {
  color: lightgray;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingDate {
  text-align: -webkit-match-parent;
  padding-bottom: 5px;
  padding-top: 5px;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingDate .updatedDateClass {
  font-size: 16px;
  font-family: HPSimplified;
  color: #000000;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingDate .arrowSvgContainer {
  display: inline-block;
  color: #0096D6;
  fill: currentColor;
  height: 18px;
  width: 15px;
  /* float: right; */
  transform: rotate(180deg);
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingDate .invertArrow {
  transform: rotate(0deg);
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList .securityBulletinListHeading .listHeadingDate .colorGray {
  color: lightgray;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer {
  border-bottom: 1px solid lightgray;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer .securityBulletinRow {
  padding-top: 15px;
  padding-bottom: 15px;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer .securityBulletinRow .listRowTitle {
  font-family: HPSimplifiedLight;
  font-size: 16px;
  line-height: 24px;
  /* padding: 0; */
  color: #0096d6;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer .securityBulletinRow .listRowDate {
  font-size: 16px;
  font-family: HPSimplifiedLight;
  line-height: 24px;
  color: #000000;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer .securityBulletinRow .mobileRowDate .mobileRowDateHeading {
  font-family: HPSimplified;
  font-size: 14px;
  /* letter-spacing: 2px; */
  line-height: 22px;
  padding: 0;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer .securityBulletinRow .mobileRowDate .mobileRowDateDetail {
  font-family: HPSimplifiedLight;
  font-size: 14px;
  line-height: 22px;
  padding: 0;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer .securityBulletinRow:hover {
  background-color: #eef7fb;
}
.securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer .oddClass {
  background-color: #fafafa;
}
@media only screen and (max-width: 496px) {
  .securityBulletinMainContainer {
    padding: 0;
  }
  .securityBulletinMainContainer .securityBulletinHead .filterContainer .filterByCategoryContainer .productCategoryHeading {
    font-family: HPSimplifiedLight;
    font-size: 14px;
  }
  .securityBulletinMainContainer .securityBulletinHead .sortContainer {
    padding: 0;
    margin-bottom: 25px;
  }
  .securityBulletinMainContainer .securityBulletinHead .sortContainer .sortByDateContainer {
    margin-bottom: 10px;
  }
  .securityBulletinMainContainer .securityBulletinHead .sortContainer .sortByDateContainer .sortCategoryHeading {
    font-family: HPSimplifiedLight;
    font-size: 14px;
    color: #000000;
  }
  .securityBulletinMainContainer .securityBulletinHead .sortContainer .select-sort-title {
    margin-top: 15px;
  }
  .securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList {
    border-top: 1px solid lightgray;
  }
  .securityBulletinMainContainer .securityBulletinListContainer .securityBulletinList #securityBulletinDataContainer .securityBulletinRow .listRowTitle {
    padding-left: 15px;
    padding-right: 0;
  }
}
.modal.lightTheme .modal-title h3 {
  font-size: 20px;
  color: #000000;
}
.modal.lightTheme .modal-title p {
  font-family: HPSimplifiedLight;
}
.modal.lightTheme .modal-body {
  font-family: HPSimplifiedLight;
}
.modal.lightTheme .modal-footer {
  font-family: HPSimplifiedLight;
}
.modal.lightTheme h1,
.modal.lightTheme h2,
.modal.lightTheme h3,
.modal.lightTheme h4,
.modal.lightTheme h5,
.modal.lightTheme h6 {
  font-family: HPSimplifiedLight;
}
.modal.lightTheme button.close:after {
  font-size: 24px;
}
.spanLight {
  font-family: HPSimplifiedLight;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
h1.headingLight {
  font-size: 32px;
  font-family: HPSimplifiedLight;
  color: #000000;
}
h2.headingLight {
  font-size: 27px;
  font-family: HPSimplifiedLight;
  color: #000000;
}
h3.headingLight {
  font-size: 20px;
  font-family: HPSimplifiedLight;
  color: #000000;
}
h4.headingLight {
  font-size: 18px;
  font-family: HPSimplifiedLight;
  color: #000000;
}
h5.headingLight {
  font-size: 18px;
  font-family: HPSimplifiedLight;
  color: #000000;
}
h6.headingLight {
  font-size: 14px;
  font-family: HPSimplifiedLight;
  color: #000000;
}
p.paragraphLight {
  font-size: 16px;
  font-family: HPSimplifiedLight;
  color: #000000;
  line-height: 24px;
}
.orderedListLight {
  font-family: HPSimplifiedLight;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.unorderedListLight {
  font-family: HPSimplifiedLight;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.textFieldLight {
  color: #cccccc;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 50px;
}
@media only screen and (max-width: 496px) {
  .spanLight {
    font-size: 14px;
    line-height: 22px;
  }
  h1.headingLight {
    font-size: 30px;
  }
  h2.headingLight {
    font-size: 25px;
  }
  h3.headingLight {
    font-size: 18px;
  }
  h4.headingLight {
    font-size: 16px;
  }
  h5.headingLight {
    font-size: 16px;
  }
  h6.headingLight {
    font-size: 12px;
  }
  p.paragraphLight {
    font-size: 14px;
    line-height: 22px;
  }
  .orderedListLight {
    font-size: 14px;
    line-height: 22px;
  }
  .unorderedListLight {
    font-size: 14px;
    line-height: 22px;
  }
}
/*------------------INTERSTITIAL SEARCH MODAL */
#refine-results-modal #productBuilderContainer {
  width: auto;
  margin-left: 0px;
}
#refine-results-modal .form-input.next-to-dropdown {
  height: 43px;
}
#refine-results-modal .productBuilderContainer .customDropDownBox,
#refine-results-modal .customDropDownBox {
  width: 99%;
}
#refine-results-modal .productBuilderContainer .customDropDownBox ul,
#refine-results-modal .customDropDownBox ul {
  width: 100%;
}
#refine-results-modal .col-lg-8 {
  position: static;
}
#refine-results-modal .disabledBtn,
#refine-results-modal .standardBtn {
  padding: 0px 20px;
}