.fontH1, .fontH2, .fontH3, .fontH4, .fontH5, .fontH6, .fontH7, .fontHH1, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: HPSimplified;
    font-weight: 700;
}
/*! 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: 0 0;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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 silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
    padding-right: 40px;
}

.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: .85em;
    font-color: #767676;
    font-weight: 400;
}

@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;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#steps-bar .container:after, #steps-bar .container:before, .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .media-order .container:after, .media-order .container:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

#steps-bar .container:after, .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .media-order .container:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row: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;
        }

.video-block p {
    margin-top: 10px;
}

iframe:not(.BrightcoveExperience), img {
    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:after, .container:before {
    display: table;
    content: " ";
}

.container:after {
    clear: both;
}

.col-lg-1, .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-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .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-2, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .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-2, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-2, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (max-width:496px) {
    .col-sm-1, .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-2, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        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-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-2, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        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-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-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        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%; */
        margin-left: 7%;
    }
}

@-ms-viewport {
    width: device-width;
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-print, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-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;
    }

    td.visible-lg, th.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;
    }

    td.visible-md, th.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;
    }

    td.visible-sm, th.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;
    }
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    td.visible-print, th.visible-print {
        display: table-cell !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

@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: #069;
    }

@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: 0 !important;
    position: relative;
}

@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 .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: 700;
    }

@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: 1;
    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(../images/hero-unit.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1600px;
    margin: 0 auto;
}

#hh-2 {
    color: #fff;
    background-image: url(../images/hero-index.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 202px;
    margin: 0 auto;
    padding: 10px 0 0;
}

    #hh-2 .fontHH1 {
        font-size: 55px;
        line-height: 50px;
    }

    #hh-2 p {
        color: #fff;
        font-family: HPSimplified;
        font-weight: 700;
    }

@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;
        }
}

#hh-3 {
    color: #fff;
    background-color: #000;
    background-image: url(..//images/dmd-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 0;
}

    #hh-3 a, #hh-3 p {
        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-lg, .hp-row.hp-row-md, .hp-row.hp-row-sm {
        margin: 10px -15px;
    }
}

.hp-row:after, .hp-row:before {
    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 20px 0 0;
        padding: 0;
        max-height: 140px;
        width: 80px;
    }

        .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 0 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) {
    #guided .hp-desktop-header .hp-header-search, #home .hp-desktop-header .hp-header-search, #mighty .hp-desktop-header .hp-header-search, #swd .hp-desktop-header .hp-header-search {
        display: none;
    }
}

.no-search .hp-desktop-header .hp-header-search {
    display: none;
}

.no-sub-nav .hp-desktop-header .hp-header-search, .no-sub-nav .main-nav {
    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;
}

.divider-dotted {
    border-top: 2px dashed #ccc;
    margin: .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:after, .divider.option-divider:before {
    content: " ";
    background: #ccc;
    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: #FFF;
    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:after, .divider.option-divider:before {
            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;
    }
}

@font-face {
    font-family: HPSimplified;
    src: url(../fonts/hps/latin-e-regular-eot.eot);
    src: url(../fonts/hps/latin-e-regular-eot.eot?#iefix) format("embedded-opentype"),url(../fonts/hps/latin-e-regular-woff.woff) format("-woff.woff"),url(../fonts/hps/latin-e-regular-ttf.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: HPSimplified;
    src: url(../fonts/hps/latin-e-bold-eot.eot);
    src: url(../fonts/hps/latin-e-bold-eot.eot?#iefix) format("embedded-opentype"),url(../fonts/hps/latin-e-bold-woff.woff) format("-woff.woff"),url(../fonts/hps/latin-e-bold-ttf.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: HPSimplifiedLight;
    src: url(../fonts/hps/latin-e-light-eot.eot);
    src: url(../fonts/hps/latin-e-light-eot.eot?#iefix) format("embedded-opentype"),url(../fonts/hps/latin-e-light-woff.woff) format("-woff.woff"),url(../fonts/hps/latin-e-light-ttf.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: HPSimplified;
    src: url(../fonts/hps/latin-e-regular-italic-eot.eot);
    src: url(../fonts/hps/latin-e-regular-italic-eot.eot?#iefix) format("embedded-opentype"),url(../fonts/hps/latin-e-regular-italic-woff.woff) format("-woff.woff"),url(../fonts/hps/latin-e-regular-italic-ttf.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: HPSimplified;
    src: url(../fonts/hps/latin-e-bold-italic-eot.eot);
    src: url(../fonts/hps/latin-e-bold-italic-eot.eot?#iefix) format("embedded-opentype"),url(../fonts/hps/latin-e-bold-italic-woff.woff) format("-woff.woff"),url(../fonts/hps/latin-e-bold-italic-ttf.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: HPSimplifiedLight;
    src: url(../fonts/hps/latin-e-light-italic-eot.eot);
    src: url(../fonts/hps/latin-e-light-italic-eot.eot?#iefix) format("embedded-opentype"),url(../fonts/hps/latin-e-light-italic-woff.woff) format("-woff.woff"),url(../fonts/hps/latin-e-light-italic-ttf.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: HPControlIcons;
    src: url(../fonts/hps/hp_support_controls.eot);
    src: url(../fonts/hps/hp_support_controls.eot?#iefix) format("embedded-opentype"),url(../fonts/hps/hp_support_controls.woff) format("-woff.woff"),url(../fonts/hps/hp_support_controls.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: HPControlIcons_New;
    src: url(../fonts/hps/hp_icomoon.eot);
    src: url(../fonts/hps/hp_icomoon.eot?#iefix) format("embedded-opentype"),url(../fonts/hps/hp_icomoon.woff) format("-woff.woff"),url(../fonts/hps/hp_icomoon.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

.body a:hover, .btn-link:hover {
    text-decoration: none;
    color: #069;
}

.body a:visited, .btn-link:visited {
    color: #0096d6;
}

    .body a:visited:hover, .btn-link:visited:hover {
        color: #069;
    }

.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, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        display: block;
        font-weight: 400;
        color: #5a5a5a;
        font-size: .875em;
    }

        .h1 .small.heading, .h1 small.heading, .h2 .small.heading, .h2 small.heading, .h3 .small.heading, .h3 small.heading, .h4 .small.heading, .h4 small.heading, .h5 .small.heading, .h5 small.heading, .h6 .small.heading, .h6 small.heading, h1 .small.heading, h1 small.heading, h2 .small.heading, h2 small.heading, h3 .small.heading, h3 small.heading, h4 .small.heading, h4 small.heading, h5 .small.heading, h5 small.heading, h6 .small.heading, h6 small.heading {
            line-height: 1.25em;
            font-size: .785em;
            font-style: normal;
        }

            .h1 .small.heading.xs, .h1 small.heading.xs, .h2 .small.heading.xs, .h2 small.heading.xs, .h3 .small.heading.xs, .h3 small.heading.xs, .h4 .small.heading.xs, .h4 small.heading.xs, .h5 .small.heading.xs, .h5 small.heading.xs, .h6 .small.heading.xs, .h6 small.heading.xs, h1 .small.heading.xs, h1 small.heading.xs, h2 .small.heading.xs, h2 small.heading.xs, h3 .small.heading.xs, h3 small.heading.xs, h4 .small.heading.xs, h4 small.heading.xs, h5 .small.heading.xs, h5 small.heading.xs, h6 .small.heading.xs, h6 small.heading.xs {
                font-size: 16px;
            }

        .h1 .small.heading-alt, .h1 small.heading-alt, .h2 .small.heading-alt, .h2 small.heading-alt, .h3 .small.heading-alt, .h3 small.heading-alt, .h4 .small.heading-alt, .h4 small.heading-alt, .h5 .small.heading-alt, .h5 small.heading-alt, .h6 .small.heading-alt, .h6 small.heading-alt, h1 .small.heading-alt, h1 small.heading-alt, h2 .small.heading-alt, h2 small.heading-alt, h3 .small.heading-alt, h3 small.heading-alt, h4 .small.heading-alt, h4 small.heading-alt, h5 .small.heading-alt, h5 small.heading-alt, h6 .small.heading-alt, h6 small.heading-alt {
            line-height: 1.25em;
            font-size: .785em;
            font-style: normal;
        }

        .h1 .small.top, .h1 small.top, .h2 .small.top, .h2 small.top, .h3 .small.top, .h3 small.top, .h4 .small.top, .h4 small.top, .h5 .small.top, .h5 small.top, .h6 .small.top, .h6 small.top, h1 .small.top, h1 small.top, h2 .small.top, h2 small.top, h3 .small.top, h3 small.top, h4 .small.top, h4 small.top, h5 .small.top, h5 small.top, h6 .small.top, h6 small.top {
            margin-top: 0;
            margin-bottom: 10px;
        }

        .h1 .small.bottom, .h1 small.bottom, .h2 .small.bottom, .h2 small.bottom, .h3 .small.bottom, .h3 small.bottom, .h4 .small.bottom, .h4 small.bottom, .h5 .small.bottom, .h5 small.bottom, .h6 .small.bottom, .h6 small.bottom, h1 .small.bottom, h1 small.bottom, h2 .small.bottom, h2 small.bottom, h3 .small.bottom, h3 small.bottom, h4 .small.bottom, h4 small.bottom, h5 .small.bottom, h5 small.bottom, h6 .small.bottom, h6 small.bottom {
            margin-top: 10px;
            margin-bottom: 0;
        }

    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;
    }

.fontH1, h1 {
    margin: 20px 0;
    font-size: 28px;
}

@media only screen and (min-width:497px) and (max-width:800px),only screen and (max-width:496px) {
    .fontH1, h1 {
        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: 400;
}

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;
    }

ol, ul {
    color: #767676;
    margin-bottom: 20px;
}

    ol.with-padding li, ul.with-padding li {
        padding: 2px 0;
    }

    ol.with-icons i, ul.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: 700;
}

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: purple !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: 400;
}

.text-normal {
    font-weight: 400;
}

.text-h3 {
    font-weight: 400;
    font-size: 22px;
    color: #767676;
}

.text-h4 {
    font-size: 18px;
}

.hp-logo-blue {
    background: 0 0;
    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;
}

    figcaption strong {
        color: #373737;
    }

[class*=" icon-"]:before, [class^=icon-]:not(.icon-content) {
    font-family: HPControlIcons;
    position: relative;
    font-size: 16px;
    top: 1px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    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;
    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:active, a.button:focus, a.button:hover, a.button:link {
    color: #FFF;
    text-decoration: none;
    text-align: center;
}

    a.button.button-white, a.button.button-white:hover, a.button.button-white:visited, a.button:active.button-white, a.button:active.button-white:hover, a.button:active.button-white:visited, a.button:focus.button-white, a.button:focus.button-white:hover, a.button:focus.button-white:visited, a.button:hover.button-white, a.button:hover.button-white:hover, a.button:hover.button-white:visited, a.button:link.button-white, a.button:link.button-white:hover, a.button:link.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: #069 !important;
    }

    a.btn-link:visited {
        color: #0096d6 !important;
    }

.button.btn-link, button.btn-link {
    border: none;
    background: 0 0;
}

    .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.primary:hover, button.button.primary:hover {
        color: #fff;
    }

    .button.button-lg, button.button.button-lg {
        height: 46px;
        line-height: 46px;
        padding: 0 20px;
    }

    .button.button-sm, .button.slim, button.button.button-sm, button.button.slim {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding: 0 15px;
        margin-bottom: 5px;
    }

    .button.right, button.button.right {
        float: right;
    }

    .button.icon, button.button.icon {
        border: none;
        background: 0 0;
    }

    .button.button-white, button.button.button-white {
        background-color: #fff;
        color: #0096d6;
    }

        .button.button-white:hover, button.button.button-white:hover {
            background-color: #efefef;
            color: #0096d6;
        }

        .button.button-white:visited, button.button.button-white:visited {
            color: #0096d6 !important;
        }

    .button.block-button, button.button.block-button {
        display: block;
    }

    .button.inline, button.button.inline {
        line-height: 32px;
        height: 32px;
        padding: 0 15px;
        border: 0;
    }

        .button.inline .btn_label, button.button.inline .btn_label {
            font-weight: 400;
        }

        .button.inline.button-lg, button.button.inline.button-lg {
            height: 46px;
            line-height: 46px;
            padding: 0 20px;
        }

        .button.inline.button-sm, .button.inline.slim, button.button.inline.button-sm, button.button.inline.slim {
            height: 26px;
            line-height: 26px;
            font-size: 13px;
            padding: 0 12px;
            margin-bottom: 5px;
        }

        .button.inline.button-inline, button.button.inline.button-inline {
            margin: 0 5px;
        }

    .button.button-inverse, button.button.button-inverse {
        color: #0096d6;
        background-color: #fff;
        border: 1px solid #0096d6;
        height: 46px;
        line-height: 46px;
    }

        .button.button-inverse:after, button.button.button-inverse:after {
            content: '\e604';
            font-size: .8em;
            font-family: HPControlIcons;
            float: right;
            width: 20px;
            height: 20px;
        }

        .button.button-inverse:hover, button.button.button-inverse:hover {
            background-color: #0096d6;
            color: #fff;
            border-color: #0096d6;
        }

    .button.button-disabled, .button:disabled, button.button.button-disabled, button.button:disabled {
        color: #767676 !important;
        background-color: #d9d9d9;
    }

        .button.button-disabled:hover, .button:disabled:hover, button.button.button-disabled:hover, button.button:disabled:hover {
            cursor: default;
            background-color: #d9d9d9;
        }

    .button:hover, button.button:hover {
        text-decoration: none !important;
    }

a.close, button.close {
    position: absolute;
    z-index: 1;
    top: 27px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000 !important;
}

    a.close.close-inverse, button.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 {
    content: "";
    background: url('/app/images/close_btn.png') no-repeat;
    position: absolute;
    top: 5px;
    right: 0;
    color: #767676;
    width: 24px;
    height: 24px;
    line-height: 40px;
}

button.close.icon:hover:after {
    color: #000;
}

button.close.icon:focus {
    outline: none;
}

.badge {
    border: none;
}

    .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 {
        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;
    }
}

.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: 0 0;
    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: #fff;
    }

        .btn-circle.primary:hover {
            background-color: #007dba;
            color: #fff;
        }

html[dir=rtl] .wdButton input[type=submit] {
    float: left;
}

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 > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 10px;
        vertical-align: middle;
    }

    .table.table-no-padding {
        padding: 10px 0;
    }

    .table > thead > tr > th {
        font-weight: 700;
        color: #000;
        vertical-align: bottom;
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ccc;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px 0;
}

.table-condensed-sm > tbody > tr > td, .table-condensed-sm > tbody > tr > th, .table-condensed-sm > tfoot > tr > td, .table-condensed-sm > tfoot > tr > th, .table-condensed-sm > thead > tr > td, .table-condensed-sm > thead > tr > th {
    padding: 2px 0;
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ccc;
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        background-color: #efefef;
    }

    .table-bordered.horizontal-border {
        border: 0;
    }

        .table-bordered.horizontal-border > tbody > tr > td, .table-bordered.horizontal-border > tbody > tr > th, .table-bordered.horizontal-border > tfoot > tr > td, .table-bordered.horizontal-border > tfoot > tr > th, .table-bordered.horizontal-border > thead > tr > td, .table-bordered.horizontal-border > thead > tr > th {
            border: 0;
            border-bottom: 1px solid #ccc;
        }

        .table-bordered.horizontal-border > thead > tr > td, .table-bordered.horizontal-border > thead > tr > th {
            background-color: transparent;
        }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fbfbfb;
}

.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 > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede;
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc;
}

.table > tbody > tr > td figcaption:last-child, .table > tbody > tr > td p:last-child {
    margin: 0;
}

.table-steps > tbody > tr > td:first-child {
    text-align: center;
    font-weight: 700;
    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 > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
            border-left: 0;
        }

        .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
            border-right: 0;
        }

        .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
            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;
    }
}

.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=file], input[type=checkbox], input[type=radio] {
    margin-right: 5px;
}

label {
    position: relative;
    display: inline;
    font-weight: 700;
    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: 700;
    color: red;
}

form .dropdown {
    margin-bottom: 20px;
}

.form-input {
    color: #767676;
    padding: 6px;
    height: 35px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 1px;
}

    .form-input:not(.medium), .form-input:not(.small) {
        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%;
    }
}

.checkbox label, .radio label {
    font-weight: 400;
}

    .checkbox label:hover, .radio label:hover {
        cursor: pointer;
    }

.radio-inline {
    display: inline-block;
    margin-right: 20px;
}

    .radio-inline:last-child {
        margin: 0;
    }

.horizontal-list:after, .horizontal-list:before {
    content: " ";
    display: table;
}

.horizontal-list:after {
    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 .error-block, .form-group .help-block {
        font-size: 14px;
        color: #767676;
        margin-top: 10px;
    }

    .form-group .error-block {
        display: none;
    }

    .form-group.error .required, .form-group.error label:not(.no-error-label) {
        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: absolute;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        color: red !important;
        font-size: 12px !important;
        font-weight: 700;
    }

    .form-group .fancy-select, .form-group .fancy-select .trigger, .os-selection.form-group, .os-selection.form-group .trigger {
        margin: 0;
    }

.select-loader {
    right: 0;
    left: 0;
    width: auto;
    margin: auto auto 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=button], .input-submit-inline input[type=submit] {
    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=button], .input-submit-inline input[type=submit] {
        margin: 10px 0 0;
    }
}

input.read-only, input:disabled, input:disabled:hover, span.disabled, textarea:disabled, textarea:disabled:hover {
    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: 700;
    }

    .error-tips input[type=text] {
        border-color: red;
    }

.feedback-form label {
    margin-bottom: 20px;
    font-weight: 400;
}

.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: red !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] input[type=submit] {
    float: right;
}

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:after, .gray-block:before {
        content: " ";
        display: table;
    }

    .gray-block:after {
        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: 400;
            }

@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: 0;
}

.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.error-block, .gray-block.component .hp-row a.help-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: 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: 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: #000;
}

.gray-block.tab-box .content {
    padding: 20px;
}

    .gray-block.tab-box .content .button {
        margin-bottom: 0;
    }

    .gray-block.tab-box .content .hp-row {
        margin-left: 0;
        margin-right: 0;
        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: #069;
    background-color: #e8f8ff;
    border-color: #afe7ff;
}

    .block-blue h3, .block-blue h5 {
        color: #069;
    }

    .block-blue p {
        color: #0096d6;
    }

.block.with-big-title h3 {
    margin: 0 0 10px;
}

.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;
    }
}

.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 a, .column-block.tile-block:hover h3 {
        color: #069;
    }

.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%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

    .embed-container embed, .embed-container iframe, .embed-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

div#containerForPaginationHead h2 {
    float: left;
    margin-left: 15px;
}

html[dir=rtl] .pagination-container span {
    margin-left: 0;
    margin-right: 4PX;
}

.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: 700;
        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: #000;
}

.gray {
    color: #767676 !important;
}

.placeholderText {
    color: #909090 !important;
}

.hp-icon-close:after {
    font-family: HPControlIcons;
    content: "\e607";
    position: absolute;
    top: 0;
    right: 0;
    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;
}

.header .hf_top_menu li, .ul_site_links li {
    list-style-type: none;
}

.hp-header {
    display: block;
    color: #000;
    background-color: transparent;
    margin: 10px 0 0;
    width: 100%;
}

@media only screen and (min-width:497px) and (max-width:800px),only screen and (max-width:496px) {
    .hp-header {
        position: absolute;
        z-index: 1;
        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:focus, .hp-header .hp-header-search .mobile-search-toggle-close:hover {
        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: #FFF;
        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 .mobile-search-toggle-close, .hp-header .hp-header-search .search-bar-form-bg .search-bar-form {
            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: 700;
    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: .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%;
}

    .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:after, .hp-header .main-nav:before {
        display: none;
    }
}

.hp-header a#navCommunities:after {
    font-family: HPControlIcons;
    font-size: .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: 700;
        }

    .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: 0;
        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;
        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: #0096d6;
            }

            .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;
                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;
                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,.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: #f5f5f5;
                    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: #069;
    }

    .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: #069;
        }

        .mobile-nav-wrapper .menu .customDropdown .dropdown-menu a {
            position: relative;
            color: #0096d6;
            font-size: 14px;
            background-color: #fff;
            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: 700;
    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 {
        display: none;
    }

    .sidebar-nav li a:hover {
        color: #000;
        background-color: #efefef;
        text-decoration: none;
    }

a.mobile-nav-toggle:hover, a.mobile-search-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 .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 a, html[dir=rtl] .customDropdown .dropdown-menu li {
        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;
}

.sidebar-nav li a span, 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 .dropdown-toggle i, html[dir=rtl] .mobile-nav-wrapper li.open .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;
        }
}

.mobile-search-toggle.out {
    left: -300px;
}

.mobile-nav-toggle.out {
    left: 300px;
}

@media only screen and (max-width:496px),only screen and (min-width:497px) and (max-width:800px) {
    #hp-search {
        display: none;
    }
}

@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;
        }
}

@media only screen and (min-width:801px),print and (min-width:4in) {
    .search-bg #search-dropdown {
        display: block;
    }
}

@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 .searching {
        display: none !important;
    }
}

@media only screen and (max-width:496px) {
    .search-bg .searching {
        display: none !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,.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: 700;
        color: #575757;
    }

    #predictive-results li a.hover, #predictive-results li a:hover {
        text-decoration: none;
        color: #0096d6;
        background-color: #f5f5f5;
        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;
}

.search-error a {
    font-weight: 700;
}

.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(../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: 0;
    font-size: 14px;
    background-color: #f2f2f2;
    border-radius: 1px 0 0 1px;
    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: auto;
        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;
        }
}*/

.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: #fff;
        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: 0;
    }

        .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: 400;
            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: 700;
                color: #767676;
                cursor: default;
            }

.pagination-less:after {
    content: "\e603";
}

.pagination-more:after {
    content: "\e604";
}

.pagination-button {
    background-color: #FFF;
    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:focus, .pagination-button:hover {
        border: 1px solid #767676;
    }

        .pagination-button:focus:after, .pagination-button:hover: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";
}

.image-header .header-image {
    max-width: 25%;
    float: left;
}

@media only screen and (max-width:496px) {
    .image-header .header-image {
        max-width: 100%;
        padding: 10px;
    }
}

.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: 0;
}

@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, 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: #000;
        height: 30%;
        font-family: HPSimplified;
        font-weight: 400;
        padding: 15px;
        margin: 0;
    }

        .product-grid-category h3.blue-back, .product-grid-single h3.blue-back {
            height: 20%;
            margin: 0 -15px;
            color: #fff !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: #FFF;
    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 .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .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 .panel-title {
    background-color: #f2f2f2;
}

    .product-finder-results .panel .panel-title.open {
        background-color: #fff;
    }

.product-finder-results .panel .panel-heading {
    font-weight: 700;
}

    .product-finder-results .panel .panel-heading span {
        font-weight: 400;
        color: #767676;
    }

.product-finder-results .panel-body ul li {
    padding: 5px;
}

.product-finder-list li.elem.active {
    color: #0096d6;
    font-weight: 700;
}

.product-finder-list li.elem:hover {
    cursor: pointer;
    color: #007dba;
}

html[dir=rtl] .image-header .header-image {
    float: right;
}

.support-home h3.elementValue {
    color: #000;
    min-height: 30%;
    font-family: HPSimplified;
    font-weight: 400;
    padding: 15px;
    margin: 0;
    max-height: 90px;
    height: auto !important;
}

.dispute-bar-container {
    background-color: #ffe5e5;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}

    .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 0;
}

.disputeThis {
    padding: 0 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: #fff;
    font-size: 18px;
    padding: 10px 15px;
    float: right;
    font-weight: 700;
    font-style: italic;
}

/*#psf .notifications-bg {
    display: none;
    position: absolute;
    z-index: 100;
    width: 400px;
    height: auto;
    padding: 10px 10px 0;
    background-color: #efefef;
    border: 1px solid #ccc;
    border-bottom-color: #adadad;
    box-shadow: 0 3px 3px rgba(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 #totalNotifications {
    margin-bottom: 0;
    padding: 0 5px;
    width: 20px;
    line-height: 20px;
    font-size: 12px;
    height: 20px;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #d7410b;
    color: #fff;
}

#notifications-trigger.viewed #totalNotifications {
    background-color: #767676;
}

#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: 700;
        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: #069;
            }

#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 {
    position: relative;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    padding: 0 10px 0 20px;
    background-color: #f2f2f2;
    color: #ccc;
}

    .step:hover, .step:visited {
        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(../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(../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(../images/arrow-step_active-last.jpg);
}

.step.step-active:before {
    content: url(../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;
    }
}

.step.step-2 {
    margin-right: 6px;
}

.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;
    }
}

@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;
}

#call-me-message, #email-me-message, #multiple-phone, #single-phone {
    display: none;
}

    #multiple-phone .table > tbody > tr > td:first-child, #multiple-phone .table > tbody > tr > th:first-child, #multiple-phone .table > tfoot > tr > td:first-child, #multiple-phone .table > tfoot > tr > th:first-child, #multiple-phone .table > thead > tr > td:first-child, #multiple-phone .table > thead > tr > th: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: 700;
        }

        #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;
    }
}

#guided #banner, #swd .swd #banner {
    background-image: url(../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(../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: 0;
    }
}

#guided #banner, #swd #banner {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100px;
    margin-bottom: 0;
}

    #guided #banner:after, #guided #banner:before, #swd #banner:after, #swd #banner:before {
        content: " ";
        display: table;
    }

    #guided #banner:after, #swd #banner:after {
        clear: both;
    }

    #guided #banner h2, #swd #banner h2 {
        margin: 0;
    }

@media only screen and (min-width:801px),print and (min-width:4in) {
    #guided #banner header:not(.modal-header), #swd #banner header:not(.modal-header) {
        color: #fff;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        #guided #banner header:not(.modal-header) .small, #guided #banner header:not(.modal-header) small, #swd #banner header:not(.modal-header) .small, #swd #banner header:not(.modal-header) small {
            color: #fff;
        }
}

@media only screen and (max-width:496px),only screen and (min-width:497px) and (max-width:800px) {
    #guided #banner header:not(.modal-header), #swd #banner header:not(.modal-header) {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:801px),print and (min-width:4in) {
    #guided #banner.banner-margin, .swd #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;
    }
}

.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 table label {
    margin-bottom: 0;
}

.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;
}

.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;
    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;
}

@media (min-width:801px) {
    .driver-details .accordion-controls.align-right.remove-margin {
        margin-top: -10px !important;
    }
}

@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: 5px !important;
}

.driver-details .see-all-driver-link {
    font-size: 15px;
}

.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;
}

@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, .driver-details .driver-label-sm a {
        text-align: center;
    }
}

tr.swd-expanded > td {
    padding: 20px 0 0 !important;
    border-bottom: 8px solid #767676 !important;
}

.seeFullDetBlockWrap {
    float: left;
    width: 100%;
    padding: 0 25px;
    text-align: center;
}

.seeFullDetBlock {
    height: 30px;
    line-height: 20px !important;
}

.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,.15);
}

    tr.swd-dropdown-row > td > a:hover {
        color: #008ECE !important;
        background-color: rgba(0,150,214,.25) !important;
        text-decoration: none;
    }

    tr.swd-dropdown-row > td > a.toggled:hover {
        background-color: #FAFAFA !important;
    }

#download {
    padding-left: 10px;
    padding-right: 10px;
}

.table-responsive {
    padding-bottom: 15px;
}

#otherSoftwareResources {
    margin-top: 27px;
}

@media (max-width:800px) {
    .table-responsive {
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .first-row > td.col-lg-8 {
        padding-bottom: 0 !important;
    }

    .seeFullDetBlockWrap {
        padding: 0;
    }

    .seeFullDetBlock {
        text-align: left;
        margin-bottom: 3px !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;
}

.finishAccordion {
    margin-top: 10px;
    margin-bottom: 10px;
}

.secondPanelRow {
    margin-top: 0;
}

.secondPanel {
    margin-top: 0;
    border-bottom: 1px solid #ccc;
}

.strong {
    font-weight: 700;
}

.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: 0;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.panelHeaderLink {
    font-weight: 400;
    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;
    }
}

.rtl-dropdown {
    direction: ltr;
}

html[dir=rtl] .rtl-dropdown {
    text-align: right;
}

#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: #fff;
}

#docs code span.na {
    color: #069;
}

#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: 400;
}

#docs .show-grid h2 {
    color: #fff;
}

#docs .show-grid div[class*=col] {
    padding: 10px;
    color: #fff;
    background-color: #0096d9;
    border: 1px solid #069;
}

#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: #fff;
}

#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: 0;
}

    #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 code, #docs .colors .docSwatch.light p {
        color: #fff;
    }

    #docs .colors .docSwatch.dark code, #docs .colors .docSwatch.dark p {
        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: #069;
    }

    #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, #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: #000;
    }

    #docs .colors .docSwatch.blue-background {
        background-color: rgba(0,150,214,.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:after, #docs #styleguide-sidebar ul:before {
    content: " ";
    display: table;
}

#docs #styleguide-sidebar ul:after {
    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: #fff;
}

    #docs .documentation-only-not-in-flow.category {
        background-color: #d7410b;
    }

    #docs .documentation-only-not-in-flow a, #docs .documentation-only-not-in-flow span {
        color: #fff;
    }

    #docs .documentation-only-not-in-flow a {
        text-decoration: underline;
    }

@-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;
}

#steps-bar {
    background-color: #0096d6;
    padding: 0;
    height: 50px;
    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: .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: 12px;
}

@media only screen and (max-width:496px),only screen and (min-width:497px) and (max-width:800px) {
    #steps-bar .container .fl {
        margin-left: 0;
    }
}

#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: .5;
}

    #steps-bar .container .fl ul li.next span {
        display: none;
    }

#steps-bar .container .fl ul li a {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    cursor: default;
}

#steps-bar .container .fl ul > li {
    margin-right: 0;
    position: relative;
}

#steps-bar .container .fl ul i {
    position: relative;
}

    #steps-bar .container .fl ul i:before {
        color: #fff;
    }

    #steps-bar .container .fl ul i.icon-rght {
        margin-right: 0;
    }

#steps-bar .container .right {
    text-align: right;
    float: right;
    margin: 0;
}

    #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 {
    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: #fff !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: #fff !important;
    }

    #steps-bar .container .right ul li span {
        float: right;
        padding-left: 5px;
        padding-top: 14px;
    }

        #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 0;
        top: 0;
    }

@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 #ccc;
}

.gray-w-image:after, .gray-w-image:before {
    content: " ";
    display: table;
}

.gray-w-image:after {
    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: 0 0;
}

html[dir=rtl] .gray-w-image:after, html[dir=rtl] .gray-w-image:before {
    content: " ";
    display: table;
}

html[dir=rtl] .gray-w-image:after {
    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: 700;
            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 60px 20px 20px;
    }

        .instruction-panel header:hover {
            background-color: #fafafa;
        }

        .instruction-panel header .logo {
            display: table-cell;
            vertical-align: middle;
            width: .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: 20px;
        font-size: .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 .date, .download-table .table td .last, .download-table .table td .size, .download-table .table td .version {
        display: none !important;
    }
}

@media only screen and (min-width:497px) and (max-width:800px) {
    .download-table .table td .date, .download-table .table td .last, .download-table .table td .size, .download-table .table td .version {
        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: 700;
        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 .detail-dropdown, .download-table .previous-version, .download-table p.info {
    font-size: 14px;
}

    .download-table .detail-dropdown p, .download-table .previous-version 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: 400;
            color: #5a5a5a;
        }

.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;
    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: .9em;
        }

        .download-table .panel.panel-child span.title {
            padding-left: 20px;
        }

        .download-table .panel.panel-child button.primary {
            background: 0 0;
            color: #0096d6;
        }

.download-table .panel-heading {
    background-color: #fafafa;
    font-weight: 700;
}

    .download-table .panel-heading h4 {
        font-size: 16px;
    }

    .download-table .panel-heading .count {
        font-size: .8em;
        color: #767676;
        font-weight: 400;
    }

    .download-table .panel-heading .important-title, .download-table .panel-heading .important-title .count {
        color: #d7410b;
    }

    .download-table .panel-heading .recommended-title, .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: .9em;
    }
}

.download-table .basic-available .classification, .download-table .important .classification {
    display: block;
    color: #d7410b;
    margin-bottom: 5px;
}

.download-table .basic-available tr.first-row, .download-table .basic-available tr.swd-dropdown-row, .download-table .important tr.first-row, .download-table .important tr.swd-dropdown-row {
    border-left: 5px solid #d7410b;
}

.download-table .recommended .classification {
    color: #0096d6;
    display: block;
    margin-bottom: 5px;
}

.download-table .recommended tr.first-row, .download-table .recommended tr.swd-dropdown-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: #fff;
        border-bottom: 1px solid #fff;
        margin-bottom: -10px;
        padding-bottom: 10px;
    }

        .download-table .swd-dropdown.toggled:hover {
            background-color: #fff;
        }

.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-left: 1px solid #767676;
    background-color: #fff;
    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 20px;
        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 19px !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-8) {
            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;
    }
}

.softwareResultsWrapper[data=rtl] .download-table ul li, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table ul li {
    margin-right: 17px;
    margin-left: 0;
}

.softwareResultsWrapper[data=rtl] .download-table .swd-expanded table th:nth-child(4), html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .swd-expanded table th:nth-child(4) {
    border-right: 1px solid #ccc;
}

.softwareResultsWrapper[data=rtl] .first-row td.col-lg-8, html[dir=rtl] .softwareResultsWrapper[data=rtl] .first-row td.col-lg-8 {
    direction: rtl;
}

.softwareResultsWrapper[data=rtl] .basicButton, html[dir=rtl] .softwareResultsWrapper[data=rtl] .basicButton {
    float: left;
    padding-left: 0 !important;
}

.softwareResultsWrapper[data=rtl] .download-table .icon-tooltp_f, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .icon-tooltp_f {
    padding-left: 0;
    padding-right: 3px;
}

.softwareResultsWrapper[data=rtl] .Title_rtl, html[dir=rtl] .softwareResultsWrapper[data=rtl] .Title_rtl {
    float: right;
}

.softwareResultsWrapper[data=rtl] .accordion-controls.align-right, html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordion-controls.align-right {
    text-align: left;
}

.softwareResultsWrapper[data=rtl] .download-table .labels th, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .labels th {
    border-right: 1px solid #ccc;
    border-left: 0;
}

    .softwareResultsWrapper[data=rtl] .download-table .labels th:first-child, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .labels th:first-child {
        border-right: 0;
    }

.softwareResultsWrapper[data=rtl] .download-table .table .sortable-row table td[data-sort=date], html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .table .sortable-row table td[data-sort=date] {
    padding-top: 20px;
}

.softwareResultsWrapper[data=rtl] .download-table .acc-coll-all, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .acc-coll-all {
    float: left;
}

.softwareResultsWrapper[data=rtl] .download-table .acc-ex-all, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .acc-ex-all {
    padding-left: 3px;
}

    .softwareResultsWrapper[data=rtl] .download-table .acc-ex-all:after, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .acc-ex-all:after {
        content: '';
    }

    .softwareResultsWrapper[data=rtl] .download-table .acc-ex-all:before, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .acc-ex-all:before {
        content: ' | ';
        color: #5a5a5a;
    }

.softwareResultsWrapper[data=rtl] .download-table .sort-trigger th:first-child, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .sort-trigger th:first-child {
    border-right: 0;
}

.softwareResultsWrapper[data=rtl] .download-table .sort-trigger th:last-child, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .sort-trigger th:last-child {
    border-left: 0;
}

.softwareResultsWrapper[data=rtl] .download-table .sort-trigger th, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .sort-trigger th {
    border-right: 1px solid #ccc;
}

.softwareResultsWrapper[data=rtl] .download-table .swd-expanded .nested-download, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .swd-expanded .nested-download {
    border-left: 0;
    border-right: 0;
}

.softwareResultsWrapper[data=rtl] .button-group .button, html[dir=rtl] .softwareResultsWrapper[data=rtl] .button-group .button {
    margin-left: 10px;
    margin-right: 0;
}

.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.important-row table tr, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.important-row table tr {
    border-left: 0 !important;
    border-right: 5px solid #d7410b;
}

.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.important-row table .swd-expanded, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.important-row table .swd-expanded {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc !important;
}

.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.recommended-row table tr, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row.recommended-row table tr {
    border-left: 0 !important;
    border-right: 5px solid #0096d6;
}

.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row td:first-of-type, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row td:first-of-type {
    text-align: right;
}

.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row .swd-dropdown, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row .swd-dropdown {
    float: right;
}

.softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td {
    float: none;
    padding-bottom: 9px;
}

    .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td button, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td button {
        float: left;
    }

    .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td .text-small, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .table .sortable-row table td .text-small {
        text-align: right;
    }

.softwareResultsWrapper[data=rtl] #download-table .swd-expanded table th, html[dir=rtl] .softwareResultsWrapper[data=rtl] #download-table .swd-expanded table th {
    float: none;
}

.softwareResultsWrapper[data=rtl] .accordion_float_right, html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordion_float_right {
    float: right;
}

.softwareResultsWrapper[data=rtl] .accordion_float_left, html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordion_float_left {
    float: left;
}

.softwareResultsWrapper[data=rtl] .panel .panel-title > a, html[dir=rtl] .softwareResultsWrapper[data=rtl] .panel .panel-title > a {
    padding: 15px 15px 15px 55px;
}

.softwareResultsWrapper[data=rtl] .swd-expanded .detail-dropdown, .softwareResultsWrapper[data=rtl] .swd-expanded .previous-version, html[dir=rtl] .softwareResultsWrapper[data=rtl] .swd-expanded .detail-dropdown, html[dir=rtl] .softwareResultsWrapper[data=rtl] .swd-expanded .previous-version {
    direction: rtl;
    padding-right: 0;
    padding-left: 10px;
}

.softwareResultsWrapper[data=rtl] .download-table table, .softwareResultsWrapper[data=rtl] .download-table table a, .softwareResultsWrapper[data=rtl] .download-table table div, .softwareResultsWrapper[data=rtl] .download-table table p, .softwareResultsWrapper[data=rtl] .download-table table span, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table a, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table div, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table p, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table span {
    direction: rtl;
}

    .softwareResultsWrapper[data=rtl] .download-table table td[class*=col-lg], .softwareResultsWrapper[data=rtl] .download-table table th[class*=col-lg], html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table td[class*=col-lg], html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table th[class*=col-lg] {
        float: none;
        text-align: right;
    }

    .softwareResultsWrapper[data=rtl] .download-table table td[class*=col-lg], html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table table td[class*=col-lg] {
        direction: ltr;
    }

.softwareResultsWrapper[data=rtl] .table-responsive .first-row td[class*=col-lg], .softwareResultsWrapper[data=rtl] .table-responsive .first-row th[class*=col-lg], html[dir=rtl] .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] {
    float: none;
}

.softwareResultsWrapper[data=rtl] .previous-version th:first-child, html[dir=rtl] .softwareResultsWrapper[data=rtl] .previous-version th:first-child {
    border-right: 0;
}

.softwareResultsWrapper[data=rtl] .download-table .table a.hpdiaButton.button.primary, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .table a.hpdiaButton.button.primary {
    float: left;
}

.softwareResultsWrapper[data=rtl] .accordionTitle, html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordionTitle {
    direction: rtl;
}

    .softwareResultsWrapper[data=rtl] .accordionTitle .titleSpan.title, html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordionTitle .titleSpan.title {
        display: inline-block;
        direction: ltr;
    }

.softwareResultsWrapper[data=rtl] .download-table .basic-available tr.first-row, .softwareResultsWrapper[data=rtl] .download-table .basic-available tr.swd-dropdown-row, .softwareResultsWrapper[data=rtl] .download-table .important tr.first-row, .softwareResultsWrapper[data=rtl] .download-table .important tr.swd-dropdown-row, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .basic-available tr.first-row, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .basic-available tr.swd-dropdown-row, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .important tr.first-row, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .important tr.swd-dropdown-row {
    border-left: 0;
    border-right: 5px solid #d7410b;
}

.softwareResultsWrapper[data=rtl] .accordianSectionWrapper .download-table .swd-dropdown, html[dir=rtl] .softwareResultsWrapper[data=rtl] .accordianSectionWrapper .download-table .swd-dropdown {
    margin-right: 0;
    margin-left: -1px;
}

.softwareResultsWrapper[data=rtl] .download-table .swd-dropdown:nth-child(2), html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .swd-dropdown:nth-child(2) {
    border-left: 1px solid #ccc;
}

.softwareResultsWrapper[data=rtl] .download-table .panel.panel-child span.title, html[dir=rtl] .softwareResultsWrapper[data=rtl] .download-table .panel.panel-child span.title {
    padding-right: 20px;
    padding-left: 0;
}

.swd-expanded .detail-dropdown, .swd-expanded .previous-version {
    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: 0 !important;
}

.download-table .table a.hpdiaButton.button {
    float: right;
    padding: 0 15px !important;
}

a.acc-coll-all.acc-focus, a.acc-ex-all.acc-focus {
    color: #0096d6;
}

#swdLoadingDiv img {
    margin: 0 auto;
}

.details-desc *, .fixesContent *, p.inOSDesc * {
    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;
}

.table-responsive .first-row td.version {
    max-width: 100px;
    word-wrap: break-word;
    white-space: normal;
}

.download-table .swd-expanded {
    border-right: 2px solid #767676;
}

.basicButton {
    float: right;
    padding-right: 0 !important;
}

.download-table .icon-tooltp_f {
    padding-left: 3px;
}

.fixesContent {
    color: #767676;
}

.softwareResultsWrapper[data=rtl] .panel .panel-title > a:after, .softwareResultsWrapper[data=rtl] .panel .panel-title > a:before, html[dir=rtl] .softwareResultsWrapper[data=rtl] .panel .panel-title > a:after, html[dir=rtl] .softwareResultsWrapper[data=rtl] .panel .panel-title > a:before {
    right: auto;
    left: 15px;
}

html[dir=rtl] .softwareResultsWrapper[data=ltr] .panel .panel-title > a:after, html[dir=rtl] .softwareResultsWrapper[data=ltr] .panel .panel-title > a:before {
    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] .fileName, html[dir=ltr] .softwareResultsWrapper[data=rtl] .swd-dropdown-row td {
    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: 0;
}

    .download-table .swd-expanded .previous-version table tr.debugRow {
        border-bottom: 0;
    }

.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 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: 700;
    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: 400;
    margin-left: 0;
}

.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;
    }
}

.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: 0;
    }
}

.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;
    }

    .icheck-label:hover .icheckbox_flat-blue:before, .icheckbox_flat-blue:hover:before {
        color: #373737;
    }

    .icheckbox_flat-blue.checked:before {
        content: "\e619";
        font-size: 1.2em;
        color: #0096d6;
    }

    .icheck-label:hover .icheckbox_flat-blue.checked:before, .icheckbox_flat-blue.checked:hover:before {
        color: #069;
    }

    .icheckbox_flat-blue.disabled {
        background-position: -66px 0;
        cursor: default;
    }

    .icheckbox_flat-blue.error {
        background-position: -88px 0;
    }

.icheck-label:hover span {
    font-weight: 700;
}

.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: 400;
    }

    .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: 700;
    }

    .iradio_flat-blue.disabled {
        cursor: default;
    }

#filter-clear {
    display: none;
    white-space: nowrap;
    color: #0096d6;
    font-size: 16px;
    cursor: pointer;
}

    #filter-clear:hover {
        color: #069;
    }

#filter-title {
    display: none;
}

.filter-selected-title {
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

    .filter-selected-title:last-child {
        margin-bottom: 0;
    }

    .filter-selected-title .applied-filters-item {
        font-weight: 400;
    }

@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;
    }
}

.more-hidden {
    display: none;
}

.filters.filters-desktop .filter-category {
    margin-bottom: 10px;
}

@media only screen and (min-width:497px) and (max-width:800px),only screen and (max-width:496px) {
    .filters.filters-desktop .filter-category {
        padding: 0 20px;
        margin: 0 -20px;
    }
}

.filters.filters-desktop .filter-category .filter-options, .filters.filters-desktop .filter-category .filter-title {
    margin-bottom: 10px;
    color: #767676;
}

.filters.filters-desktop .filter-category .filter-title {
    font-weight: 700;
    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: 700;
        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: 400;
}

    .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: .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, .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 li.more-category, .filters.filters-desktop .filter-category .filter-options.filter-options-nested li.more {
    display: none;
}

.filters.filters-desktop .filter-category .filter-options .show-less, .filters.filters-desktop .filter-category .filter-options .show-less-expandables, .filters.filters-desktop .filter-category .filter-options .show-more, .filters.filters-desktop .filter-category .filter-options .show-more-expandables {
    padding: 0;
    color: #0096d6;
}

    .filters.filters-desktop .filter-category .filter-options .show-less-expandables: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-more:hover {
        background: 0 0;
        color: #069;
    }

.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: 0;
        right: 0;
        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;
            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,.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;
        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, .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 {
            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: #069;
}

    .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;
    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;
    }

    .tab-pane.hp-row {
        margin-top: 0;
    }

    .tab-pane.active {
        display: block;
        opacity: 1;
    }

.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: 0 -20px 30px;
            padding: 0 20px 20px;
            line-height: 32px;
        }
}

.hp-nav-tabs.horizontal {
    border-bottom: 2px solid #C6C6C6;
}

    .hp-nav-tabs.horizontal li {
        display: inline-block;
        margin-bottom: -2px;
        margin-right: -8px;
    }

        .hp-nav-tabs.horizontal li.active a {
            color: #000;
            background-color: #fff;
            border: 2px solid #C6C6C6;
            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: 2px solid #C6C6C6;
            background-color: #F2F2F2;
            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: 0;
    right: 0;
    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: #fff;
    border-radius: 0;
}

.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: #fff;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #fff;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #fff;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #fff;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    font-weight: 400;
    display: none;
    max-width: 300px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #fff;
    border: 2px solid #767676;
    border-radius: 0;
    box-shadow: 0 3px 3px rgba(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: 700;
    line-height: 22px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
}

.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: #fff;
    }

.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: #fff;
    }

.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: #fff;
    }

.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: #fff;
        bottom: -10px;
    }

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    list-style: none;
    background-color: #fff;
    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: 400;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            text-decoration: none;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        text-decoration: none;
        outline: 0;
    }

    .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        cursor: default;
    }

.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: auto;
    min-width: 250px;
    top: 58px;
    border-radius: 0;
    box-shadow: 0 3px 3px rgba(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: #f5f5f5;
                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, .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: .6em;
    margin-left: 12px;
    color: inherit;
}

.dropdown-toggle-icon-gray:after {
    content: '\e601';
    font-family: HPControlIcons;
    font-size: .6em;
    margin-left: 12px;
    color: #767676;
}

.dropdown.open > .dropdown-toggle-icon-gray:after, .dropdown.open > .dropdown-toggle-icon:after {
    content: '\e602';
    font-family: HPControlIcons;
    font-size: .6em;
    margin-left: 12px;
    color: inherit;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .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 .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .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: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    background-clip: padding-box;
    outline: 0;
}

    .modal-content .center {
        width: 80%;
        text-align: center;
    }

        .modal-content .center ul.two-columns {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            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: .7;
        filter: alpha(opacity=70);
    }

.modal-header {
    padding: 20px 60px 20px 20px;
    border-bottom: 1px solid #efefef;
    min-height: 16.43px;
}

.modal-header-float .modal-logo {
    float: left;
    display: inline-block;
    width: 40px;
    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;
        }

            .modal-sm .modal-header .modal-logo {
                width: 40px;
                margin-top: 0;
            }

            .modal-sm .modal-header .modal-title.with-logo {
                padding-left: 55px;
            }

            .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,.1);
    }

        .modal-dialog.modal-mobile.lg button.close:hover {
            background-color: rgba(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: 0;
}

    .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: 700;
            color: #000;
        }

            .panel .panel-title > a:hover {
                background: #f5f5f5;
                text-decoration: none;
                color: #000;
            }

                .panel .panel-title > a:hover:before {
                    color: #0096d6;
                    border-color: #767676;
                }

            .panel .panel-title > a:before {
                position: absolute;
                width: 21px;
                height: 21px;
                font-family: HPControlIcons;
                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: 400;
                color: #5a5a5a;
            }

            .panel .panel-title > a span.pCarousalTitle {
                color: #0096d6;
                font-weight: 700;
            }

    .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;
    }

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;
    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: #fff;
            font-size: .7em;
            vertical-align: 22%;
        }

    .applied-filters-item:hover {
        color: #373737;
    }

        .applied-filters-item:hover .filter-close {
            background-color: #069;
        }

#scf {
    display: inline-block;
}

#scf-wrapper {
    display: none;
}

#button-clear {
    display: none;
    border: 0;
    padding: 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: 0;
    }
}

.os-selector div.fancy-select {
    margin-bottom: 0;
}

.os-selector .spaced-margin {
    color: #767676;
}

.os-selector .os-heading {
    cursor: pointer;
    display: block;
    float: none;
    width: 100%;
    padding: 20px;
    background-color: #90E6E8;
}

    .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: 400;
    }
}

@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;
    }
}

#os-selector, [id*=" os-selector"], [id^=os-selector] {
    background-color: #DEF7F8;
    padding: 20px;
}

    #os-selector label, [id*=" os-selector"] label, [id^=os-selector] label {
        font-weight: 400;
        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;
    }

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: 0;
        margin-right: 20px;
    }

html[dir=rtl] div#platformOs > div {
    float: right;
}

html[dir=rtl] .os-sel-trigger {
    float: left;
}

.learning-panel {
    margin: 20px;
    padding: 0;
    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;
            -webkit-animation: fadeIn ease-in 1;
            -moz-animation: fadeIn ease-in 1;
            animation: fadeIn ease-in 1;
            -webkit-animation-fill-mode: forwards;
            -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: .875em;
        margin: 0;
        line-height: 1.3em;
    }

    .product-selection img {
        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: 0 !important;
    margin-bottom: 20px !important;
}

    .product-selection-header span {
        font-size: 14px;
        color: #767676;
    }

.selection-group .hp-row {
    padding: 0;
}

@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: 400;
}

.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: 700;
    line-height: 20px;
    margin-bottom: 5px;
}

.download-list .limitation {
    margin-bottom: 5px;
    color: #373737;
}

.download-list p {
    margin-bottom: 0;
}

.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: 25px 5px 0;
        vertical-align: top;
    }

    .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: #000;
}

.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;
            }

.histHeading {
    color: #767676;
}

.modal-align {
    margin-top: 0 !important;
}

@media only screen and (max-width:496px) {
    #searchResultsWrapper {
        padding-top: 28px;
    }
}

.pfinderalign {
    display: none;
    margin-top: 35px;
}

.singleresult {
    margin-top: 30px;
}

.productalign {
    margin-top: 26px;
}

a.image-hover {
    display: block;
    color: #000;
}

    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: #fff;
    }
}

@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;
    }
}

@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: #fff;
        }

        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;
        }
}

@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: #fff;
        }

        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;
        }
}

.image-block {
    max-height: 60% !important;
    right: 0 !important;
}

.blue-block {
    background: #0096d6;
}

#dvpFinderOption {
    display: none;
}

.warrantyDispute {
    border: 0;
    margin: 0;
    padding: 0;
}

.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, .pFinderResults .localResults {
    display: none;
}

.hp-section .pFinderResults .hp-row:last-child {
    margin-bottom: 20px;
}

.modal .hpSection {
    margin-bottom: 0 !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:active, .pFinderView3 a:hover {
    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-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: .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;
    }

.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-less-OS, .sidebar-nav li a.show-more-OS {
    padding: 0;
    color: #0096d6;
}

    .sidebar-nav li a.show-less-OS:hover, .sidebar-nav li a.show-more-OS:hover {
        background: 0 0;
        color: #069;
    }

.sidebar-nav li a.show-less-OS {
    display: none;
}

@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;
    }
}

@media only screen and (min-width:801px),print and (min-width:4in) {
    #selectionOS.col-lg-10 {
        width: 43.66%;
    }
}

#ulMoreOptions li a:hover, .secondary-content.meta-link a:hover, a.centered.notYourProdTrigger:hover {
    text-decoration: underline;
}

.search-result-pdp {
    display: none;
}

.container.nestedContainer {
    padding: 0;
}

#hpProductContextPageTitle {
    padding-left: 0;
}

.winWrapper {
    padding-top: 10px !important;
    badding-bottom: 0 !important;
}

.divider.option-divider:after, .divider.option-divider:before {
    height: 50%;
}

.centered img {
    width: 100%;
    margin: auto;
}

.DMDCheckServiceSpinner {
    margin: 50px auto;
    width: 32px;
}

.DMDProdHeader {
    margin-top: 30px;
}

.pFinderM2Wrapper .errorWrapper {
    padding-top: 0;
}

.pFinderM2Wrapper .disabledBtn, .pFinderM2Wrapper .standardBtn {
    padding: 0 20px;
}

.pFinderView2 .errorWrapper {
    padding-top: 0;
}

.pFinderView2 .disabledBtn, .pFinderView2 .standardBtn {
    padding: 0 20px;
}

.dmdM2Wrapper .detectMyDevicePolicyDetails {
    float: none;
    margin: 20px 0 0;
    display: inline-block;
}

.dmdM2Wrapper p a:hover {
    border-bottom: 0;
}

a.step:hover {
    cursor: default;
}

a.step:visited:hover {
    color: #ccc;
}

a.step.step-active:visited:hover {
    color: #fff;
}

a.step:focus {
    border: 0;
    outline: 0;
}

a.step span:hover {
    cursor: default;
}

#everything, .everything {
    overflow-x: visible;
}

.body ul.hp-nav-tabs a:visited, .body ul.hp-nav-tabs a:visited:hover {
    color: #fff;
}

.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 {
        margin-bottom: 100px;
    }
}

.search-result-commercial {
    display: none;
}

.secondary-content meta-link a {
    border-bottom: none !important;
}

#unassistedTiles > div:nth-child(1), #unassistedTiles > div:nth-child(2), #unassistedTiles > div:nth-child(O) {
    margin-bottom: 45px;
}

@media only screen and (max-width:910px) and (min-width:801px) {
    .ru .detectMyDeviceTopSection {
        margin: 35px auto 0;
    }
}

#driverFinderEasyHeader, #hh-2 .fontHH1, .detectMyDeviceTopSection p {
    font-family: HPSimplified;
}

#askMary.fade, #findSolution.fade, #forgottenPassword.fade, #modelSpecificSupport.fade, #productHome.fade, #recommendedSolutions.fade, #repairStatus.fade, #supportForum.fade {
    display: none;
}

.activeOption {
    position: relative;
    margin-left: 15px !important;
}

#contactOptionsWrap .contactOption {
    position: relative;
    margin: 20px 0;
}

    #contactOptionsWrap .contactOption .subHeading {
        font-size: 18px;
        display: block;
    }

    #contactOptionsWrap .contactOption p {
        padding: 0;
    }

.dvLoadingBackground {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #333;
    z-index: 10;
    opacity: .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: dotted 1px;
}

#psf .notifications-bg {
    padding-bottom: 10px;
    top: 0;
    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: 0;
    }

    #body {
        overflow: hidden;
    }

    #psf .notifications-bg {
        right: 0;
        top: 41px;
    }
}

#aWindowsStickerLink {
    border: none;
}

#docFeedbackHolder {
    z-index: 1;
    position: relative;
}

#docFeedbackSeparator {
    clear: both;
}

.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;
    }

@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: 0;
    color: #0096d6;
}

#actualQuery.btnLikeLink {
    text-decoration: none;
}

    #actualQuery.btnLikeLink:hover {
        text-decoration: none;
        color: #069;
    }

.narrowMessage.red {
    display: inline-block;
    margin-bottom: 20px;
}

.button.button-disabled:hover, .button:disabled:hover {
    cursor: default;
}

a:focus, input:focus, select:focus, textarea:focus {
    outline: #4d90fe solid 1px;
}

.chatGlassWall {
    display: none;
}

#callBackForm .errorMessage {
    display: none !important;
}

#callBackForm .errorElement {
    border-color: #767676;
}

.promotext {
    position: absolute;
    color: #fff;
    bottom: 0;
    padding: 15px 30px 15px 15px;
}

.HP Promo.Placeholder {
    position: relative;
}

.promoHeader {
    font-weight: 700;
}

.promotext label {
    display: inline;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 10px;
}

.promotext p {
    margin-bottom: 10px;
    line-height: 15px;
}

    .promotext p.promoDescription {
        margin-bottom: 0 !important;
    }

.promotext a, .promotext a:active, .promotext a:focus, .promotext a:hover, .promotext a:visited {
    color: #0096d6;
}

    .promotext a:focus, .promotext a:hover {
        text-decoration: underline;
    }

.contact-tile p {
    margin-bottom: 0;
    padding: 0 20px;
    color: #767676;
}

.hp-row.promo-row {
    margin-bottom: 20px;
}

html[dir=rtl] #btnContactFormSubmit {
    float: left !important;
}

@media only screen and (max-width:496px) {
    .mobileHeading {
        font-size: 18px;
        margin: 5px 0 0;
        padding: 0;
    }
}

@media only screen and (min-width:497px) and (max-width:800px) {
    .mobileHeading {
        font-size: 18px;
        margin: 5px 0 0;
        padding: 0;
    }
}

.col-xs-12.krChatDisclaimer {
    padding-left: 0;
    padding-right: 0;
}

.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%;
}

@media print {
    a[href]:after {
        content: "";
    }
}

ul.tabbedList {
    padding-left: 30px;
}

.know-windows-image-link-container {
    float: right;
    margin-left: 0;
}

.prodPageNavLink {
    text-decoration: underline;
    color: #3096CA;
}

.prodPageNav {
    margin-bottom: 12px;
}

.product-bg.content-block {
    margin-bottom: 0;
    padding: 50px 0 0;
}

.legalInstructions {
    cursor: pointer;
}

#retry {
    margin-bottom: 15px;
}

.modalContent > img {
    margin: 10% 46%;
}

.modalWrapper {
    display: none;
}

.modalContent {
    clear: both;
}

.modalWrapper {
    box-shadow: 0 0 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;
    }

.clear {
    clear: both;
}

.floatLeft {
    float: left;
}

.errorContainer {
    font-size: .75em;
    font-family: HPSimplified;
    color: red;
}

.errorMessage {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    color: red !important;
    font-size: 12px !important;
    font-weight: 700;
}

.errorElement {
    border: 1px solid red !important;
}

.errorWrapper {
    padding-top: 28px;
    position: relative;
}

    .errorWrapper .errorContainer {
        position: absolute;
        top: 0;
    }

input[type=text].errored {
    border: 1px solid red;
}

.modal-dialog {
    background-color: #fff;
    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 0;
}

.diaHeaderText {
    background: url(../images/hp.png) no-repeat;
    background-size: contain;
    padding-left: 50px;
    font-weight: 700;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
}

.diaModalClose {
    width: 17px;
    height: 16px;
    background-image: url(../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: 400;
}

.diaDesc {
    margin-bottom: 20px;
}

.diaOptions {
    margin-bottom: 25px;
}

.customRadio {
    height: 0;
    width: 0;
}

    .customRadio + label {
        background: url(../images/radio_unchecked.jpg) no-repeat;
        margin-left: -10px;
        padding-left: 30px;
        line-height: 25px;
        background-size: contain;
        width: 100%;
        display: initial;
    }

    .customRadio:checked + label {
        background: url(../images/radio_checked.jpg) no-repeat;
        background-size: contain;
    }

    .customRadio:first-child {
        margin-bottom: 15px;
    }

.customCheck {
    height: 0;
    width: 0;
}

    .customCheck + label {
        background: url(../images/check_unchecked.png) no-repeat;
        margin-left: -10px;
        padding-left: 25px;
        line-height: 20px;
        background-size: contain;
        display: initial;
    }

    .customCheck:checked + label {
        background: url(../images/check_checked.png) no-repeat;
        background-size: contain;
    }

.diaButtons {
    margin-top: 30px;
    margin-bottom: 35px;
}

.btn {
    border: 0;
    padding: 8px 19px;
    border-radius: 0 4px;
    font-weight: 700;
    background-color: #aeaeae;
    margin: 0;
    cursor: pointer;
}

    .btn.active {
        background-color: #0096d6;
        color: #fff;
    }

.diaGetMoreDetail a {
    color: #007DBA;
    text-decoration: none;
    font-size: 12px;
}

    .diaGetMoreDetail a:hover {
        text-decoration: underline;
    }

    .diaGetMoreDetail a:focus, .diaGetMoreDetail a:hover, .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: 700;
    font-size: 16px;
    background-image: url(../images/diaInstruction.png);
    background-size: cover;
}

.diaPrivacyPolicy a {
    color: #007DBA;
    text-decoration: none;
    font-size: 12px;
}

    .diaPrivacyPolicy a:hover {
        text-decoration: underline;
    }

    .diaPrivacyPolicy a:focus, .diaPrivacyPolicy a:hover, .diaPrivacyPolicy a:visited {
        color: #007DBA;
    }

html[dir=rtl] .diaHeaderText {
    padding-left: 0;
    padding-right: 50px;
    background-position: right;
}

html[dir=rtl] .diaModalClose {
    float: left;
    margin-left: -30px;
    margin-right: 0;
}

html[dir=rtl] .customCheck + label, html[dir=rtl] .customRadio + label {
    margin-left: 0;
    padding-left: 0;
    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 0;
}

html[dir=rtl] #btnDiaNext {
    margin-left: 32px;
    margin-right: 0;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
}

.fa.fa-cloud-download {
    padding-right: 5px;
}

.tab-pane .findingSolMsg h3 {
    margin: 0 0 0 10px;
}

.divider {
    background: 0 0;
}

div#Hpdia_WindowShade {
    background: #fff !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 {
    color: #373737 !important;
    font-family: hpsimplified;
    font-weight: 700;
    color: #373737 !important;
    margin-right: 5px !important;
}

.pagination-button:after {
    margin-left: 3px;
}

div#paginationFootContainer {
    margin-top: 50px;
}

#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;
}

#dmdInstallationheader {
    margin-bottom: 20px;
    margin-top: 18px;
}

#dmdInstallationInstruction {
    margin-top: 0;
}

img.product-info-image {
    width: auto !important;
}

#swdProductInfoHeader {
    margin-left: -15px;
    margin-top: 45px;
}

#download {
    margin-right: 0;
}

.contact-align {
    padding-right: 13px;
}

#swdProductInfoImage {
    margin-top: 40px;
    margin-left: 15px;
    margin-bottom: 40px;
}

#dmdProgressBarHeader {
    margin-top: 18px;
    margin-bottom: 18px;
}

#videoHeader {
    margin-bottom: 30px;
}

input[type=text]::-ms-clear {
    display: none;
}

.contactUI:before {
    font-family: HPControlIcons_New;
    color: #0096d6;
    font-style: normal;
    font-weight: 400;
    font-size: 65px;
    font-variant: normal;
    text-transform: none;
    font-smoothing: antialised;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contactUI {
    margin-top: 22px;
}

.contactOptions_text {
    margin-left: 95px;
    margin-right: 95px;
}

.chatUI:before {
    content: "\e653";
}

.phoneUI:before {
    content: "\e655";
}

.callmeUI:before {
    content: "\e652";
}

.emailUI:before {
    content: "\e654";
}

.callNumber {
    font-size: 20px;
}

#fastChat {
    color: #d7410b;
}

.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 0;
}

    .dvClosure header h1 {
        margin: 0;
    }

.dvClosure .centered.notYourProdFormTrigger h3 {
    padding: 0;
}

.heading {
    font-size: 28px;
    margin: 20px 0;
}

@media only screen and (max-width:496px) {
    #exitDisclaimer {
        margin-top: -50px;
    }
}

#exitDisclaimer .assume-section, #exitDisclaimer .link-section, #exitDisclaimer .notice-section {
    padding: 5px 0;
}

#exitDisclaimer .notice-section {
    padding-top: 15px;
}

@media only screen and (max-width:496px) {
    #exitDisclaimer .notice-section {
        padding-top: 5px;
    }
}

#exitDisclaimer .link-usage {
    margin-bottom: 5px;
}

#exitDisclaimer .link-usage, #exitDisclaimer .link-value, #exitDisclaimer .notice-section-text {
    font-size: 20px;
    color: #000;
}

#exitDisclaimer .assume-text {
    font-size: 16px;
    color: #000;
    margin-bottom: 60px;
}

#exitDisclaimer .fontH1 {
    color: #000;
}

.h4font {
    color: #000;
    line-height: 2.1;
}

.formOverlay {
    background: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    content: " ";
    z-index: 999;
    opacity: .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#wFormProductNum + .errorMessage, input#wFormSerialNumber + .errorMessage {
    margin-top: 28px !important;
}

    input#wFormProductNum + .errorMessage .errorIcon, input#wFormSerialNumber + .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: 0;
    }

.noOfDays p {
    display: inline-block;
}

div#dvClcSection {
    position: absolute;
    bottom: 10px;
}

.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;
}

.pre2005content span {
    font-size: 15px;
}

#historicContainer {
    margin-bottom: 60px;
}

    #historicContainer #productGridBlocks {
        margin-top: 30px;
    }

    #historicContainer #productGridHeaderText {
        margin-top: 0;
    }

    #historicContainer .product-grid-category {
        height: auto;
        border: 0;
    }

        #historicContainer .product-grid-category h3 {
            height: auto;
            padding: 3px 0;
            color: #373737;
        }

            #historicContainer .product-grid-category h3.active {
                font-weight: 700;
                color: #007dba;
            }

            #historicContainer .product-grid-category h3:hover {
                color: #007dba;
            }

    #historicContainer .pDrill {
        margin-top: 0;
    }

    #historicContainer h5.retired {
        margin: 0;
    }

        #historicContainer h5.retired .info {
            font-weight: 400;
            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;
    }

.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 !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 !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: 0 !important;
    }
}

#pdpSecondaryNav {
    margin-top: 15px !important;
}

#select-country-header {
    line-height: 50px !important;
}

.mdlSpinnerBody {
    padding: 15px 15px 20px !important;
}

.mdlSpinnerHeader {
    padding: 20px 15px !important;
}

.productImgBlock {
    margin-bottom: 10px !important;
}

.pdpHpSection {
    margin-bottom: 0 !important;
}

@media (max-width:800px) {
    .pdpProdtTitle {
        font-size: 32px !important;
    }

    .productImgBlock {
        margin-bottom: 20px !important;
    }
}

@media (max-width:627px) {
    .mdlSpinnerHeadTitle {
        line-height: 25px !important;
    }
}

.unknownWarrantyModalTextAlign {
    text-align: left !important;
    padding: 20px 60px 20px 15px !important;
}

    .unknownWarrantyModalTextAlign .modal-title.with-logo {
        margin: 1% 0 0 0;
    }

.unWrrntyBody {
    text-align: left !important;
    padding: 25px 40px 40px !important;
}

.unWrrntyModalContent {
    padding-bottom: 4px !important;
}

@media (max-width:800px) {
    .unWrrntyBody {
        text-align: left !important;
        padding: 5px 15px 20px !important;
    }

    .unWrrntyModalContent {
        padding-bottom: 14px !important;
    }

    .wrrntyMdlClose {
        right: 0 !important;
    }

    .wrrntyMdlMainHeading {
        padding-left: 15px !important;
    }
}

.vrfyProdMdlBody {
    padding: 26px 40px 40px !important;
}

.vrfyProdMdlContent {
    margin-bottom: 15px !important;
}

#mdlEnteredHeading {
    margin-bottom: 0 !important;
}

#btnWronSnrNo {
    margin-right: 16px !important;
}

@media (max-width:800px) {
    .vrfyProdMdlBody {
        padding: 6px 15px 20px !important;
    }

    .vrfyProdMdlContent {
        margin-bottom: 25px !important;
    }

    #btnWronSnrNo {
        margin-right: 6px !important;
    }
}

@media only screen and (max-width:496px) {
    .nonMobile.hp-row {
        margin-left: 0;
        margin-right: 0;
    }
}

#moPostalCode + div.errorMessage {
    top: 105px;
}

div#billingWrapper .errorIcon, form#StepOneShippingAddr .errorIcon {
    display: none;
}

#moShipSerialNumber + div.errorMessage {
    top: 105px;
}

    #moShipSerialNumber + div.errorMessage .errorIcon {
        display: none;
    }

.moSubHeader {
    font-size: 18px;
}

.moRequired {
    color: #5a5a5a;
}

.moBoldSubHeader {
    font-size: 18px;
    font-weight: 700;
}

.moRequired {
    font-size: 12px;
    font-weight: 400;
}

#editInfo {
    display: inline-block;
    margin-left: 10px;
}

#liheckWarranty, a#check_another_product {
    margin-top: 20px;
}

@media only screen and (max-width:496px) {
    .image-header .header-title {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:496px) {
    .image-header .header-image {
        width: 100%;
    }
}

@media only screen and (max-width:496px) {
    .image-header .header-image .centerImg {
        width: 100%;
    }
}

.hiddenLabel {
    font-size: 0;
    line-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    display: none;
}

.withBorder {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
}

button:focus {
    outline: #4d90fe solid 1px;
}

#swdRetry {
    float: right;
}

.ssfButtonTopMargin {
    margin-top: 3px;
}

.rtlSectionAlign {
    margin-left: 15px !important;
}

.swdFinishFindDrivers {
    float: left;
    margin-left: 20px;
}

.hideForever {
    display: none !important;
}

#obligationCheckWrapper #errorLineOne, #obligationCheckWrapper #errorLineTwo {
    position: static;
}

#obligationCheckWrapper #errorLineOne {
    margin-top: 20px !important;
}

#obligationCheckWrapper .form-group:nth-child(4) {
    margin-bottom: 8px;
}

.greyout {
    background-color: #F9F9F9;
}

div.greyout:hover {
    background-color: #f2f2f2;
}

.keyMarginBottom p.key-value {
    margin-bottom: 0;
}

.keyMarginBottom div.col-lg-17 {
    color: #767676;
}

.keyMarginBottom > div > div > div.hp-row {
    margin-bottom: 20px;
}

@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;
    }

    #tileSectionDivider, #tilesSection {
        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;
}

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: 0;
    }

#otherSoftwareResources .otherSupportHeading {
    margin-top: 10px;
    margin-bottom: 20px;
}

#swdHideWrapper .hp-section-sm {
    margin-top: 35px;
    margin-bottom: 20px;
}

#os-selector #OS_bluebar {
    color: #333;
}

#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: 0;
        height: 0;
        visibility: hidden;
    }

    #mdlSpinnerTxtSub .mdlSpinnerBody {
        padding: 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 {
    background-color: grey;
}

#notifications-trigger.recommendedOnly span#totalNotifications {
    background-color: #0096d6;
}

.hpdiaLink {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@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: 0 !important;
    }

    .swdBluebarContainer {
        margin-top: -15px;
    }
}

@media only screen and (min-width:769px) {
    #os-update-update {
        display: none;
    }

    #os-cancel {
        margin-right: 30px;
    }
}

@media only screen and (max-width:496px) {
    .swdBluebarContainer {
        margin-top: -25px;
    }
}

.svgClosureAccImg {
    margin-top: 3px;
}

.svgClosureAccText {
    margin-top: 5px;
}

.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: 0;
}

.rmBtnMarginTop {
    margin-top: 0 !important;
}

@media (max-width:600px) {
    ul.swdStepBarSteps > li > a {
        display: none !important;
    }

    ul.swdStepBarSteps > li.active > a {
        display: inline-block !important;
    }
}

.ie #psf li {
    padding-right: 16px;
}

html[dir=rtl] .ie #psf li {
    padding-left: 16px;
    padding-right: 0;
}

.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;
    }
}

html[dir=rtl] .finalButtonsDiv {
    text-align: left;
}

html[dir=rtl] .key-margin-bottom {
    direction: rtl;
}

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: 0 !important;
    border-right: 5px solid #d7410b !important;
    padding-right: 5px !important;
}

html[dir=rtl] #pdpConf {
    float: left;
}

html[dir=rtl] a.image-hover {
    display: block;
    color: #000;
}

    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: #fff;
    }
}

@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;
    }
}

@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: #fff;
        }

        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;
        }
}

@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: #fff;
        }

        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 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: 0 !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 {
        float: right;
        text-align: right;
        margin-right: 0;
    }

html[dir=rtl] .search-bg .dropdown, html[dir=rtl] .search-bg .dropdown .dropdown-menu {
    right: 0;
    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(../images/searchIconRTL.png) no-repeat;
}

    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;
    }
}

@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: 0;
    right: 0;
}

@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: 0 3px;
        display: inline-block;
    }

html[dir=rtl] button.close {
    float: left;
}

html[dir=rtl] .pFinderView3 .form-input-inline {
    margin-right: 0;
    margin-left: 10px;
}

html[dir=rtl] .pFinderView3 ul.list-bullets {
    padding-right: 15px;
    padding-left: 0;
}

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: 0;
}

html[dir=rtl] #refine-results-modal .productBuilderContainer {
    margin-right: 0;
}

html[dir=rtl] #refine-results-modal .productBuilderDropdowns .hpStyleDropdown {
    margin-right: 0;
    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: 0;
    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: 0;
}

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: 0;
    padding-right: 70px;
}

html[dir=rtl] .notYourProdModalContainer button.close {
    right: auto;
    left: 0;
}

html[dir=rtl] .hp-row.with-icons .icon-content {
    margin-left: 0;
    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: 0;
}

html[dir=rtl] #navForumContainer {
    right: 0 !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;
    }

    html[dir=rtl] a.step:after {
        content: url(../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(../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(../images/arrow-step_active-lastRTL.jpg);
        direction: ltr;
    }

    html[dir=rtl] a.step.step-active:before {
        content: url(../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, 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] .fl, 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;
    }
}

@media only screen and (min-width:801px),print and (min-width:4in) {
    html[dir=rtl] .col-lg-1, 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-2, 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, 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 {
        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: 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%; */
        margin-right: 7%;
    }
}

@media only screen and (min-width:497px) and (max-width:800px) {
    html[dir=rtl] .col-md-1, 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-2, 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, 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 {
        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-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-2, 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, 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 {
        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: 0;
}

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: 0;
    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: 0;
        top: 41px;
    }

    html[dir=rtl] #psf {
        bottom: auto;
        top: auto;
        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: 0;
}

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: 0;
    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;
    margin-right: 0;
}

html[dir=rtl] button#clc-back {
    float: left;
}

html[dir=rtl] .languageSelector {
    margin-left: 0;
    margin-right: 20px;
}

html[dir=rtl] #closeModal > img {
    position: absolute;
    left: 15px;
    top: 15px;
}

html[dir=rtl] .docFeedbackHolder .docFeedback, html[dir=rtl] .hp-row.with-icons .icon-bg, html[dir=rtl] .icon-bg {
    float: right;
}

html[dir=rtl] .disputeBar .infoError {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

html[dir=rtl] .disputeBar .cross {
    float: left;
}

html[dir=rtl] .col-lg-24.no-padding.rtlBanner {
    background-position-x: 0 !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] .modal-body .details, html[dir=rtl] .swd-expanded .details {
    padding-left: 10px;
    padding-right: 0;
}

html[dir=rtl] .download-table .table .sortable-row a.hpdiaButton.button.primary {
    float: left;
}

html[dir=rtl] .download-table .panel-heading .count {
    unicode-bidi: bidi-override;
}

html[dir=rtl] .pagination-container, html[dir=rtl] .progress-bar-status, html[dir=rtl] a.button.button-sm.hpdiaButton.critical {
    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;
    }

    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);
        -webkit-transform: rotate(180deg);
        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-right: 15px !important;
    margin-left: 0;
}

html[dir=rtl] #os-x-trigger {
    float: left;
    color: #767676;
}

html[dir=rtl] #Hpdia_DownloadDialog .button-group.align-right, html[dir=rtl] #Hpdia_InstallDialog .button-group.align-right, html[dir=rtl] #Hpdia_OptInDialog .button-group.align-right {
    text-align: left;
}

html[dir=rtl] #Hpdia_InstallDialog_BtnOK, html[dir=rtl] #Hpdia_OptInDialog_BtnNext {
    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: 0;
        padding-left: 10px;
    }
}

html[dir=rtl] #logmeinsupport .form-group span.table-cell .form-input.small {
    margin-right: 0;
    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-image, html[dir=rtl] #hp-product-id .image-header .header-title {
    float: right;
}

html[dir=rtl] .w-details p.key-value span.key {
    margin-left: 40px;
    margin-right: 0;
}

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] .button-group.right, html[dir=rtl] input#btnWFormSubmit {
    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: 0;
}

html[dir=rtl] #historicContainer #finalGridContainer {
    padding-left: 0;
    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] #dmdRetryView ul li, html[dir=rtl] .DMDNewLayout 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: 0;
    margin-right: 40px;
}

html[dir=rtl] .panel .panel-title > a {
    position: relative;
    display: block;
    padding: 15px 15px 15px 55px;
    font-weight: 700;
    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;
}

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 {
        margin-right: 0;
        margin-left: 30px;
    }
}

.pFinderCategory {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -1px;
    padding: 0;
}

.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: 700;
    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: '\e606';
            top: 1px;
            position: absolute;
            right: 6px;
        }

    .hp-expandable-wrapper .hp-expand-colapse:hover {
        color: #069;
        background: #f5f5f5;
    }

        .hp-expandable-wrapper .hp-expand-colapse:hover .expandIcon {
            color: #0096d6;
            border: 1px solid #000;
        }

    .hp-expandable-wrapper .hp-expand-colapse.opened .expandIcon:after {
        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: '\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;
    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;
}

@media only screen and (min-width:497px) and (max-width:800px) {
    .search-bg .predictive-results {
        top: 35px;
    }
}

@media only screen and (max-width:496px) {
    .search-bg .predictive-results {
        top: 35px;
    }
}

.search-bg .searching img {
    width: 72%;
}

.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: 0 auto 10px;
    }
}

@media only screen and (min-width:497px) and (max-width:800px) {
    .prodDisplayImg {
        margin: 0 auto 10px;
    }
}

.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 {
            background-color: #069;
            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;
    }

        .search-bg #search-dropdown:hover {
            text-decoration: none;
        }

@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;
}

    .search-bg #search-dropdown .search-category {
        display: inline-block;
        margin-right: 10px;
        min-width: 86%;
        max-width: 90%;
        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,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.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;
}

.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: 10;
    left: 0;
    right: 0;
    top: 43px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(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: 700;
        color: #575757;
    }

    .predictive-results li a.hover, .predictive-results li a:hover {
        text-decoration: none;
        color: #0096d6;
        background-color: #f5f5f5;
        cursor: pointer;
    }

        .predictive-results li a.hover strong, .predictive-results li a:hover strong {
            color: #069;
        }

.predictive-results li.results-title {
    padding: 5px 15px;
    font-size: 12px;
    color: #0096d6;
    text-transform: uppercase;
}

span.regular-font {
    font-weight: 400;
}

.search-result a {
    font-size: 16px;
}

    .search-result a:hover {
        text-decoration: underline;
        color: #069;
    }

    .search-result a strong {
        font-weight: 700;
        color: #0096d6;
    }

        .search-result a strong:hover {
            color: #069;
        }

.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, .similar-results ul strong {
    color: #0096d6;
}

h4.best-search-header {
    color: #767676;
    font-family: HPSimplified;
}

    h4.best-search-header strong {
        color: #767676;
    }

@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;
}

.disclaimerBarContainer {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    background-color: #E8F5FB;
}

    .disclaimerBarContainer div {
        padding: 10px 15px;
    }

        .disclaimerBarContainer div i {
            background-image: url(../images/newTab.png);
            display: inline-block;
            width: 20px;
            height: 15px;
        }

.warranty-error-search {
    font-weight: 400 !important;
}

#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: 700;
}

#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;
    }
}

@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: 700;
}

#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.selected, #clc-modal #clc-choose-language ul.language-options li a.selected .native, #clc-modal #clc-choose-language ul.language-options li a:hover, #clc-modal #clc-choose-language ul.language-options li a:hover .native {
    color: #0096d6;
}

#clc-modal #clc-choose-language ul.language-options li .native {
    font-weight: 700;
    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: -99px -529px #fff;
        width: 32px;
        height: 32px;
    }

.ASEAN, .Afghanistan, .Albania, .Algeria, .American-Samoa, .Andorra, .Angola, .Anguilla, .Antarctica, .Antigua-Barbuda, .Arab-League, .Argentina, .Armenia, .Aruba, .Australia, .Austria, .Azerbaijan, .Bahamas, .Bahrain, .Bangladesh, .Barbados, .Belarus, .Belgium, .Belize, .Benin, .Bermuda, .Bhutan, .Bolivia, .Bosnia-Herzegovina, .Botswana, .Brazil, .Brunei, .Bulgaria, .Burkina-Faso, .Burma, .Burundi, .CARICOM, .CIS, .Cambodja, .Cameroon, .Canada, .Cape-Verde, .Cayman-Islands, .Central-African-Republic, .Chad, .Chile, .China, .Colombia, .Commonwealth, .Comoros, .Congo-Brazzaville, .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, .Guinea-Bissau, .Guyana, .Haiti, .Honduras, .Hong-Kong, .Hungary, .Iceland, .India, .Indonesia, .Iran, .Iraq, .Ireland, .Islamic-Conference, .Isle-of-Man, .Israel, .Italy, .Jamaica, .Japan, .Jersey, .Jordan, .Kazakstan, .Kenya, .Kiribati, .Korea, .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, .NATO, .Namibia, .Nauru, .Nepal, .Netherlands, .Netherlands-Antilles, .New-Caledonia, .New-Zealand, .Nicaragua, .Niger, .Nigeria, .North-Korea, .Northern-Cyprus, .Northern-Ireland, .Norway, .OPEC, .Olimpic-Movement, .Oman, .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, .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, .Zaire, .Zambia, .Zimbabwe {
    background: url(../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;
}

.Kazakstan {
    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(../images/icons.png) -281px -352px no-repeat;
    border: 0 !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;
}

.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: 700;
}

.videoitem .video-time {
    margin: 0;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: #FFF;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 4px 0 0;
    background-color: #000;
    opacity: .9;
    padding: 4px 8px;
}

.video-thumbnail {
    position: relative;
}

.play {
    position: absolute;
    text-indent: -9999px;
    display: block;
    background: url(../images/play-icon.png) no-repeat;
}

.video-thumbnail img {
    border: 1px solid #ccc;
    overflow: hidden;
}

.video-time span {
    display: inline-block;
}

.video-meta {
    color: #767676;
}

.video_mini .play {
    height: 18px;
    width: 24px;
    left: 19px;
    top: 12px;
}

.video_mini .video-meta, .video_mini .video-title {
    margin-left: 73px;
}

.video_mini .video-thumbnail {
    float: left;
}

    .video_mini .video-thumbnail img {
        width: 61px;
        height: 42px;
    }

.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;
}

.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;
    }

.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;
    }

.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;
    }

.play {
    background-position: 0 -38px;
    height: 36px;
    width: 48px;
    left: 108px;
    top: 73px;
    z-index: inherit;
}

.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: #FFF;
    border: 1px solid #ccc;
}

.cs_spooler {
    position: absolute;
    top: 0;
    left: 0;
}

    .cs_spooler div {
        background: url(../../i/common/i-pre-lg-hpe.gif) no-repeat;
        height: 60px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 0;
        width: 60px;
    }

.videoitem .video_title_bottom {
    clear: both;
    margin-top: 0;
    margin-left: 0;
    padding-top: 5px;
}

#drilldownLoadingDiv {
    width: 50px;
    margin: 10px auto;
}

#productGrid .hp-row {
    margin-top: 0;
}

.pDrill {
    margin-top: 40px;
}

    .pDrill h2 {
        width: 50%;
        margin-bottom: 15px;
    }

.pcp .panel {
    padding: 0;
}

    .pcp .panel .elem:focus, .pcp .panel .elem:focus div {
        outline: dotted 1px;
    }

    .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: 700;
            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: 5px 5px 0 0;
}

@media only screen and (max-width:496px) {
    .pcp .panel .panel-title > a .panel-label {
        display: block;
    }
}

.pcp .panel .panel-title > a:after, .pcp .panel .panel-title > a:before {
    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:after, .pcp .panel .panel-title > a:before {
        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;
}

@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: #f5f5f5;
    }

        .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: 700;
}

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: 700;
        }

        ul.product-finder-list li:hover {
            cursor: pointer;
        }

.pcp .panel .panel-title.step-complete > a {
    font-family: HPSimplified;
    font-weight: 400;
    position: relative;
}

    .pcp .panel .panel-title.step-complete > a .panel-label {
        color: #767676;
    }

    .pcp .panel .panel-title.step-complete > a .selected-product {
        font-weight: 700;
        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 {
    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: 700;
    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 #0096d6 #069;
    color: #0096d6 !important;
    text-decoration: none;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
}

    ul.product-grid-view li a:hover .view-series {
        background-color: #069;
    }

@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: 0;
    margin-left: 0;
}

.more-products li {
    padding-left: 0;
}

@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:after, html[dir=rtl] .pcp .panel .panel-title > a:before {
    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: 0;
}

@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: #fff;
}

    .dropdownContainer a {
        text-decoration: none;
        display: block;
    }

        .dropdownContainer a:focus {
            outline: 0;
        }

    .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 0;
    }

        .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: #FFF;
            border-left: 2px solid #949494;
            position: absolute;
            top: 0;
            right: 0;
        }

    .dropdownContainer ul.dropdown-menu {
        width: 100%;
        border: 2px solid #949494;
        min-width: 1px;
        margin: 0 0 0 -2px;
        padding: 0;
        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:focus, .dropdownContainer ul.dropdown-menu li a:hover {
                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 0 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: #FFF;
        position: absolute;
        border-right: 2px solid #949494;
        top: 0;
        right: auto;
        left: 0;
    }

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;
}

.errorElement + .dropdownContainer {
    border: 2px solid red;
}

    .errorElement + .dropdownContainer span.dropdownHeaderValue:after {
        border-left: 2px solid red;
        color: red;
    }

@media print {
    #psf, .hp-search.hp-section, .hp-section.hp-hero {
        display: none !important;
    }
}

.chatClose {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    width: 17px;
    height: 17px;
    border: 0;
}

.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;
    }

#loadingDiv {
    margin: 5px;
}

.productBuilderImgBox {
    margin-bottom: 20px;
    text-align: center;
}

    .productBuilderImgBox img {
        max-width: 100%;
        height: auto;
        width: 65%;
        margin: auto;
    }

.productBuilderForm #loadingDiv, .productBuilderForm input[type=submit] {
    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;
}

.notYourProdModalContainer .productBuilderDropdowns .hpStyleDropdown {
    width: 100%;
    margin-right: 0;
}

#how-to-form > div.hpStyleDropdown, #product-information-form > div.hpStyleDropdown, #troubleshooting-form > div.hpStyleDropdown {
    margin-bottom: 20px;
}

.hp-section.hp-header-wo-nav {
    color: #000;
    background-color: transparent;
    margin: 10px 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;
    }
}

.hp-section.hp-header-wo-nav .hp-row {
    margin: 0;
}

.hp-section.hp-header-wo-nav h1 {
    font-family: HPSimplified;
    font-weight: 700;
    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;
    }
}

.ariaSpan {
    font-size: 0;
    display: none;
}

.current .ariaSpan {
    display: inline;
}

.media-order {
    background-color: #fff;
    padding: 0;
    height: 50px;
    width: 100%;
}

@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-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: 0;
    }
}

.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: 0;
        }

    .media-order .container .fl ul > li {
        margin-right: 0;
        position: relative;
    }

    .media-order .container .fl ul i {
        position: relative;
    }

        .media-order .container .fl ul i.icon-rght {
            margin-right: 0;
        }

.media-order .container .right {
    text-align: right;
    float: right;
    margin: 0;
}

    .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: #fff !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 0;
        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: 700;
    color: #595555;
    background: #C0BFBF;
    text-align: center;
    line-height: 18px;
    display: inline-block;
    padding: 1px;
}

.active.media-order li .circleicon {
    color: #fff;
    background: #0096d6;
}

.media-order li .order-style {
    font-weight: 700;
    color: #888383;
}

.active.media-order li .order-style {
    font-weight: 700;
    color: #000;
}

.media-order li.active .circleicon {
    color: #fff;
    background: #0096d6;
}

.media-order li.active .order-style {
    font-weight: 700;
    color: #000;
}

.dataContactInfo {
    word-wrap: break-word;
    margin-bottom: 0;
}

.labelContactInfo {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
}

.required .star {
    color: red;
    font-size: 12px;
}

.required .data {
    font-style: italic;
    font-size: 12px;
}

.removePadding {
    padding-left: 0;
}

.addPadding {
    padding-top: 15px !important;
}

.removeMargin {
    margin-top: 0;
}

.mediaInfo {
    margin: 20px 0;
    border-bottom: 1px solid #eee;
}

    .mediaInfo .row > div {
        padding-left: 0;
    }

    .mediaInfo .headings {
        font-size: 18px;
        font-weight: 700;
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
    }

        .mediaInfo .headings p {
            margin-bottom: 5px;
            color: #000;
            padding-left: 0;
        }

            .mediaInfo .headings p.price {
                padding-left: 3px;
            }

    .mediaInfo .titleBar > div {
        padding-left: 0;
    }

    .mediaInfo .titleBar img {
        width: 50px;
        display: inline-block;
        margin-right: 0;
        margin-top: -5px;
        float: right;
    }

    .mediaInfo .order {
        display: inline-block;
    }

        .mediaInfo .order h3, .mediaInfo .order p {
            font-size: 14px;
        }

    .mediaInfo .orderCost p {
        font-size: 16px;
        padding-left: 0;
    }

    .mediaInfo .shipping h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .mediaInfo .shipping .entries .entry {
        margin-bottom: 10px;
    }

        .mediaInfo .shipping .entries .entry p {
            padding-left: 0;
            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: 700;
        }

        .mediaInfo .shipping .totalCost p {
            padding-left: 0;
            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 #000;
        margin-bottom: 10px;
    }

        .mediaInfo .shipping .tax .heading {
            font-weight: 700;
        }

        .mediaInfo .shipping .tax p {
            padding-left: 0;
            margin: 0 0 10px;
            color: #000;
        }

            .mediaInfo .shipping .tax p.heading {
                font-size: 18px;
            }

            .mediaInfo .shipping .tax p.cost {
                font-size: 16px;
            }

.mediaRqdFld {
    margin-bottom: 5px;
    margin-top: 10px;
}

.shippingMthdWrapper {
    margin-top: 30px;
}

#contactEdit {
    margin-top: 15px;
}

#billingAddress {
    margin-top: 30px;
}

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;
    }

.paymentHelp {
    text-align: right;
    margin-bottom: 10px;
}

.subForm .hp-row {
    margin-top: 0;
}

.billingAddrWrapper {
    margin-bottom: 30px;
}

.selectErrContainer {
    position: relative;
    top: -20px;
}

.align {
    float: left;
}

.modalFix {
    padding-top: 0;
    margin-left: 40px;
}

.pHeading {
    margin-left: 0;
    margin-top: 0;
}

.payBtn {
    margin-top: 80px;
    background-color: #0096d6;
    color: #fff;
    float: right;
}

.addMrgn {
    margin-bottom: 10px;
}

.rmvMargn {
    margin-bottom: 0;
}

.removeTop {
    margin-top: 0;
}

.retryBtn {
    float: left;
    font-size: 16px;
}

.otherSupportHeading {
    margin-top: 0;
    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;
}

.header .submenu {
    display: none;
}

    .header .submenu[data-state=open] {
        display: block;
    }

.header .search_block {
    display: none;
}

    .header .search_block[data-state=open] {
        display: block;
    }

.header .background {
    border-top: 1px solid #b9b8bb;
}

.loginRequired span.required {
    font-size: 16px;
    font-weight: 400;
}

li.loginRequired {
    text-align: center;
    padding: 10px;
}

.osSelectors .hp-row {
    margin-top: 0;
    margin-bottom: 0;
}

.blueBackground {
    background-color: #E8FFFF;
    padding: 15px;
}

.inlineDiv.welcomeHead {
    margin: 15px 30px;
}

.inlineDiv {
    display: inline-block;
}

.casecreation .liberalLines {
    margin-top: 10px;
}

.blueText h4 {
    display: inline;
}

.blueText .badge {
    margin: 0 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;
}

.sameAddrOptDiv, h3.shippingAddrHeading {
    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;
    }

.hpTheme div#dvClcSection {
    position: inherit;
}

.savedAddrDiv {
    margin-bottom: 20px;
    width: 100%;
}

.equipmetLoc {
    margin-top: 40px;
    margin-bottom: 40px;
}

.contactEquipmetLocInfo {
    margin-top: 40px;
    margin-bottom: 20px;
}

.rmPadding {
    padding: 0;
}

.reduceFontWt {
    font-weight: 400;
}

.contactEqLocFormFields {
    margin-top: 0;
    margin-bottom: 20px;
}

.selectFieldDiv {
    margin-top: 0;
}

.addCntctToSavedDiv, .addrDiv, .countryRegionDiv, .emailAltCntctDiv, .equipLocDiv, .savedContactDiv {
    width: 100%;
}

@media (max-width:800px) {
    .addrLineOneDiv, .selectFieldDiv {
        margin-bottom: 20px;
    }

    .countryRegionDiv {
        margin-bottom: 0 !important;
    }

    .finalButtonsDiv {
        text-align: center !important;
        padding: 0;
    }

    #prodInfoWarrantyInfo > .key-value {
        text-align: left;
    }

    #pgSerialNum {
        margin-bottom: 10px !important;
    }
}

.sectHeading {
    margin-bottom: 20px;
}

.reqPara {
    font-style: italic;
}

#doNotShwMsgPara {
    margin-top: 20px;
}

.mobOSDrpDwnDiv {
    margin-bottom: 30px;
}

.tabContent {
    padding: 20px;
}

.mobTabHeading {
    margin: 20px 0;
}

#alternateContactMob, #submittersContactMob {
    margin-bottom: 20px;
}

.addCntctToSavedDiv {
    margin-top: 30px;
}

#highlightedInfo {
    margin-top: 20px;
}

#refine-results-modal #productBuilderContainer {
    width: auto;
    margin-left: 0;
}

#refine-results-modal .form-input.next-to-dropdown {
    height: 43px;
}

#refine-results-modal .customDropDownBox, #refine-results-modal .productBuilderContainer .customDropDownBox {
    width: 99%;
}

    #refine-results-modal .customDropDownBox ul, #refine-results-modal .productBuilderContainer .customDropDownBox ul {
        width: 100%;
    }

#refine-results-modal .col-lg-8 {
    position: static;
}

#refine-results-modal .disabledBtn, #refine-results-modal .standardBtn {
    padding: 0 20px;
}

.secondary-navigation {
    background-color: #0096d6;
    color: #fff;
    margin: 0 !important;
    width: 100% !important;
    padding-left: 19.5% !important;
}

@media screen and (max-width:767px) and (min-width:426px) {
    .secondary-navigation {
        padding-left: 5%;
    }

    #cssmenu {
        padding-left: 2.2%;
    }
}

.secondary-navigation a {
    color: #fff;
}

.secondary-navigation .nav .open > a:focus, .secondary-navigation .nav .open > a {
    background-color: #0096d6;
}

.nav.navbar-nav.nav-tabs.horizontal.menu > ul > li > a {
    border-bottom: 4px solid transparent;
}

    .nav.navbar-nav.nav-tabs.horizontal.menu > ul > li > a.active,
    .nav.navbar-nav.nav-tabs.horizontal.menu > ul > li > a:hover,
    .nav.navbar-nav.nav-tabs.horizontal.menu > ul > li > a:focus {
        color: #fff;
        background-color: #0096d6;
        border-color: transparent;
        border-bottom-color: #fff;
    }

.mobile-nav-wrapper li:hover {
}

.mobile-nav-wrapper .nav-tabs {
    border: none;
}

.dropdown-menu li > a {
    border-bottom: 0;
}
/*Menu Style Sheet Starts*/
@media screen and (max-width:767px) {
    #cssmenu ul,
    #cssmenu li,
    #cssmenu span,
    #cssmenu a {
        margin: 0;
        padding: 0;
        position: relative;
        float: left !important;
    }
}

@media screen and (min-width:768px) {
    #cssmenu ul,
    #cssmenu li,
    #cssmenu span,
    #cssmenu a {
        margin: 0;
        padding: 0;
        position: relative;
        float: left !important;
    }
}

#cssmenu:after,
#cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
}

#cssmenu a, a.dropdown-toggle.mobile-nav-toggle.hidden-lg {
    background: #0096d6;
    color: #ffffff;
    display: block;
    font-family: 'HPSimplified';
    padding: 15px 0px 10px 0px;
    margin-right: 35px;
    text-decoration: none;
    font-size: 16px;
}

#cssmenu ul {
    list-style: none;
}

#cssmenu li ul {
    z-index: 99999;
}


#cssmenu li ul {
    display: none; /*Hiding child menus*/
    position: absolute;
    top: 100%;
    left: 0;
}

    #cssmenu li ul li {
        /*border-bottom: 1px solid #dadada;*/
        width: 100%;
    }

#cssmenu ul:first-child > li > ul > li:nth-last-child(2) {
    border-bottom: 4px solid #0096d6;
}

#cssmenu li ul li a {
    background: #fff; /*General for 1st and 2nd child level menus*/
    color: #000;
    filter: none;
    display: block;
    padding: 15px 10px 10px 20px;
    float: left !important;
    font-size: 16px;
    margin-right: 0;
    /*width: 250px;*/
    /*height: 52px;*/
}

    #cssmenu li ul li a:hover {
        color: #0096d6;
        background: #fff;
    }

#cssmenu ul > li #sec-nav-my-business-support, #cssmenu ul > li #sec-nav-business-support {
    background-image: url(/app/images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: 100% 56%;
    background-size: 10px;
    padding-right: 15px;
}

.secondary-navigation a.login-reqd-message {
    color: #ff0000 !important;
    font-size: 12px !important;
    background: url('/app/images/reqd-icon.png') no-repeat;
    font-style: italic;
    font-weight: bold;
}

.secondary-navigation ul {
    margin-bottom: 0;
}

.secondary-navigation .nav.navbar-nav.nav-tabs.horizontal.menu {
    margin-top: 0;
    margin-bottom: 0;
}

/*Latest Changes Start*/
/*#cssmenu .nav > ul > li > ul > li:first-child > a, #cssmenu .nav > ul > li > ul > li:nth-child(2) > a {
    font-weight: bold;
    color: #5a5a5a;
}*/
#cssmenu .nav > ul > li {
    /*max-width:22%;*/
}

    #cssmenu .nav > ul > li > ul > li:nth-child(2) {
        /*top: 105px;*/
    }

        #cssmenu .nav > ul > li > ul > li:nth-child(2) ul {
            top: 52px;
        }

    #cssmenu .nav > ul > li > ul > li:nth-child(3) { /*Register*/
        /*top: 209px;*/
        height: 60px;
    }

    #cssmenu .nav > ul > li > ul > li a {
        font-weight: bold;
        color: #0096d6;
    }

    #cssmenu .nav > ul > li > ul > li:nth-child(4) { /*Login*/
        /*top: 208px;*/
    }

    /*#cssmenu ul > li > ul > li > ul > li a { Last level child
    padding-left: 30px;
    font-size: 15px;
    color: #0096d6;
}*/

    /*#cssmenu ul > li > ul > li > ul > li:first-child {
    top: 1px;
}*/

    #cssmenu .nav > ul > li > ul {
        background-color: #fff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        /*height: 320px;*/ /*272px;*/
        width: 250px;
    }
/*Latest Changes End*/

/*Menu Style Sheet Ends*/

@media screen and (max-width:1025px) {
    .dropdown-menu li > a {
        color: #fff;
    }
}

.hp-textbox {
    height: 42px;
    width: 45%;
    padding-left: 10px;
}

    .hp-textbox:hover {
        border-color: black;
    }

/*@media screen and (max-width:425px) {
    .secondary-navigation {
        padding-left: 14%;
    }
}*/
@media screen and (max-width:400px) {

    #cssmenu .nav > ul > li {
        /*padding-left: 29%;*/
    }
}

@media screen and (max-width:425px) {
    .secondary-navigation {
        padding-left: 0 !important;
    }
}

@media screen and (min-width:700px) and (max-width:1025px) {
    .secondary-navigation {
        padding-left: 4.5% !important;
    }
}

@media screen and (min-width:1025px) and (max-width:1367px) {
    .secondary-navigation {
        padding-left: 14.5% !important;
    }
}

@media screen and (min-width:1900px) and (max-width:2299px) {
    .secondary-navigation {
        padding-left: 24.8% !important;
    }
}

@media screen and (min-width: 2300px) {
    .secondary-navigation {
        padding-left: 29.5% !important;
    }
}

@media screen and (max-width:700px) {
    .secondary-navigation .mobile-nav-wrapper > ul > li {
        width: 80%;
        padding-left: 8% !important;
    }

    .hp-textbox {
        width: 60%;
    }
}

@media screen and (min-width:701px) and (max-width:991px) {
    /*Media queries for Secondary Navigation*/

    .secondary-navigation .mobile-nav-wrapper > ul > li {
        width: 20% !important;
        text-align: center;
    }

    .dropdown {
        clear: both;
    }

    .dropdown-toggle {
        text-align: center;
    }

    /*Media queries for Main Home Page*/
    .hp-textbox {
        width: 70%;
    }
}
/*Remove blue outline when inner drop down links clicked*/
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: transparent;
}

.search-heading {
    display: inline;
    padding-right: 1%;
}

.hp-button {
    background-color: #0096d6;
    color: white !important;
    margin: auto;
}

    .hp-button:disabled, .hp-button:hover:disabled {
        background-color: lightgray;
        color: #767676 !important;
    }


    .hp-button:hover {
        background-color: #006699;
        color: white !important;
    }

    .hp-button:focus {
        outline: 0;
        background-color: #006699;
        color: white !important;
    }

/*Sign in page*/
.page-content, .panel-margin {
    margin-bottom: 15px;
}

@media screen and (max-width:320px) {
    .sign-in-nav li a {
        font-size: 0.8em;
    }

    .page-content {
        width: 94%;
    }
}

@media screen and (max-width:425px) {
    .sign-in-btn {
        margin-bottom: 5px;
    }
}

@media screen and (min-width:1440px) {
    #userheader {
        padding-right: 8%;
    }
}

@media screen and (min-width:1920px) {
    #userheader {
        padding-right: 18%;
    }
}

@media screen and (min-width:2560px) {
    #userheader {
        padding-right: 26%;
    }
}

.login-required, .login-reqd-message {
    background: url(/app/images/reqd-icon.png) no-repeat !important;
    background-size: 5px !important;
    background-color: white !important;
}

.login-reqd-message {
    background-position: 22px 20px !important;
    padding-left: 28px !important;
}

.login-required {
    background-position: 12px 19px !important;
}
/*Login Page*/
div.validation-summary-valid {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.close {
    opacity: 0.75;
}

    .close:hover, .close:focus {
        opacity: 1;
    }

.yui-skin-sam {
    display: none;
}

h1.fontH1 div {
    display: inline;
}

@media screen and (max-width:800px) {
    #cssmenu {
        display: none;
    }

        #cssmenu a {
            width: 100%;
            display: block;
        }

        #cssmenu > .nav > ul > li {
            width: 100%;
        }

        #cssmenu ul > li:last-child a {
            background-position: 18% 56%;
        }
}

.open > #cssmenu {
    display: block;
}

.dropdown-toggle.mobile-nav-toggle.hidden-lg.menuSwitch {
    background-image: url(/app/images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: 100% 56%;
    text-align: left;
    margin-right: 15px;
    background-size: 15px;
    padding-right: 15px;
}

@media screen and (max-width:320px) {
    #cssmenu ul > li:last-child a {
        background-position-x: 42%;
    }
}

@media screen and (max-width:375px) and (min-width:321px) {
    #cssmenu ul > li:last-child a {
        background-position-x: 38%;
    }
}

@media screen and (max-width:400px) and (min-width:376px) {
    #cssmenu ul > li:last-child a {
        background-position-x: 34%;
    }
}

@media screen and (max-width:425px) and (min-width:401px) {
    #cssmenu ul > li:last-child a {
        background-position-x: 32%;
    }
}

@media screen and (max-width:640px) and (min-width:580px) {
    #cssmenu ul > li:last-child a {
        background-position-x: 25%;
    }
}

@media screen and (max-width:320px) {
    .secondary-navigation .nav.navbar-nav.nav-tabs.horizontal.menu {
        padding-left: 10%;
    }
}

@media screen and (max-width:425px) and (min-width:321px) {
    .secondary-navigation .nav.navbar-nav.nav-tabs.horizontal.menu {
        padding-left: 9%;
    }
}

@media screen and (max-width:425px) {
    .dropdown-toggle.mobile-nav-toggle.hidden-lg.menuSwitch {
        padding-left: 4.5%;
        margin-right: 0;
        background-position-x: 100%;
    }
}

.arrow-up {
    background-image: url(/app/images/arrow_up.png) !important;
}

select {
    -webkit-appearance: menulist;
}

#lstboxSavedContacts, #lstboxCompanyContacts {
    -webkit-appearance: none
}

.popover-content {
    height: 80px;
    width: 200px;
    padding: 0px 0px 0px 0px;
    font-size: 12px !important;
}

.popover-header {
    font-weight: bold !important;
    background-color: lightgray !important;
    color: #000;
}

.popoverheadercontent {
    margin-left: 10px;
    background-color: lightgray;
}

.popover-body {
    margin-left: 10px !important;
    word-break: break-all;
}

.popoverbodycontent {
    padding-bottom: 0px !important;
}

.popover-button {
    float: right;
    margin-right: 10px;
}