@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700,300);

.btn,
.slick-slider {
    -ms-user-select: none;
    -moz-user-select: none
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.pre-scrollable {
    max-height: 340px
}

.slick-slider,
html {
    -webkit-tap-highlight-color: transparent
}

.invisible,
.slick-loading .slick-slide,
.slick-loading .slick-track,
.visibility-hidden {
    visibility: hidden
}

.fa,
.glyphicon {
    -moz-osx-font-smoothing: grayscale
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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-color: transparent
}

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

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    vertical-align: middle
}

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

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    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.close,
select {
    -webkit-appearance: none
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

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-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

td,
th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

.btn,
.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active,
.btn-warning.active,
.btn-warning:active,
.btn.active,
.btn:active,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover,
.form-control,
.navbar-toggle,
.open>.btn-danger.dropdown-toggle,
.open>.btn-default.dropdown-toggle,
.open>.btn-info.dropdown-toggle,
.open>.btn-primary.dropdown-toggle,
.open>.btn-warning.dropdown-toggle {
    background-image: none
}

.img-responsive,
.img-thumbnail,
.table,
label {
    max-width: 100%
}

.img-thumbnail,
body {
    background-color: #fff
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before,
.glyphicon-btc:before,
.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-jpy:before,
.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-rub:before,
.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-size: 10px
}

body {
    line-height: 1.42857
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c
}

a:focus {
    outline-offset: -2px
}

figure {
    margin: 0
}

.img-responsive {
    display: block;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    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 {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

dt,
kbd kbd,
label {
    font-weight: 700
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small,
small {
    font-size: 85%
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism,
.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,
a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,
a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,
a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,
a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,
a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #e4b9b9
}

pre code,
table {
    background-color: transparent
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

dl,
ol,
ul {
    margin-top: 0
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

address,
dl {
    margin-bottom: 20px
}

ol,
ul {
    margin-bottom: 10px
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dd,
dt {
    line-height: 1.42857
}

dd {
    margin-left: 0
}

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

.dl-horizontal dd:after {
    clear: both
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .container {
        width: 740px
    }
}

.space-class,
pre code {
    white-space: pre-wrap
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777
}

legend,
pre {
    color: #333
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

code,
kbd {
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 3px
}

caption,
th {
    text-align: left
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    font-style: normal;
    line-height: 1.42857
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4
}

kbd {
    color: #fff;
    background-color: #333;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    border-radius: 0
}

.container,
.container-fluid {
    padding-left: 10px;
    padding-right: 10px
}

.pre-scrollable {
    overflow-y: scroll
}

.container:after {
    clear: both
}

@media (min-width:992px) {
    .container {
        width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1160px
    }
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.row:after {
    clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.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-left: 10px;
    padding-right: 10px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .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-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .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-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .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-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.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: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

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

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

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,
.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 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
}

.btn-group>.btn-group,
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.dropdown-menu {
    float: left
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.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:hover>.success,
.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:hover>.info,
.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:hover>.warning,
.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:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

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

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

fieldset,
legend {
    padding: 0;
    border: 0
}

fieldset {
    margin: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px
}

input[type=search] {
    box-sizing: border-box;
    -webkit-appearance: none
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

.form-control,
output {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    display: block
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date].form-control,
    input[type=time].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date],
    .input-group-sm input[type=time],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm>.input-group-btn>input.btn[type=date],
    .input-group-sm>.input-group-btn>input.btn[type=time],
    .input-group-sm>.input-group-btn>input.btn[type=datetime-local],
    .input-group-sm>.input-group-btn>input.btn[type=month],
    .input-group-sm>input.form-control[type=date],
    .input-group-sm>input.form-control[type=time],
    .input-group-sm>input.form-control[type=datetime-local],
    .input-group-sm>input.form-control[type=month],
    .input-group-sm>input.input-group-addon[type=date],
    .input-group-sm>input.input-group-addon[type=time],
    .input-group-sm>input.input-group-addon[type=datetime-local],
    .input-group-sm>input.input-group-addon[type=month],
    input[type=date].input-sm,
    input[type=time].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],
    .input-group-lg input[type=time],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg>.input-group-btn>input.btn[type=date],
    .input-group-lg>.input-group-btn>input.btn[type=time],
    .input-group-lg>.input-group-btn>input.btn[type=datetime-local],
    .input-group-lg>.input-group-btn>input.btn[type=month],
    .input-group-lg>input.form-control[type=date],
    .input-group-lg>input.form-control[type=time],
    .input-group-lg>input.form-control[type=datetime-local],
    .input-group-lg>input.form-control[type=month],
    .input-group-lg>input.input-group-addon[type=date],
    .input-group-lg>input.input-group-addon[type=time],
    .input-group-lg>input.input-group-addon[type=datetime-local],
    .input-group-lg>input.input-group-addon[type=month],
    input[type=date].input-lg,
    input[type=time].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn,
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-group-sm>.input-group-btn>select.btn,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
select.input-sm {
    height: 30px;
    line-height: 30px
}

.input-group-sm>.input-group-btn>select.btn[multiple],
.input-group-sm>.input-group-btn>textarea.btn,
.input-group-sm>select.form-control[multiple],
.input-group-sm>select.input-group-addon[multiple],
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn,
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.input-group-lg>.input-group-btn>select.btn,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
select.input-lg {
    height: 46px;
    line-height: 46px
}

.input-group-lg>.input-group-btn>select.btn[multiple],
.input-group-lg>.input-group-btn>textarea.btn,
.input-group-lg>select.form-control[multiple],
.input-group-lg>select.input-group-addon[multiple],
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.collapsing,
.dropdown,
.dropup {
    position: relative
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .form-control-feedback,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px
}

@media (min-width:768px) {

    .form-inline .form-control-static,
    .form-inline .form-group {
        display: inline-block
    }

    .form-inline .control-label,
    .form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px
}

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

.form-horizontal .form-group:after {
    clear: both
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 3px;
    -webkit-user-select: none;
    user-select: none
}

.noSelect,
.slick-slider {
    -webkit-user-select: none
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline-offset: -2px
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,
.btn:active {
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus,
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    font-weight: 400;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-block {
    display: block
}

.btn-block+.btn-block {
    margin-top: 5px
}

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

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: .35s;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-clip: padding-box
}

.dropdown-menu-right,
.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-header,
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857;
    white-space: nowrap
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    clear: both;
    font-weight: 400
}

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

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-header,
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover,
.nav>li.disabled>a {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    font-size: 12px
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:after,
.btn-toolbar:before {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn .caret,
.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn-group-lg>.btn .caret,
.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-radius: 3px 3px 0 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-radius: 0 0 3px 3px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group,
.input-group-btn,
.input-group-btn>.btn {
    position: relative
}

.input-group {
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-radius: 3px
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:after,
.nav:before {
    content: " ";
    display: table
}

.nav>li,
.nav>li>a {
    display: block;
    position: relative
}

.nav:after {
    clear: both
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-justified>li,
.nav-stacked>li,
.nav-tabs.nav-justified>li {
    float: none
}

.nav-pills>li>a {
    border-radius: 3px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 3px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {

    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }

    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 3px 3px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before {
    content: " ";
    display: table
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar:after {
    clear: both
}

.navbar-header:after {
    clear: both
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar {
        border-radius: 3px
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.embed-responsive,
.modal,
.modal-open,
.progress {
    overflow: hidden
}

@media (max-device-width:480px) and (orientation:landscape) {

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -10px;
    margin-left: -10px
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 10px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        border-radius: 0
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -10px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 7.5px -10px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

.progress-bar-striped,
.progress-striped .progress-bar,
.progress-striped .progress-bar-danger,
.progress-striped .progress-bar-info,
.progress-striped .progress-bar-success,
.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 8px -10px
}

@media (min-width:768px) {

    .navbar-form .form-control-static,
    .navbar-form .form-group {
        display: inline-block
    }

    .navbar-form .control-label,
    .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.breadcrumb>li,
.pagination {
    display: inline-block
}

.btn .badge,
.btn .label {
    top: -1px;
    position: relative
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-radius: 3px 3px 0 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.btn-group-sm>.navbar-btn.btn,
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-group-xs>.navbar-btn.btn,
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 10px;
        margin-right: 10px
    }

    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -10px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #5AADBB
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #5AADBB
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #090909;
    color: #fff
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #5AADBB
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #5AADBB
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #5AADBB
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    list-style: none
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 3px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.badge,
.label {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: center
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager:after,
.pager:before {
    content: " ";
    display: table
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #777
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.media-object,
.thumbnail {
    display: block
}

.btn-group-xs>.btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
    color: inherit
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #eee
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.alert,
.thumbnail {
    margin-bottom: 20px
}

.alert .alert-link,
.close {
    font-weight: 700
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: border .2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #337ab7
}

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 3px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-bar-danger {
    background-color: #d9534f
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

a.list-group-item,
button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.panel-heading>.dropdown .dropdown-toggle,
.panel-title,
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-group .panel,
.panel-title,
.panel>.list-group,
.panel>.panel-collapse>.list-group,
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel-body {
    padding: 15px
}

.panel-body:after,
.panel-body:before {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.panel-title {
    margin-top: 0;
    font-size: 16px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel-group .panel-heading,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 2px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 2px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 2px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 2px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

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

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

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group .panel {
    border-radius: 3px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.popover,
.tooltip {
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-shadow: none;
    text-transform: none;
    word-break: normal;
    word-spacing: normal;
    text-decoration: none
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-content,
.popover {
    background-clip: padding-box
}

.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before {
    display: table;
    content: " "
}

.modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    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: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }

    @-ms-viewport {
        width: auto !important
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    text-align: left;
    text-align: start;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    filter: alpha(opacity=90)
}

.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: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 3px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

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

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

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

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

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

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

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

.popover {
    position: absolute;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    text-align: start;
    white-space: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.carousel-caption,
.carousel-control {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    text-align: center
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.carousel,
.carousel-inner {
    position: relative
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.left>.arrow:after,
.popover.right>.arrow:after {
    content: " ";
    bottom: -10px
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    left: 1px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        transition: transform .6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px
    }

    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,
.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px
}

.carousel-caption .btn,
.text-hide {
    text-shadow: none
}

@media screen and (min-width:768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.fa.fa-pull-left,
.fa.pull-left {
    margin-right: .3em
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.hidden,
.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-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

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

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

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

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

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

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

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

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

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

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

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

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

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

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .hidden-lg {
        display: none !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

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

    table.visible-print {
        display: table !important
    }

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

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

.visible-print-block {
    display: none !important
}

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

.visible-print-inline {
    display: none !important
}

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

.visible-print-inline-block {
    display: none !important
}

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

    .hidden-print {
        display: none !important
    }
}

.fa,
.fa-stack {
    display: inline-block
}

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.6.3);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa.fa-pull-right,
.fa.pull-right {
    margin-left: .3em
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before,
.fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,
.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,
.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before,
.fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,
.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,
.fa-users:before {
    content: ""
}

.fa-chain:before,
.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,
.fa-scissors:before {
    content: ""
}

.fa-copy:before,
.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before,
.fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before,
.fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
    content: ""
}

.fa-gavel:before,
.fa-legal:before {
    content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before,
.fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before,
.fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: ""
}

.fa-eur:before,
.fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,
.fa-usd:before {
    content: ""
}

.fa-inr:before,
.fa-rupee:before {
    content: ""
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: ""
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: ""
}

.fa-krw:before,
.fa-won:before {
    content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before,
.fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: ""
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,
.fa-car:before {
    content: ""
}

.fa-cab:before,
.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: ""
}

.fa-empire:before,
.fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,
.fa-weixin:before {
    content: ""
}

.fa-paper-plane:before,
.fa-send:before {
    content: ""
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,
.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before,
.fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before,
.fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: ""
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before,
.fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before,
.fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,
.fa-font-awesome:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden,
main .show-on-mobile {
    display: none
}

.tooltip.preview-order-tooltip .tooltip-arrow,
.tooltip.pzv-tooltip .tooltip-arrow {
    border-right: 5px solid #CCC
}

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

.thumbnail {
    height: 200px
}

.thumbnail img.pull-right {
    width: 50px
}

.tooltip.pzv-tooltip .tooltip-inner {
    color: #000;
    background-color: #CCC
}

.tooltip.preview-order-tooltip .tooltip-inner {
    color: #000;
    background-color: #CCC;
    width: 100px
}

main #main-content {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.noSelect {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.public-profile-container .container,
rzslider {
    -webkit-user-select: none;
    -moz-user-select: none
}

.filter-hint-popover .popover-content .img-container {
    padding: 4px 0 12px
}

.filter-hint-popover .popover-content .img-container img {
    max-width: 198px;
    height: 176px
}

@media only screen and (min-device-width:768px) and (max-device-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
screen and (max-width:1023px) {

    body.disable-webkit-scroll,
    html.disable-webkit-scroll {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important;
        height: 100% !important
    }
}

body {
    background: #e8e8e8;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #323232
}

.btn,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.pzv-font-family,
.tooltip,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
    font-family: 'Open Sans';
    white-space: normal !important;
    word-wrap: break-word;
    height: auto
}

.pzv-text-right {
    text-align: right !important
}

.pzv-text-left {
    text-align: left !important
}

a.pzv-no-link:hover {
    cursor: auto !important
}

a.pzv-without-href:hover {
    cursor: pointer !important
}

.pzv-alert.pzv-alert-action {
    border-radius: 3px;
    top: 100px;
    width: 615px;
    margin: auto;
    padding: 0;
    box-shadow: none
}

.pzv-alert.pzv-alert-action .footer-wrapper .action {
    float: right;
    cursor: pointer
}

.pzv-alert.pzv-alert-action hr {
    border-top: 1px solid #dbdbdb;
    margin: 0
}

.pzv-alert.pzv-alert-action .message-container {
    float: left;
    padding: 25px;
    width: 91%;
    text-align: left
}

.pzv-alert.pzv-alert-action .footer-wrapper {
    padding: 25px
}

.pzv-alert.pzv-alert-action .img-responsive {
    top: 20px;
    right: 25px;
    height: 20px;
    cursor: pointer;
    opacity: 1
}

.pzv-alert.pzv-alert-action.alert-error,
.pzv-alert.pzv-alert-action.alert-success {
    box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .2);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3000;
    width: 615px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    min-height: 130px
}

.pzv-alert.pzv-alert-action.alert-success {
    background: #000;
    border-radius: 3px
}

.pzv-alert.pzv-alert-action.alert-error {
    background: #323232;
    border-radius: 3px
}

.pzv-alert.alert-error,
.pzv-alert.alert-info,
.pzv-alert.alert-success {
    border: 1px solid rgba(0, 0, 0, .2);
    width: 400px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    min-height: 50px;
    font-weight: 600
}

@keyframes alertWithAction {

    0%,
    10%,
    90% {
        left: 0;
        top: 100px;
        opacity: 1
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0
    }
}

.footer-chat-wrapper {
    position: fixed;
    bottom: 5%;
    right: 3%;
    z-index: 999
}

@media only screen and (max-device-width:768px) {
    .footer-chat-wrapper {
        bottom: 7%;
        right: 10%
    }
}

.pzv-alert,
.pzv-alert.alert-error,
.pzv-alert.alert-info,
.pzv-alert.alert-success {
    box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, .5);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3000
}

.pzv-alert.alert-error,
.pzv-alert.alert-info {
    background: #323232;
    border-radius: 3px
}

.pzv-alert.alert-success {
    background: #000;
    border-radius: 3px
}

.pzv-alert {
    padding: 15px;
    position: fixed;
    -webkit-animation-name: notification;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: reverse;
    animation-name: notification;
    animation-iteration-count: 1;
    animation-direction: reverse;
    border: 1px solid rgba(0, 0, 0, .2)
}

.pzv-alert .fa {
    vertical-align: middle;
    margin: 0;
    font-size: 16px;
    padding-right: 10px
}

.pzv-alert .fa.fa-check-circle {
    color: #45c500
}

.pzv-alert .fa.fa-exclamation-triangle {
    color: #ff9d02
}

.pzv-alert .fa.fa-info-circle {
    color: #acacac
}

.pzv-alert.multi-line-alert-msg {
    text-align: left
}

.pzv-alert.multi-line-alert-msg .fa-check-circle,
.pzv-alert.multi-line-alert-msg .fa-exclamation-triangle,
.pzv-alert.multi-line-alert-msg .fa-info-circle {
    position: absolute;
    top: 17px;
    padding-right: 15px
}

.pzv-alert.multi-line-alert-msg span.prim-msg {
    padding-left: 27px;
    display: inline-block
}

.pzv-alert.multi-line-alert-msg p.sec-msg {
    font-size: 11px;
    margin-left: 28px;
    color: #acacac
}

@keyframes notification {
    0% {
        left: 0;
        top: 100px;
        opacity: 0
    }

    10%,
    90% {
        left: 0;
        top: 155px;
        opacity: 1
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0
    }
}

.bread-crumb,
.breadcrumb {
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 0
}

.breadcrumb li+li:before {
    padding: 0 5px;
    content: "> ";
    font-size: 10px;
    color: #6e6e6e
}

.breadcrumb li a {
    color: #09c
}

.bread-crumb .current-page,
.breadcrumb li+li:before,
.breadcrumb li.active {
    color: #6e6e6e
}

.badge {
    background: #6e6e6e;
    color: #fff
}

.inactive .badge {
    background-color: #acacac
}

.done .badge {
    background-color: #45c500
}

.pzv-cart-badge {
    background-color: #09c
}

.pzv-badge-primary {
    color: #fff;
    border: 2px solid #323232
}

.interchange-supersession .interchange-badge span {
    background: #323232;
    color: #fff
}

.pzv-bottom-line {
    border-top: 1px solid #dbdbdb
}

.dropdown-menu>li>a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #323232
}

.fa-home {
    color: #0093c6
}

.fa-cloud-upload {
    color: #6e6e6e
}

.fa-angle-down,
.fa-caret-down,
.fa-caret-right,
.glyphicon-calendar,
table>thead .pzv-dropdown-dd3+.fa-caret-down {
    color: #0093c6
}

select {
    -moz-appearance: none
}

.fa-angle-left {
    color: #6e6e6e
}

.fa-envelope,
.fa-file-excel-o {
    color: #0093c6
}

.fa-envelope.envelope-disable {
    color: #acacac
}

.fa-print {
    color: #0093c6
}

.fa-check-square {
    background-color: transparent;
    color: #0093c6
}

.fa-check-square-disabled {
    color: #acacac
}

.fa-sort-asc,
.fa-sort-desc,
.fa-user-plus {
    color: #6e6e6e
}

.fa-calendar,
.fa-square-o {
    color: #0093c6
}

.btn.btn-calender[disabled] .fa-calendar,
.btn.btn-calender[disabled] .fa-calendar:hover {
    color: #acacac
}

.fa-square {
    color: #0093c6
}

label.type-radio {
    border: 3px solid #0093c6
}

.fa-info-circle {
    color: #6e6e6e
}

.fa-exclamation-triangle,
.fa-warning {
    color: #ff9d02
}

.disablelink .fa-cog {
    color: #dbdbdb
}

.fa-cog,
.fa-plus {
    color: #0093c6
}

.fa-check,
.fa-check-circle {
    color: #45c500
}

.fa-bell {
    color: #ff9d02
}

.fa-circle {
    color: #0093c6
}

.fa-sort {
    color: #6e6e6e
}

.fa-envelope-o,
.fa-globe,
.fa-phone {
    color: #acacac
}

.fa-question-circle,
.fa-trash {
    color: #6e6e6e
}

.fa-search,
.glyphicon-search {
    color: #0093c6
}

.blurred .pzv-dropdown-default+.fa-caret-down {
    color: #dbdbdb
}

.pzv-border-primary {
    border: 1px solid #dbdbdb
}

footer .footer-top {
    background: #323232
}

footer .footer-bottom {
    background: #000;
    color: #acacac
}

footer .footer-center .pzv-footer-menu {
    color: #323232
}

footer .footer-center .pzv-footer-menu:focus,
footer .footer-center .pzv-footer-menu:hover {
    color: #09c;
    outline: 0
}

footer .footer-social-link-wrapper .social-title {
    color: #6e6e6e
}

header #desktop-header,
header .header-order,
header .header-top,
header .top-nav.scrolled {
    background: #323232;
    margin: 0 auto
}

header .header-middle {
    background: #323232
}

header .header-bottom {
    background: #f6f6f6
}

header .nav-section.bottom ul li a:focus,
header .nav-section.bottom ul li a:hover {
    color: #0093c6
}

header .navbar-default .navbar-brand p {
    font-size: 14px;
    font-weight: 700
}

header .scrolled.navbar-default .navbar-brand p {
    font-size: 10px;
    font-weight: 700
}

header .nav-section.top .navbar-nav.help-n-faq li a:focus,
header .nav-section.top .navbar-nav.help-n-faq li a:hover,
header .nav-section.top .navbar-nav.lang-cur-selector li a.clr-grey,
header .nav-section.top .navbar-nav.pzv-cust-care li a.clr-grey,
header .nav-section.top ul.nav li>a.clr-grey header .nav-section.top .navbar-nav.help-n-faq li a,
header .navbar-default .navbar-brand p {
    color: #acacac
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
header .nav-section.middle .carttxt,
header .nav-section.middle .express-checkout-menu .fa-caret-down,
header .nav-section.middle .express-checkout-menu button,
header .nav-section.middle cart-menu .carttxt,
header .nav-section.top .navbar-nav li a .fa-caret-down,
header .nav-section.top ul.nav li>a {
    color: #fff
}

header .nav-section.middle .cart-menu:hover .carttxt,
header .nav-section.middle .cart-menu:hover .carttxt:hover,
header .nav-section.middle .express-checkout-menu button:hover,
header .nav-section.middle .express-checkout-menu button:hover .fa-caret-down,
header .nav-section.top ul.nav li>a:hover,
header .nav-section.top ul.nav li>a:hover .fa-caret-down {
    color: #0093c6
}

header .nav-section.top .navbar-nav li.tempListMenu ul li p {
    color: #6e6e6e
}

header .nav-section.top .lang-cur-selector li .dropdown-menu li>a {
    color: #0093c6
}

header .nav-section.bottom ul li a,
header .nav-section.bottom ul li a:focus {
    color: #fff
}

header .nav-section.bottom ul li .category-menu dl hr {
    border-top: 1px solid #dbdbdb
}

header .nav-section.bottom ul li .category-menu dl dd a:focus,
header .nav-section.bottom ul li .category-menu dl dd a:hover {
    color: #0093c6
}

header .nav-section.bottom .category-list.nav li .category-menu .subcategories div.popover-content {
    background: #fff;
    border-top: 3px solid #0093c6
}

header .nav-section.bottom ul li .category-menu dl dd a,
header .nav-section.bottom ul li .category-menu dl dt a,
header .nav-section.bottom ul li .category-menu dl dt a:focus,
header .nav-section.bottom ul li .category-menu dl dt a:hover {
    color: #323232
}

header .nav-section.bottom .category-list div#subcategories div.popover-content {
    border-top: 3px solid #0093c6;
    background-color: #fff
}

header .nav-section.bottom ul li:active,
header .nav-section.bottom ul li:hover {
    border-bottom: 4px solid #09c
}

header .nav-section.middle .search-bar .form-group .dropdown-menu li a {
    color: #0093c6
}

.advanced-search .advanced-search-menu ul li {
    color: #323232
}

header .navbar-fixed-top .availability .cust-no,
header .navbar-fixed-top .availability .cust-no .label,
header .navbar-fixed-top .availability .username {
    color: #fff
}

ul#yearHolder {
    border-top: 5px solid #0093c6;
    background-color: #fbfbfb;
    border-radius: 3px;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

ul#yearHolder li.arrow_box div#yearSelectorTable .disabled-date {
    color: #acacac
}

ul#makeDropDown li a:visited,
ul#modelDropDown li a:visited,
ul#yearHolder li.arrow_box div#yearSelectorTable .active-date,
ul#yearHolder li.arrow_box div#yearSelectorTable ul li a,
ul#yearHolder li.arrow_box div#yearSelectorTable ul li a:visited {
    color: #323232
}

header .profile-menu li.signin ul.dropdown-menu li a,
header .profile-menu li.signin ul.dropdown-menu li a:hover {
    color: #09c;
    background-color: transparent
}

.dropdown-menu,
header .nav-section.top ul li .dropdown-menu,
header .nav-section.top ul li .dropdownpopover {
    background-color: #fff;
    box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, .5);
    border-radius: 3px;
    border: 1px solid #acacac
}

.mega-menu-wrapper {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0 transparent !important;
    box-shadow: 0 6px 12px transparent !important
}

.dropdown-menu:after,
header .nav-section.top ul li #listpopver .ddlarrow:before,
header .nav-section.top ul li .ddlarrow:before,
header .nav-section.top ul li .dropdown-menu::after {
    border-bottom: 10px solid #fff
}

.dropdown-menu:after,
.dropdown-menu:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.dropdown-menu:before {
    border-bottom: 10px solid #acacac
}

.tooltip .tooltip-inner {
    color: #323232;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3);
    max-width: 300px
}

.madatoryStar,
.text-mandatory {
    color: #6e6e6e;
    font-size: 12px;
    font-weight: 600
}

.pzv-part-name,
.pzv-part-name:focus,
.pzv-part-name:hover {
    font-size: 20px;
    font-weight: 600
}

.pzv-label-lc1,
.pzv-label-lc1:focus,
.pzv-label-lc1:hover {
    color: #6e6e6e
}

.pzv-title-tc1 {
    color: #acacac
}

.pzv-title-tc2 {
    color: #6e6e6e
}

.pzv-text-tc1,
.pzv-text-tc1:hover,
.sample dl dt .pzv-text-tc1:focus,
.sample dl dt .pzv-text-tc1:hover,
.text-info .pzv-text-tc1:hover,
a.pzv-text-tc1:hover {
    color: #323232
}

.pzv-text-tc2,
.pzv-text-tc2:focus,
.pzv-text-tc2:hover {
    color: #0093c6
}

.pzv-text-tc3 {
    color: #acacac
}

.pzv-text-tc4 {
    color: #dbdbdb
}

.pzv-text-tc5 {
    color: #6e6e6e
}

.pzv-text-tc6,
.pzv-text-tc6:focus,
.pzv-text-tc6:hover {
    color: #fff
}

.pzv-text-tc7 {
    color: #e8e8e8
}

.pzv-on-focus:focus,
.pzv-on-focus:hover {
    color: #0093c6
}

.city-mismatch-info {
    padding: 5px 0 0;
    width: 100%;
    font-size: 12px;
    margin: 0;
    position: absolute;
    display: contents
}

.city-mismatch-info .icon,
.city-mismatch-info .text {
    display: table-cell;
    vertical-align: middle
}

.form-group .input-group.localities .form-control:disabled+.input-group-addon,
.form-group .input-group.localities.zero .dropdown-menu,
.form-group .input-group.localities.zero .input-group-addon {
    display: none
}

.city-mismatch-info .text {
    padding-left: 5px;
    text-align: left
}

.form-group.error .input-group .input-group-addon {
    border-right: 1px solid #ff9d02
}

.form-group.error .input-group .input-group-addon .fa-eye,
.form-group.error .input-group .input-group-addon .fa-eye-slash {
    color: #ff9d02
}

.form-group.error .input-group .form-control {
    border: 1px solid #ff9d02
}

.form-group .input-group.localities .form-control:disabled,
.form-group .input-group.localities.zero .form-control {
    border-radius: 3px
}

.form-group.error .input-group .form-control:focus {
    border-color: #ff9d02
}

.form-group .show-password-icon {
    position: absolute;
    font-size: 18px;
    right: 20px;
    z-index: 10;
    color: #3083C9;
    cursor: pointer;
    top: 31px
}

.form-group .form-control[type=password]:disabled+.show-password-icon {
    color: #dbdbdb;
    cursor: pointer
}

.form-group .input-group.localities {
    position: static
}

.form-group .input-group.localities .form-control {
    text-transform: initial
}

.form-group .input-group.localities .input-group-addon {
    padding: 0 15px;
    font-size: 14px;
    cursor: pointer
}

.form-group .input-group.localities .dropdown-menu {
    width: 100%;
    max-height: 200px;
    overflow: auto
}

.form-group .input-group.localities .dropdown-menu li a {
    padding: 6px 20px;
    font-size: 16px;
    cursor: pointer
}

.form-group .input-group .form-control {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    border: 1px solid #dbdbdb;
    outline: 0;
    box-shadow: none
}

.form-group .input-group .form-control:disabled+.input-group-addon {
    background-color: #eee
}

.form-group .input-group .form-control:disabled+.input-group-addon .fa-eye,
.form-group .input-group .form-control:disabled+.input-group-addon .fa-eye-slash {
    color: #dbdbdb;
    cursor: pointer
}

.form-group .input-group .form-control:focus {
    border-color: #0093c6;
    box-shadow: none
}

.form-group .input-group .input-group-addon {
    border-right: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: 600
}

.form-group .input-group .input-group-addon .fa-eye,
.form-group .input-group .input-group-addon .fa-eye-slash {
    color: #323232;
    cursor: pointer
}

.error .help-block,
.help-block {
    color: #ff9d02;
    font-size: 12px;
    font-weight: 600
}

.error .input-group-addon {
    color: #ff9d02;
    background-color: #fbfbfb;
    border-color: #ff9d02
}

.input-group-addon {
    color: #dbdbdb;
    text-align: center;
    background-color: #fbfbfb;
    border: 1px solid #dbdbdb
}

.dealer-locator .panel .panel-default {
    border-color: #dbdbdb
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-locator-item:hover {
    background: #fbfbfb
}

.partDetails .panel-default.paSection+.add-to-list-dropdown {
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-radius: 0 0 3px 3px
}

.dealer-locator .panel-default>.panel-heading,
.manage-rfq .panel-default>.panel-heading,
.partDetails .panel-default.paSection {
    background-color: #f6f6f6;
    border-color: #dbdbdb
}

.manage-rfq .panel-default>.panel-body {
    background: 0 0
}

.search-results .part-card .panel-heading,
.send-rfq-success .panel-default>.panel-body,
.send-rfq-success .panel-default>.panel-footer,
.send-rfq-success .panel-default>.panel-heading {
    background-color: #fff;
    border-color: #dbdbdb
}

.dealer-locator .panel-default>.panel-body {
    background: #f6f6f6
}

.dealer-locator .panel-default>.panel-footer {
    background-color: #fbfbfb
}

.z-index-1071 {
    z-index: 1071
}

.modal-dialog .modal-content,
.modal-dialog .modal-content .email-popup {
    background-color: #f6f6f6;
    border-radius: 3px
}

.modal-dialog .modal-content .email-popup:after {
    border-bottom: 10px solid #e8e8e8
}

.madal-dialog .modal-body .spacing-table .stlo_msg {
    background: #323232;
    color: #fff
}

.pzv-tab-container .tab-content {
    background-color: #fff;
    border: 1px solid #fff
}

.pzv-primary-bg,
.table-hover>tbody>.pzv-primary-bg:hover {
    background-color: #323232
}

.pzv-primary-bg.selected-on-top td {
    border: 1px solid #323232;
    color: #fff
}

.pzv-secondary-bg {
    background-color: #f6f6f6
}

.pzv-tag-bg {
    background: #dbdbdb
}

.panel,
.pzv-common-bg {
    background-color: #fff
}

.pzv-label-bg {
    background-color: #09c;
    color: #fff
}

.pzv-label-bg2,
.pzv-partcard-badge {
    background-color: #323232
}

.pzv-label-bg2 {
    color: #fff
}

.pzv-modal-bg,
.pzv-popup .modal-header {
    background-color: #f6f6f6
}

.pzv-popup {
    width: 700px
}

.pzv-popup .modal-header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.pzv-popup .modal-body,
.pzv-popup .modal-footer {
    background-color: #fff
}

.pzv-popup .modal-footer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #acacac;
    background-color: #fff;
    border-color: #dbdbdb;
    cursor: not-allowed
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #0093c6;
    border-color: #0093c6;
    cursor: default
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #0093c6;
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

.pagination>li>a,
.pagination>li>span {
    color: #0093c6;
    background-color: #fff;
    border: 1px solid #dbdbdb
}

.divider {
    border-top: 1px solid #dbdbdb
}

.represent-img {
    background: #acacac;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    position: absolute;
    text-align: center;
    transform: rotate(-45deg);
    transform-origin: 20px
}

.no-data-message {
    font-size: 18px;
    font-weight: 400
}

.pzv-box {
    border-radius: 3px
}

.form-control:-ms-input-placeholder {
    font-weight: 400;
    color: #acacac
}

.form-control::placeholder {
    font-weight: 400;
    color: #acacac
}

.form-control[readonly] {
    background: 0 0
}

.form-control {
    min-height: 34px
}

.text-dark {
    color: #000
}

.dropdown-menu>li>a.pzv-color-link,
.dropdown-menu>li>a.pzv-color-link:active,
.dropdown-menu>li>a.pzv-color-link:focus,
.pzv-color-link,
.pzv-color-link:active,
.pzv-color-link:focus {
    color: #09c
}

.dropdown-menu>li>a.pzv-color-link:hover,
.pzv-color-link:hover,
.ship-docs-list>li:hover {
    color: #0093c6;
    text-decoration: none;
    cursor: pointer
}

.pzv-color-link[disabled] {
    color: #acacac
}

.pzv-primary-btn-lg .fa-caret-down,
.pzv-primary-btn-md .fa-caret-down,
.pzv-primary-btn-sm .fa-caret-down,
.pzv-primary-btn-xs .fa-caret-down,
.pzv-search-btn .glyphicon-search {
    color: #fff
}

.pzv-search-btn {
    color: #fff;
    background-color: #09c;
    border-color: #09c;
    border-radius: 0 3px 3px 0
}

.pzv-primary-btn-xl {
    font-size: 14px;
    min-height: 36px;
    white-space: normal
}

.pzv-primary-btn-lg {
    height: 32px;
    font-size: 13px
}

.pzv-primary-btn-md {
    line-height: 16px;
    height: 28px;
    font-size: 11px;
    padding: 6px 12px
}

.pzv-primary-btn-sm {
    min-height: 24px;
    font-size: 10px;
    padding: 2px 12px
}

.pzv-primary-btn-xs {
    height: 21px;
    font-size: 9px
}

.pzv-primary-btn-lg[disabled] .fa-caret-down,
.pzv-primary-btn-md[disabled] .fa-caret-down,
.pzv-primary-btn-sm[disabled] .fa-caret-down,
.pzv-primary-btn-xl[disabled] .fa-caret-down,
.pzv-primary-btn-xs[disabled] .fa-caret-down {
    color: #acacac
}

.pzv-primary-btn-lg,
.pzv-primary-btn-md,
.pzv-primary-btn-sm,
.pzv-primary-btn-xl,
.pzv-primary-btn-xs {
    font-weight: 600;
    border-radius: 3px;
    background-color: #09c;
    color: #fff;
    outline: 0;
    text-transform: uppercase
}

.pzv-primary-btn-lg:hover,
.pzv-primary-btn-md:hover,
.pzv-primary-btn-sm:hover,
.pzv-primary-btn-xl:hover,
.pzv-primary-btn-xs:hover {
    background-color: #0093c6;
    color: #fff;
    outline: 0
}

.pzv-primary-btn-lg:active,
.pzv-primary-btn-lg:focus,
.pzv-primary-btn-md:active,
.pzv-primary-btn-md:focus,
.pzv-primary-btn-sm:active,
.pzv-primary-btn-sm:focus,
.pzv-primary-btn-xl:active,
.pzv-primary-btn-xl:focus,
.pzv-primary-btn-xs:active,
.pzv-primary-btn-xs:focus {
    background-color: #09c;
    color: #fff;
    outline: 0
}

.pzv-primary-btn-lg[disabled],
.pzv-primary-btn-md[disabled],
.pzv-primary-btn-sm[disabled],
.pzv-primary-btn-xl[disabled],
.pzv-primary-btn-xs[disabled] {
    background-color: #dbdbdb;
    color: #acacac;
    outline: 0
}

.pzv-search-btn:focus,
.pzv-search-btn:hover {
    color: #fff;
    background-color: #09c
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #09c;
    border: none
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
    background-color: #dbdbdb;
    color: #acacac;
    outline: 0
}

.pzv-secondary-btn-lg,
.pzv-secondary-btn-md,
.pzv-secondary-btn-sm,
.pzv-secondary-btn-xl,
.pzv-secondary-btn-xs {
    font-weight: 600;
    border-radius: 3px;
    background-color: transparent;
    border: 2px solid #6e6e6e;
    color: #323232;
    outline: 0;
    text-transform: uppercase
}

.pzv-secondary-btn-xl {
    font-size: 14px
}

.pzv-secondary-btn-lg {
    height: 32px;
    font-size: 13px
}

.pzv-secondary-btn-md {
    line-height: 16px;
    height: 28px;
    font-size: 11px;
    padding: 2px 12px
}

.pzv-secondary-btn-sm {
    height: 24px;
    font-size: 10px;
    padding: 2px 12px
}

.pzv-secondary-btn-xs {
    height: 21px;
    font-size: 9px
}

.pzv-secondary-btn-lg:hover,
.pzv-secondary-btn-md:hover,
.pzv-secondary-btn-sm:hover,
.pzv-secondary-btn-xl:hover,
.pzv-secondary-btn-xs:hover {
    background-color: #e8e8e8;
    border: 2px solid #6e6e6e;
    color: #323232;
    outline: 0
}

.pzv-secondary-btn-lg:active,
.pzv-secondary-btn-lg:focus,
.pzv-secondary-btn-md:active,
.pzv-secondary-btn-md:focus,
.pzv-secondary-btn-sm:active,
.pzv-secondary-btn-sm:focus,
.pzv-secondary-btn-xl:active,
.pzv-secondary-btn-xl:focus,
.pzv-secondary-btn-xs:active,
.pzv-secondary-btn-xs:focus {
    background-color: transparent;
    color: #323232;
    outline: 0
}

.pzv-secondary-btn-lg[disabled],
.pzv-secondary-btn-md[disabled],
.pzv-secondary-btn-sm[disabled],
.pzv-secondary-btn-xl[disabled],
.pzv-secondary-btn-xs[disabled] {
    background-color: #dbdbdb;
    color: #acacac;
    outline: 0;
    border: none
}

.pzv-other-btn-lg,
.pzv-other-btn-md,
.pzv-other-btn-sm,
.pzv-other-btn-xl,
.pzv-other-btn-xs {
    font-weight: 600;
    border-radius: 3px;
    background-color: #6e6e6e;
    color: #fff;
    border: none;
    outline: 0;
    text-transform: uppercase
}

.pzv-other-btn-xl {
    height: 36px;
    font-size: 14px
}

.pzv-other-btn-lg {
    height: 32px;
    font-size: 13px
}

.pzv-other-btn-md {
    height: 28px;
    font-size: 11px;
    padding: 2px 12px
}

.pzv-other-btn-sm {
    height: 24px;
    font-size: 10px;
    padding: 2px 12px
}

.pzv-other-btn-xs {
    height: 21px;
    font-size: 9px
}

.pzv-other-btn-lg:hover,
.pzv-other-btn-md:hover,
.pzv-other-btn-sm:hover,
.pzv-other-btn-xl:hover,
.pzv-other-btn-xs:hover {
    background-color: #323232;
    color: #fff;
    outline: 0
}

.pzv-other-btn-lg:active,
.pzv-other-btn-lg:focus,
.pzv-other-btn-md:active,
.pzv-other-btn-md:focus,
.pzv-other-btn-sm:active,
.pzv-other-btn-sm:focus,
.pzv-other-btn-xl:active,
.pzv-other-btn-xl:focus,
.pzv-other-btn-xs:active,
.pzv-other-btn-xs:focus {
    background-color: #323232;
    color: #fff;
    border: none;
    outline: 0
}

.pzv-other-btn-lg[disabled],
.pzv-other-btn-md[disabled],
.pzv-other-btn-sm[disabled],
.pzv-other-btn-xl[disabled],
.pzv-other-btn-xs[disabled] {
    background-color: #dbdbdb;
    color: #acacac;
    outline: 0
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
    box-shadow: none
}

a.list-group-item,
a.list-group-item:focus,
a.list-group-item:hover,
a.pzv-left-nav,
button.list-group-item:focus,
button.list-group-item:hover {
    color: #6e6e6e;
    font-size: 13px;
    font-weight: 600;
    background: 0 0
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
a.pzv-left-nav-active {
    color: #323232;
    background: 0 0
}

.nav-tabs .uib-tab {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.nav-tabs .uib-tab.active .nav-link,
.nav-tabs .uib-tab.active .nav-link:hover {
    height: 40px;
    border: transparent;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.nav-tabs .uib-tab .nav-link {
    height: 40px;
    padding: 0;
    border: transparent;
    background-color: #f6f6f6;
    font-weight: 400;
    font-size: 14px;
    color: #6e6e6e;
    border-bottom: 1px solid #e8e8e8
}

.pzv-page-loader,
.pzv-page-loader .dim-bg,
.pzv-page-loader .loading-spinner {
    position: fixed;
    width: 100%;
    height: 100%
}

.nav-tabs .uib-tab .nav-link:hover {
    background-color: #fff;
    font-weight: 400;
    color: #6e6e6e
}

.nav-tabs .uib-tab .nav-link uib-tab-heading {
    padding: 10px 15px;
    display: block
}

.nav-pills .uib-tab.active .nav-link {
    background-color: transparent;
    border-radius: 0;
    color: #323232;
    font-size: 14px;
    font-weight: 700
}

.nav-pills .uib-tab .nav-link {
    background-color: transparent;
    border-radius: 0;
    color: #323232;
    font-size: 14px;
    font-weight: 400
}

.nav-pills .uib-tab .nav-link:hover {
    background-color: #e8e8e8
}

.pzv-title-t1 {
    font-size: 30px;
    font-weight: 300
}

.pzv-title-t2 {
    font-size: 30px;
    font-weight: 400
}

.pzv-title-t3 {
    font-size: 30px;
    font-weight: 600
}

.pzv-title-t4 {
    font-size: 30px;
    font-weight: 700
}

.pzv-title-t5 {
    font-size: 28px;
    font-weight: 300
}

.pzv-title-t6 {
    font-size: 28px;
    font-weight: 400
}

.pzv-title-t7 {
    font-size: 28px;
    font-weight: 600
}

.pzv-title-t8 {
    font-size: 28px;
    font-weight: 700
}

.pzv-title-t9 {
    font-size: 18px;
    font-weight: 300
}

.pzv-title-t10 {
    font-size: 18px;
    font-weight: 400
}

.pzv-title-t11 {
    font-size: 18px;
    font-weight: 600
}

.pzv-title-t12 {
    font-size: 18px;
    font-weight: 700
}

.pzv-product-title-pt1 {
    font-size: 20px;
    font-weight: 300;
    color: #323232
}

.pzv-lnk-uib-accordion .panel-group {
    margin-bottom: 0
}

.pzv-lnk-uib-accordion .panel-group .panel {
    border: 0;
    box-shadow: none
}

.pzv-lnk-uib-accordion .panel-group .panel .panel-heading {
    padding: 0;
    background: #fff;
    border: 0
}

.pzv-lnk-uib-accordion .panel-group .panel .panel-heading .panel-title {
    padding-left: 10px;
    padding-right: 10px
}

.pzv-lnk-uib-accordion .panel-group .panel .panel-heading .panel-title a {
    display: block;
    overflow: hidden;
    margin-right: 0;
    width: 100%;
    outline: 0;
    text-decoration: none;
    padding: 0
}

.pzv-lnk-uib-accordion .panel-group .panel .panel-heading .panel-title a>span {
    display: block;
    overflow: hidden;
    margin-right: 0;
    width: 100%;
    min-height: 17px
}

.pzv-lnk-uib-accordion .panel-group .panel .panel-heading .panel-title a>span>span {
    display: inline-block;
    line-height: 15px;
    font-size: 13px
}

.pzv-lnk-uib-accordion .panel-group .panel .panel-heading .panel-title a>span i {
    margin-top: 11px;
    font-weight: 300;
    font-size: 12px
}

.pzv-lnk-uib-accordion .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    border: none;
    padding: 14px 0 0
}

.pzv-lnk-uib-accordion .panel-group .panel .panel-heading+.panel-collapse>.panel-body .accordion-body {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

.pzv-link-l1 {
    font-size: 12px;
    font-weight: 600
}

.pzv-link-l1:active,
.pzv-link-l1:focus,
.pzv-link-l1:hover {
    text-decoration: none
}

.pzv-special-case-s1 {
    font-size: 48px;
    font-weight: 400
}

.pzv-text-bt1 {
    font-size: 24px;
    font-weight: 300
}

.pzv-text-bt2 {
    font-size: 24px;
    font-weight: 400
}

.pzv-text-bt3 {
    font-size: 24px;
    font-weight: 600
}

.pzv-text-bt4 {
    font-size: 24px;
    font-weight: 700
}

.pzv-text-bt5 {
    font-size: 20px;
    font-weight: 300
}

.pzv-text-bt6 {
    font-size: 20px;
    font-weight: 400
}

.pzv-text-bt7 {
    font-size: 20px;
    font-weight: 600
}

.pzv-text-bt8 {
    font-size: 20px;
    font-weight: 700
}

.pzv-text-bt9 {
    font-size: 18px;
    font-weight: 300
}

.pzv-text-bt10 {
    font-size: 18px;
    font-weight: 400
}

.pzv-text-bt11 {
    font-size: 18px;
    font-weight: 600
}

.pzv-text-bt12 {
    font-size: 18px;
    font-weight: 700
}

.pzv-text-bt13 {
    font-size: 16px;
    font-weight: 300
}

.pzv-text-bt14 {
    font-size: 16px;
    font-weight: 400
}

.pzv-text-bt15 {
    font-size: 16px;
    font-weight: 600
}

.pzv-text-bt16 {
    font-size: 16px;
    font-weight: 700
}

.pzv-text-bt17 {
    font-size: 14px;
    font-weight: 300
}

.pzv-text-bt18 {
    font-size: 14px;
    font-weight: 400
}

.pzv-text-bt19 {
    font-size: 14px;
    font-weight: 600
}

.pzv-text-bt20 {
    font-size: 14px;
    font-weight: 700
}

.pzv-text-bt21 {
    font-size: 13px;
    font-weight: 300
}

.pzv-text-bt22 {
    font-size: 13px;
    font-weight: 400
}

.pzv-text-bt23 {
    font-size: 13px;
    font-weight: 600
}

.pzv-text-bt24 {
    font-size: 13px;
    font-weight: 700
}

.pzv-text-bt25 {
    font-size: 12px;
    font-weight: 300
}

.pzv-text-bt26 {
    font-size: 12px;
    font-weight: 400
}

.pzv-text-bt27 {
    font-size: 12px;
    font-weight: 600
}

.pzv-text-bt28 {
    font-size: 12px;
    font-weight: 700
}

.pzv-text-bt29 {
    font-size: 11px;
    font-weight: 300
}

.pzv-text-bt30 {
    font-size: 11px;
    font-weight: 400
}

.pzv-text-bt31 {
    font-size: 11px;
    font-weight: 600
}

.pzv-text-bt32 {
    font-size: 11px;
    font-weight: 700
}

.pzv-text-bt33 {
    font-size: 10px;
    font-weight: 300
}

.pzv-text-bt34 {
    font-size: 10px;
    font-weight: 400
}

.pzv-text-bt35 {
    font-size: 10px;
    font-weight: 600
}

.pzv-text-bt36 {
    font-size: 10px;
    font-weight: 700
}

.pzv-left-nav-text {
    font-size: 14px;
    font-weight: 400
}

.pzv-left-nav-text.active {
    font-size: 14px;
    font-weight: 700
}

.pzv-tbl-tl1 {
    font-size: 11px;
    font-weight: 700
}

.pzv-tbl-tc1 {
    font-size: 12px;
    font-weight: 400
}

.pzv-tbl-tc2 {
    font-size: 12px;
    font-weight: 600
}

.pzv-tbl-tm1 {
    font-size: 10px;
    font-weight: 600
}

.pzv-tbl-tm2 {
    font-size: 11px;
    font-weight: 600
}

.pzv-tbl-item-removed {
    padding: 10px 0;
    background: #ecf792;
    border-radius: 3px;
    border: 1px dashed #dbdbdb;
    color: #323232;
    text-align: center
}

.pzv-page-loader {
    top: 0;
    right: 0;
    z-index: 1033
}

.pzv-page-loader .dim-bg {
    background-color: #000;
    opacity: .7
}

.pzv-page-loader .loading-spinner {
    opacity: 1
}

.pzv-page-loader .loading-spinner .top-left {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    top: 50%
}

.pzv-page-loader .loading-spinner .top-left .bottom-right {
    position: absolute;
    width: 64px;
    height: 64px;
    right: 50%;
    bottom: 50%;
    text-align: center
}

.pzv-page-loader .loading-spinner .top-left .bottom-right .fa-spinner {
    font-size: 36px;
    color: #fff
}

.pzv-sort-icon .fa-caret-down,
.pzv-sort-icon .fa-caret-up,
.pzv-sort-icon.sort .fa-caret-down,
table>thead {
    color: #acacac
}

.table-bordered {
    background: #fff
}

.table-bordered>tbody+tbody {
    border-top: 1px solid #f6f6f6
}

.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 #f6f6f6
}

.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: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6
}

table>thead {
    background-color: #fbfbfb
}

table>tbody {
    color: #000
}

.pzv-error-em1 {
    font-size: 14px;
    font-weight: 600
}

.pzv-error-em2 {
    font-size: 12px;
    font-weight: 600
}

input::-ms-clear {
    display: none
}

select::-ms-expand {
    display: none
}

.pzv-input-default,
.pzv-input-default-error {
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    box-shadow: none
}

.pzv-input-default,
.pzv-input-default[readonly] {
    height: 32px;
    border: 1px solid #dbdbdb
}

.pzv-input-table,
.pzv-input-table-error {
    border-radius: 3px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    outline: 0;
    box-shadow: none
}

.pzv-input-table,
.pzv-input-table[readonly] {
    height: 28px;
    border: 1px solid #dbdbdb
}

.pzv-input-small,
.pzv-input-small-error {
    border-radius: 3px;
    color: #000;
    font-size: 11px;
    line-height: 11px;
    font-weight: 600;
    outline: 0;
    box-shadow: none
}

.pzv-input-small+.input-group-addon {
    border-right: 1px solid #dbdbdb;
    background: 0 0
}

.pzv-input-small,
.pzv-input-small[readonly] {
    height: 24px;
    border: 1px solid #dbdbdb
}

.pzv-input-default[disabled],
.pzv-input-small[disabled],
.pzv-input-table[disabled] {
    background: #dbdbdb
}

.pzv-input-signin-signup,
.pzv-input-signin-signup-error {
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    box-shadow: none
}

.pzv-input-signin-signup {
    height: 32px;
    border: 1px solid #dbdbdb
}

.pzv-input-default:focus,
.pzv-input-signin-signup:focus,
.pzv-input-small:focus,
.pzv-input-table:focus {
    border: 1px solid #0093c6;
    outline: 0;
    box-shadow: none
}

.pzv-input-default[disabled],
.pzv-input-selected[disabled],
.pzv-input-signin-signup[disabled],
.pzv-input-small[disabled],
.pzv-input-small[disabled]+.input-group-addon,
.pzv-input-table[disabled] {
    background-color: #dbdbdb;
    border: 1px solid #acacac;
    color: #6e6e6e
}

.pzv-input-small-error {
    height: 24px;
    border: 1px solid #ff9d02
}

.pzv-input-small-error:focus {
    border: 1px solid #ff9d02;
    box-shadow: none
}

.pzv-input-table-error {
    height: 28px;
    border: 1px solid #ff9d02
}

.pzv-input-table-error:focus {
    border: 1px solid #ff9d02;
    box-shadow: none
}

.pzv-input-signin-signup-error {
    height: 32px;
    border: 1px solid #ff9d02
}

.pzv-input-signin-signup-error:focus {
    border: 1px solid #ff9d02;
    box-shadow: none
}

.pzv-input-default-error {
    height: 32px;
    border: 1px solid #ff9d02
}

.pzv-input-default-error:focus {
    border: 1px solid #ff9d02;
    box-shadow: none
}

.pzv-dropdown-default,
.pzv-dropdown-default-error {
    background-color: #fff;
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
    padding: 0 10px
}

.pzv-dropdown-default {
    height: 32px;
    border: 1px solid #dbdbdb
}

.pzv-dropdown-default:focus {
    border: 1px solid #dbdbdb;
    box-shadow: none
}

.pzv-dropdown-dd2:disabled,
.pzv-dropdown-dd3:disabled,
.pzv-dropdown-default:disabled,
.pzv-dropdown-outline {
    border: 1px solid #acacac;
    background-color: #dbdbdb;
    color: #6e6e6e
}

.pzv-dropdown-dd2,
.pzv-dropdown-outline {
    color: #000;
    font-size: 11px;
    line-height: 2;
    padding: 0 10px
}

.pzv-dropdown-outline {
    height: 24px;
    border: 1px solid #dbdbdb;
    background-color: transparent;
    border-radius: 3px;
    font-weight: 600;
    box-shadow: none
}

.pzv-dropdown-dd2,
.pzv-dropdown-dd3 {
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-weight: 600;
    box-shadow: none
}

.pzv-dropdown-dd2 {
    border-radius: 3px
}

.pzv-dropdown-dd2 .caret,
.pzv-dropdown-outline .caret {
    color: #0093c6
}

.pzv-dropdown-dd2[disabled] .caret,
.pzv-dropdown-outline[disabled] .caret {
    color: #acacac
}

.pzv-dropdown-dd3 {
    height: 28px;
    border-radius: 3px;
    color: #000;
    font-size: 13px
}

.pzv-dropdown-dd2:focus,
.pzv-dropdown-dd2:hover,
.pzv-dropdown-dd3:active,
.pzv-dropdown-dd3:focus,
.pzv-dropdown-dd3:hover {
    color: #000;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    box-shadow: none
}

.pzv-dropdown-default-error {
    height: 32px;
    border: 1px solid #ff9d02
}

.pzv-tab-default,
.pzv-tab-selected {
    border-radius: 3px;
    height: 40px;
    font-size: 14px
}

.tab-content {
    background: #fff;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.flag,
.flag-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.pzv-tab-selected {
    background-color: #fff;
    color: #323232;
    font-weight: 600
}

.pzv-tab-default {
    background-color: #e8e8e8;
    color: #09c;
    font-weight: 400
}

.pzv-tab-default:hover {
    background-color: #dbdbdb;
    color: #0093c6;
    font-weight: 600
}

.pzv-search-header {
    height: 40px;
    background-color: #fff;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    box-shadow: none;
    border-radius: 3px 0 0 3px
}

.pzv-search-table {
    height: 28px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    color: #000;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
    padding-right: 30px
}

.pzv-search-general,
.pzv-search-general-dynamic {
    height: 32px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none
}

.pzv-search-table[disabled] {
    background-color: transparent
}

.pzv-search-general {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fbfbfb;
    border: 1px solid #dbdbdb;
    color: #000
}

.pzv-search-general+.input-group-addon.search_icon {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pzv-search-general[disabled] {
    background-color: transparent
}

.pzv-search-general-dynamic:focus,
.pzv-search-general:focus,
.pzv-search-table:focus {
    border: 1px solid #0093c6;
    outline: 0;
    box-shadow: none
}

.pzv-search-general-dynamic+.fa-search,
.pzv-search-general:focus+.input-group-addon .fa-search,
.pzv-search-table:focus+.input-group-addon .fa-search .pzv-search-general-dynamic:focus+.input-group-addon .fa-search {
    color: #0093c6
}

.pzv-search-general[disabled]+.input-group-addon .fa-search,
.pzv-search-table+.fa-search {
    color: #dbdbdb
}

.pzv-search-general:focus+.input-group-addon,
.pzv-search-table:focus+.input-group-addon {
    border-right: 1px solid #0093c6;
    border-top: 1px solid #0093c6;
    border-bottom: 1px solid #0093c6
}

.pzv-search-general+.input-group-addon {
    border-right: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.pzv-search-general+.input-group-addon .fa-search {
    color: #0093c6;
    background-color: #fbfbfb
}

.pzv-search-general-dynamic {
    background-color: #fbfbfb;
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    color: #000
}

.pzv-search-general-dynamic[disabled] {
    background-color: transparent
}

.pzv-search-general-dynamic[disabled]+.glyphicon-search {
    color: #dbdbdb
}

.pzv-search-general-dynamic+.glyphicon-search {
    color: #0093c6
}

.social-lnk-img-container li a {
    width: 41px;
    height: 41px
}

.flag,
.flag-1x {
    width: 25px;
    line-height: 1em
}

.social-lnk-img-container li a.facebook {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/facebook_grey.png)
}

.social-lnk-img-container li a.facebook:hover {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/facebook_white.png)
}

.social-lnk-img-container li a.twitter {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/twitter_grey.png)
}

.social-lnk-img-container li a.twitter:hover {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/twitter_white.png)
}

.social-lnk-img-container li a.googlePlus {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/googleplus_grey.png)
}

.social-lnk-img-container li a.googlePlus:hover {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/googleplus_white.png)
}

.social-lnk-img-container li a.youtube {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/youtube_grey.png)
}

.social-lnk-img-container li a.youtube:hover {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/youtube_white.png)
}

.flag {
    position: relative;
    display: inline-block
}

.flag.flag-xk {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/kosovo-flag-icon-16.png)
}

.flag:before {
    content: "\00a0"
}

.flag-2x {
    width: 50px;
    line-height: 2em
}

.flag-3x {
    width: 75px;
    line-height: 3em
}

.flag-4x {
    width: 100px;
    line-height: 4em
}

.flag-5x {
    width: 125px;
    line-height: 5em
}

.flag-6x {
    width: 150px;
    line-height: 6em
}

.flag-7x {
    width: 175px;
    line-height: 7em
}

.flag-8x {
    width: 200px;
    line-height: 8em
}

.flag-9x {
    width: 225px;
    line-height: 9em
}

.flag-10x {
    width: 250px;
    line-height: 10em
}

.flag-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}

.flag-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.flag-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}

.flag-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    transform: scale(-1, 1)
}

.flag-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    transform: scale(1, -1)
}

:root .flag-flip-horizontal,
:root .flag-flip-vertical,
:root .flag-rotate-180,
:root .flag-rotate-270,
:root .flag-rotate-90 {
    filter: none
}

.flag-533,
.flag-abw,
.flag-aw,
.flag-fifa-aru,
.flag-ioc-aru {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/abw.svg)
}

.flag-4,
.flag-af,
.flag-afg,
.flag-fifa-afg,
.flag-ioc-afg {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/afg.svg)
}

.flag-24,
.flag-ago,
.flag-ao,
.flag-fifa-ang,
.flag-ioc-ang {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ago.svg)
}

.flag-660,
.flag-ai,
.flag-aia,
.flag-fifa-aia,
.flag-ioc-aia {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/aia.svg)
}

.flag-248,
.flag-ala,
.flag-ax,
.flag-fifa-ald,
.flag-ioc- {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ala.svg)
}

.flag-8,
.flag-al,
.flag-alb,
.flag-fifa-alb,
.flag-ioc-alb {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/alb.svg)
}

.flag-20,
.flag-ad,
.flag-and,
.flag-fifa-and,
.flag-ioc-and {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/and.svg)
}

.flag-784,
.flag-ae,
.flag-are,
.flag-fifa-uae,
.flag-ioc-uae {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/are.svg)
}

.flag-32,
.flag-ar,
.flag-arg,
.flag-fifa-arg,
.flag-ioc-arg {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/arg.svg)
}

.flag-51,
.flag-am,
.flag-arm,
.flag-fifa-arm,
.flag-ioc-arm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/arm.svg)
}

.flag-16,
.flag-as,
.flag-asm,
.flag-fifa-asa,
.flag-ioc-asa {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/asm.svg)
}

.flag-10,
.flag-aq,
.flag-ata,
.flag-fifa-ros,
.flag-ioc- {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ata.svg)
}

.flag-260,
.flag-atf,
.flag-tf {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/atf.svg)
}

.flag-28,
.flag-ag,
.flag-atg,
.flag-fifa-atg,
.flag-ioc-ant {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/atg.svg)
}

.flag-36,
.flag-au,
.flag-aus,
.flag-fifa-aus,
.flag-ioc-aus {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/aus.svg)
}

.flag-40,
.flag-at,
.flag-aut,
.flag-fifa-aut,
.flag-ioc-aut {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/aut.svg)
}

.flag-31,
.flag-az,
.flag-aze,
.flag-fifa-aze,
.flag-ioc-aze {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/aze.svg)
}

.flag-108,
.flag-bdi,
.flag-bi,
.flag-fifa-bdi,
.flag-ioc-bdi {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bdi.svg)
}

.flag-56,
.flag-be,
.flag-bel,
.flag-fifa-bel,
.flag-ioc-bel {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bel.svg)
}

.flag-204,
.flag-ben,
.flag-bj,
.flag-fifa-ben,
.flag-ioc-ben {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ben.svg)
}

.flag-535,
.flag-bes,
.flag-bq,
.flag-fifa-ant,
.flag-ioc-aho {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bes.svg)
}

.flag-854,
.flag-bf,
.flag-bfa,
.flag-fifa-bfa,
.flag-ioc-bur {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bfa.svg)
}

.flag-50,
.flag-bd,
.flag-bgd,
.flag-fifa-ban,
.flag-ioc-ban {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bgd.svg)
}

.flag-100,
.flag-bg,
.flag-bgr,
.flag-fifa-bul,
.flag-ioc-bul {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bgr.svg)
}

.flag-48,
.flag-bh,
.flag-bhr,
.flag-fifa-bhr,
.flag-ioc-brn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bhr.svg)
}

.flag-44,
.flag-bhs,
.flag-bs,
.flag-fifa-bah,
.flag-ioc-bah {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bhs.svg)
}

.flag-70,
.flag-ba,
.flag-bih,
.flag-fifa-bih,
.flag-ioc-bih {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bih.svg)
}

.flag-652,
.flag-bl,
.flag-blm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/blm.svg)
}

.flag-112,
.flag-blr,
.flag-by,
.flag-fifa-blr,
.flag-ioc-blr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/blr.svg)
}

.flag-84,
.flag-blz,
.flag-bz,
.flag-fifa-blz,
.flag-ioc-biz {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/blz.svg)
}

.flag-60,
.flag-bm,
.flag-bmu,
.flag-fifa-ber,
.flag-ioc-ber {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bmu.svg)
}

.flag-68,
.flag-bo,
.flag-bol,
.flag-fifa-bol,
.flag-ioc-bol {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bol.svg)
}

.flag-76,
.flag-br,
.flag-bra,
.flag-fifa-bra,
.flag-ioc-bra {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bra.svg)
}

.flag-52,
.flag-bb,
.flag-brb,
.flag-fifa-brb,
.flag-ioc-bar {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/brb.svg)
}

.flag-96,
.flag-bn,
.flag-brn,
.flag-fifa-bru,
.flag-ioc-bru {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/brn.svg)
}

.flag-64,
.flag-bt,
.flag-btn,
.flag-fifa-bhu,
.flag-ioc-bhu {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/btn.svg)
}

.flag-74,
.flag-bv,
.flag-bvt {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bvt.svg)
}

.flag-72,
.flag-bw,
.flag-bwa,
.flag-fifa-bot,
.flag-ioc-bot {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/bwa.svg)
}

.flag-140,
.flag-caf,
.flag-cf,
.flag-fifa-cta,
.flag-ioc-caf {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/caf.svg)
}

.flag-124,
.flag-ca,
.flag-can,
.flag-fifa-can,
.flag-ioc-can {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/can.svg)
}

.flag-166,
.flag-cc,
.flag-cck,
.flag-fifa-cck,
.flag-ioc- {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cck.svg)
}

.flag-756,
.flag-ch,
.flag-che,
.flag-fifa-sui,
.flag-ioc-sui {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/che.svg)
}

.flag-152,
.flag-chl,
.flag-cl,
.flag-fifa-chi,
.flag-ioc-chi {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/chl.svg)
}

.flag-156,
.flag-chn,
.flag-cn,
.flag-fifa-chn,
.flag-ioc-chn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/chn.svg)
}

.flag-384,
.flag-ci,
.flag-civ,
.flag-fifa-civ,
.flag-ioc-civ {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/civ.svg)
}

.flag-120,
.flag-cm,
.flag-cmr,
.flag-fifa-cmr,
.flag-ioc-cmr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cmr.svg)
}

.flag-180,
.flag-cd,
.flag-cod,
.flag-fifa-cod,
.flag-ioc-cod {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cod.svg)
}

.flag-178,
.flag-cg,
.flag-cog,
.flag-fifa-cgo,
.flag-ioc-cgo {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cog.svg)
}

.flag-184,
.flag-ck,
.flag-cok,
.flag-fifa-cok,
.flag-ioc-cok {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cok.svg)
}

.flag-170,
.flag-co,
.flag-col,
.flag-fifa-col,
.flag-ioc-col {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/col.svg)
}

.flag-174,
.flag-com,
.flag-fifa-com,
.flag-ioc-com,
.flag-km {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/com.svg)
}

.flag-132,
.flag-cpv,
.flag-cv,
.flag-fifa-cpv,
.flag-ioc-cpv {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cpv.svg)
}

.flag-188,
.flag-cr,
.flag-cri,
.flag-fifa-crc,
.flag-ioc-crc {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cri.svg)
}

.flag-192,
.flag-cu,
.flag-cub,
.flag-fifa-cub,
.flag-ioc-cub {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cub.svg)
}

.flag-531,
.flag-cuw,
.flag-cw {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cuw.svg)
}

.flag-162,
.flag-cx,
.flag-cxr,
.flag-fifa-cxr,
.flag-ioc- {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cxr.svg)
}

.flag-136,
.flag-cym,
.flag-fifa-cay,
.flag-ioc-cay,
.flag-ky {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cym.svg)
}

.flag-196,
.flag-cy,
.flag-cyp,
.flag-fifa-cyp,
.flag-ioc-cyp {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cyp.svg)
}

.flag-203,
.flag-cz,
.flag-cze,
.flag-fifa-cze,
.flag-ioc-cze {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/cze.svg)
}

.flag-276,
.flag-de,
.flag-deu,
.flag-fifa-ger,
.flag-ioc-ger {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/deu.svg)
}

.flag-262,
.flag-dj,
.flag-dji,
.flag-fifa-dji,
.flag-ioc-dji {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/dji.svg)
}

.flag-212,
.flag-dm,
.flag-dma,
.flag-fifa-dma,
.flag-ioc-dma {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/dma.svg)
}

.flag-208,
.flag-dk,
.flag-dnk,
.flag-fifa-den,
.flag-ioc-den {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/dnk.svg)
}

.flag-214,
.flag-do,
.flag-dom,
.flag-fifa-dom,
.flag-ioc-dom {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/dom.svg)
}

.flag-12,
.flag-dz,
.flag-dza,
.flag-fifa-alg,
.flag-ioc-alg {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/dza.svg)
}

.flag-218,
.flag-ec,
.flag-ecu,
.flag-fifa-ecu,
.flag-ioc-ecu {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ecu.svg)
}

.flag-818,
.flag-eg,
.flag-egy,
.flag-fifa-egy,
.flag-ioc-egy {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/egy.svg)
}

.flag-232,
.flag-er,
.flag-eri,
.flag-fifa-eri,
.flag-ioc-eri {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/eri.svg)
}

.flag-732,
.flag-eh,
.flag-esh,
.flag-fifa-sah,
.flag-ioc- {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/esh.svg)
}

.flag-724,
.flag-es,
.flag-esp,
.flag-fifa-esp,
.flag-ioc-esp {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/esp.svg)
}

.flag-233,
.flag-ee,
.flag-est,
.flag-fifa-est,
.flag-ioc-est {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/est.svg)
}

.flag-231,
.flag-et,
.flag-eth,
.flag-fifa-eth,
.flag-ioc-eth {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/eth.svg)
}

.flag-246,
.flag-fi,
.flag-fifa-fin,
.flag-fin,
.flag-ioc-fin {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/fin.svg)
}

.flag-242,
.flag-fifa-fij,
.flag-fj,
.flag-fji,
.flag-ioc-fij {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/fji.svg)
}

.flag-238,
.flag-fifa-flk,
.flag-fk,
.flag-flk,
.flag-ioc-flk {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/flk.svg)
}

.flag-250,
.flag-fifa-fra,
.flag-fr,
.flag-fra,
.flag-ioc-fra {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/fra.svg)
}

.flag-234,
.flag-fifa-fro,
.flag-fo,
.flag-fro,
.flag-ioc-far {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/fro.svg)
}

.flag-583,
.flag-fifa-fsm,
.flag-fm,
.flag-fsm,
.flag-ioc-fsm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/fsm.svg)
}

.flag-266,
.flag-fifa-gab,
.flag-ga,
.flag-gab,
.flag-ioc-gab {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gab.svg)
}

.flag-826,
.flag-gb,
.flag-gbr,
.flag-ioc-gbr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gbr.svg)
}

.flag-268,
.flag-fifa-geo,
.flag-ge,
.flag-geo,
.flag-ioc-geo {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/geo.svg)
}

.flag-831,
.flag-fifa-gbg,
.flag-gg,
.flag-ggy,
.flag-ioc- {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ggy.svg)
}

.flag-288,
.flag-fifa-gha,
.flag-gh,
.flag-gha,
.flag-ioc-gha {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gha.svg)
}

.flag-292,
.flag-fifa-gbz,
.flag-gi,
.flag-gib,
.flag-ioc-gib {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gib.svg)
}

.flag-324,
.flag-fifa-gui,
.flag-gin,
.flag-gn,
.flag-ioc-gui {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gin.svg)
}

.flag-312,
.flag-fifa-glp,
.flag-glp,
.flag-gp,
.flag-ioc-gud {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/glp.svg)
}

.flag-270,
.flag-fifa-gam,
.flag-gm,
.flag-gmb,
.flag-ioc-gam {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gmb.svg)
}

.flag-624,
.flag-fifa-gnb,
.flag-gnb,
.flag-gw,
.flag-ioc-gbs {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gnb.svg)
}

.flag-226,
.flag-fifa-eqg,
.flag-gnq,
.flag-gq,
.flag-ioc-geq {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gnq.svg)
}

.flag-300,
.flag-fifa-gre,
.flag-gr,
.flag-grc,
.flag-ioc-gre {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/grc.svg)
}

.flag-308,
.flag-fifa-grn,
.flag-gd,
.flag-grd,
.flag-ioc-grn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/grd.svg)
}

.flag-304,
.flag-fifa-grl,
.flag-gl,
.flag-grl,
.flag-ioc-grl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/grl.svg)
}

.flag-320,
.flag-fifa-gua,
.flag-gt,
.flag-gtm,
.flag-ioc-gua {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gtm.svg)
}

.flag-254,
.flag-fifa-guf,
.flag-gf,
.flag-guf,
.flag-ioc-fgu {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/guf.svg)
}

.flag-316,
.flag-fifa-gum,
.flag-gu,
.flag-gum,
.flag-ioc-gum {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/gum.svg)
}

.flag-328,
.flag-fifa-guy,
.flag-guy,
.flag-gy,
.flag-ioc-guy {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/guy.svg)
}

.flag-344,
.flag-fifa-hkg,
.flag-hk,
.flag-hkg,
.flag-ioc-hkg {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/hkg.svg)
}

.flag-334,
.flag-hm,
.flag-hmd {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/hmd.svg)
}

.flag-340,
.flag-fifa-hon,
.flag-hn,
.flag-hnd,
.flag-ioc-hon {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/hnd.svg)
}

.flag-191,
.flag-fifa-cro,
.flag-hr,
.flag-hrv,
.flag-ioc-cro {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/hrv.svg)
}

.flag-332,
.flag-fifa-hai,
.flag-ht,
.flag-hti,
.flag-ioc-hai {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/hti.svg)
}

.flag-348,
.flag-fifa-hun,
.flag-hu,
.flag-hun,
.flag-ioc-hun {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/hun.svg)
}

.flag-360,
.flag-fifa-idn,
.flag-id,
.flag-idn,
.flag-ioc-ina {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/idn.svg)
}

.flag-833,
.flag-fifa-gbm,
.flag-im,
.flag-imn,
.flag-ioc- {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/imn.svg)
}

.flag-356,
.flag-fifa-ind,
.flag-in,
.flag-ind,
.flag-ioc-ind {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ind.svg)
}

.flag-86,
.flag-io,
.flag-iot {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/iot.svg)
}

.flag-372,
.flag-fifa-irl,
.flag-ie,
.flag-ioc-irl,
.flag-irl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/irl.svg)
}

.flag-364,
.flag-fifa-irn,
.flag-ioc-iri,
.flag-ir,
.flag-irn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/irn.svg)
}

.flag-368,
.flag-fifa-irq,
.flag-ioc-irq,
.flag-iq,
.flag-irq {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/irq.svg)
}

.flag-352,
.flag-fifa-isl,
.flag-ioc-isl,
.flag-is,
.flag-isl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/isl.svg)
}

.flag-376,
.flag-fifa-isr,
.flag-il,
.flag-ioc-isr,
.flag-isr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/isr.svg)
}

.flag-380,
.flag-fifa-ita,
.flag-ioc-ita,
.flag-it,
.flag-ita {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ita.svg)
}

.flag-388,
.flag-fifa-jam,
.flag-ioc-jam,
.flag-jam,
.flag-jm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/jam.svg)
}

.flag-832,
.flag-fifa-gbj,
.flag-ioc-,
.flag-je,
.flag-jey {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/jey.svg)
}

.flag-400,
.flag-fifa-jor,
.flag-ioc-jor,
.flag-jo,
.flag-jor {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/jor.svg)
}

.flag-392,
.flag-fifa-jpn,
.flag-ioc-jpn,
.flag-jp,
.flag-jpn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/jpn.svg)
}

.flag-398,
.flag-fifa-kaz,
.flag-ioc-kaz,
.flag-kaz,
.flag-kz {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/kaz.svg)
}

.flag-404,
.flag-fifa-ken,
.flag-ioc-ken,
.flag-ke,
.flag-ken {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ken.svg)
}

.flag-417,
.flag-fifa-kgz,
.flag-ioc-kgz,
.flag-kg,
.flag-kgz {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/kgz.svg)
}

.flag-116,
.flag-fifa-cam,
.flag-ioc-cam,
.flag-kh,
.flag-khm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/khm.svg)
}

.flag-296,
.flag-fifa-kir,
.flag-ioc-kir,
.flag-ki,
.flag-kir {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/kir.svg)
}

.flag-659,
.flag-fifa-skn,
.flag-ioc-skn,
.flag-kn,
.flag-kna {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/kna.svg)
}

.flag-410,
.flag-fifa-kor,
.flag-ioc-kor,
.flag-kor,
.flag-kr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/kor.svg)
}

.flag-414,
.flag-fifa-kuw,
.flag-ioc-kuw,
.flag-kw,
.flag-kwt {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/kwt.svg)
}

.flag-418,
.flag-fifa-lao,
.flag-ioc-lao,
.flag-la,
.flag-lao {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lao.svg)
}

.flag-422,
.flag-fifa-lib,
.flag-ioc-lib,
.flag-lb,
.flag-lbn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lbn.svg)
}

.flag-430,
.flag-fifa-lbr,
.flag-ioc-lbr,
.flag-lbr,
.flag-lr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lbr.svg)
}

.flag-434,
.flag-fifa-lby,
.flag-ioc-lba,
.flag-lby,
.flag-ly {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lby.svg)
}

.flag-662,
.flag-fifa-lca,
.flag-ioc-lca,
.flag-lc,
.flag-lca {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lca.svg)
}

.flag-438,
.flag-fifa-lie,
.flag-ioc-lie,
.flag-li,
.flag-lie {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lie.svg)
}

.flag-144,
.flag-fifa-sri,
.flag-ioc-sri,
.flag-lk,
.flag-lka {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lka.svg)
}

.flag-426,
.flag-fifa-les,
.flag-ioc-les,
.flag-ls,
.flag-lso {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lso.svg)
}

.flag-440,
.flag-fifa-ltu,
.flag-ioc-ltu,
.flag-lt,
.flag-ltu {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ltu.svg)
}

.flag-442,
.flag-fifa-lux,
.flag-ioc-lux,
.flag-lu,
.flag-lux {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lux.svg)
}

.flag-428,
.flag-fifa-lva,
.flag-ioc-lat,
.flag-lv,
.flag-lva {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/lva.svg)
}

.flag-446,
.flag-fifa-mac,
.flag-ioc-mac,
.flag-mac,
.flag-mo {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mac.svg)
}

.flag-663,
.flag-maf,
.flag-mf {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/maf.svg)
}

.flag-504,
.flag-fifa-mar,
.flag-ioc-mar,
.flag-ma,
.flag-mar {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mar.svg)
}

.flag-492,
.flag-fifa-mon,
.flag-ioc-mon,
.flag-mc,
.flag-mco {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mco.svg)
}

.flag-498,
.flag-fifa-mda,
.flag-ioc-mda,
.flag-md,
.flag-mda {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mda.svg)
}

.flag-450,
.flag-fifa-mad,
.flag-ioc-mad,
.flag-mdg,
.flag-mg {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mdg.svg)
}

.flag-462,
.flag-fifa-mdv,
.flag-ioc-mdv,
.flag-mdv,
.flag-mv {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mdv.svg)
}

.flag-484,
.flag-fifa-mex,
.flag-ioc-mex,
.flag-mex,
.flag-mx {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mex.svg)
}

.flag-584,
.flag-fifa-mhl,
.flag-ioc-msh,
.flag-mh,
.flag-mhl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mhl.svg)
}

.flag-807,
.flag-fifa-mkd,
.flag-ioc-mkd,
.flag-mk,
.flag-mkd {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mkd.svg)
}

.flag-466,
.flag-fifa-mli,
.flag-ioc-mli,
.flag-ml,
.flag-mli {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mli.svg)
}

.flag-470,
.flag-fifa-mlt,
.flag-ioc-mlt,
.flag-mlt,
.flag-mt {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mlt.svg)
}

.flag-104,
.flag-fifa-mya,
.flag-ioc-mya,
.flag-mm,
.flag-mmr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mmr.svg)
}

.flag-499,
.flag-fifa-mne,
.flag-ioc-mgo,
.flag-me,
.flag-mne {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mne.svg)
}

.flag-496,
.flag-fifa-mng,
.flag-ioc-mgl,
.flag-mn,
.flag-mng {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mng.svg)
}

.flag-580,
.flag-fifa-nmi,
.flag-ioc-nma,
.flag-mnp,
.flag-mp {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mnp.svg)
}

.flag-508,
.flag-fifa-moz,
.flag-ioc-moz,
.flag-moz,
.flag-mz {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/moz.svg)
}

.flag-478,
.flag-fifa-mtn,
.flag-ioc-mtn,
.flag-mr,
.flag-mrt {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mrt.svg)
}

.flag-500,
.flag-fifa-msr,
.flag-ioc-mnt,
.flag-ms,
.flag-msr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/msr.svg)
}

.flag-474,
.flag-fifa-mtq,
.flag-ioc-mrt,
.flag-mq,
.flag-mtq {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mtq.svg)
}

.flag-480,
.flag-fifa-mri,
.flag-ioc-mri,
.flag-mu,
.flag-mus {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mus.svg)
}

.flag-454,
.flag-fifa-mwi,
.flag-ioc-maw,
.flag-mw,
.flag-mwi {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mwi.svg)
}

.flag-458,
.flag-fifa-mas,
.flag-ioc-mas,
.flag-my,
.flag-mys {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/mys.svg)
}

.flag-175,
.flag-fifa-myt,
.flag-ioc-may,
.flag-myt,
.flag-yt {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/myt.svg)
}

.flag-516,
.flag-fifa-nam,
.flag-ioc-nam,
.flag-na,
.flag-nam {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nam.svg)
}

.flag-540,
.flag-fifa-ncl,
.flag-ioc-ncd,
.flag-nc,
.flag-ncl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ncl.svg)
}

.flag-562,
.flag-fifa-nig,
.flag-ioc-nig,
.flag-ne,
.flag-ner {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ner.svg)
}

.flag-574,
.flag-fifa-nfk,
.flag-ioc-nfi,
.flag-nf,
.flag-nfk {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nfk.svg)
}

.flag-566,
.flag-fifa-nga,
.flag-ioc-ngr,
.flag-ng,
.flag-nga {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nga.svg)
}

.flag-558,
.flag-fifa-nca,
.flag-ioc-nca,
.flag-ni,
.flag-nic {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nic.svg)
}

.flag-570,
.flag-fifa-niu,
.flag-ioc-niu,
.flag-niu,
.flag-nu {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/niu.svg)
}

.flag-528,
.flag-fifa-ned,
.flag-ioc-ned,
.flag-nl,
.flag-nld {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nld.svg)
}

.flag-578,
.flag-fifa-nor,
.flag-ioc-nor,
.flag-no,
.flag-nor {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nor.svg)
}

.flag-524,
.flag-fifa-nep,
.flag-ioc-nep,
.flag-np,
.flag-npl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/npl.svg)
}

.flag-520,
.flag-fifa-nru,
.flag-ioc-nru,
.flag-nr,
.flag-nru {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nru.svg)
}

.flag-554,
.flag-fifa-nzl,
.flag-ioc-nzl,
.flag-nz,
.flag-nzl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nzl.svg)
}

.flag-512,
.flag-fifa-oma,
.flag-ioc-oma,
.flag-om,
.flag-omn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/omn.svg)
}

.flag-586,
.flag-fifa-pak,
.flag-ioc-pak,
.flag-pak,
.flag-pk {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/pak.svg)
}

.flag-591,
.flag-fifa-pan,
.flag-ioc-pan,
.flag-pa,
.flag-pan {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/pan.svg)
}

.flag-612,
.flag-fifa-pcn,
.flag-ioc-,
.flag-pcn,
.flag-pn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/pcn.svg)
}

.flag-604,
.flag-fifa-per,
.flag-ioc-per,
.flag-pe,
.flag-per {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/per.svg)
}

.flag-608,
.flag-fifa-phi,
.flag-ioc-phi,
.flag-ph,
.flag-phl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/phl.svg)
}

.flag-585,
.flag-fifa-plw,
.flag-ioc-plw,
.flag-plw,
.flag-pw {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/plw.svg)
}

.flag-598,
.flag-fifa-png,
.flag-ioc-png,
.flag-pg,
.flag-png {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/png.svg)
}

.flag-616,
.flag-fifa-pol,
.flag-ioc-pol,
.flag-pl,
.flag-pol {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/pol.svg)
}

.flag-630,
.flag-fifa-pur,
.flag-ioc-pur,
.flag-pr,
.flag-pri {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/pri.svg)
}

.flag-408,
.flag-fifa-prk,
.flag-ioc-prk,
.flag-kp,
.flag-prk {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/prk.svg)
}

.flag-620,
.flag-fifa-por,
.flag-ioc-por,
.flag-prt,
.flag-pt {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/prt.svg)
}

.flag-600,
.flag-fifa-par,
.flag-ioc-par,
.flag-pry,
.flag-py {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/pry.svg)
}

.flag-275,
.flag-fifa-ple,
.flag-ioc-ple,
.flag-ps,
.flag-pse {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/pse.svg)
}

.flag-258,
.flag-fifa-tah2,
.flag-ioc-fpo,
.flag-pf,
.flag-pyf {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/pyf.svg)
}

.flag-634,
.flag-fifa-qat,
.flag-ioc-qat,
.flag-qa,
.flag-qat {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/qat.svg)
}

.flag-638,
.flag-fifa-reu,
.flag-ioc-reu,
.flag-re,
.flag-reu {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/reu.svg)
}

.flag-642,
.flag-fifa-rou,
.flag-ioc-rou,
.flag-ro,
.flag-rou {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/rou.svg)
}

.flag-643,
.flag-fifa-rus,
.flag-ioc-rus,
.flag-ru,
.flag-rus {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/rus.svg)
}

.flag-646,
.flag-fifa-rwa,
.flag-ioc-rwa,
.flag-rw,
.flag-rwa {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/rwa.svg)
}

.flag-682,
.flag-fifa-ksa,
.flag-ioc-ksa,
.flag-sa,
.flag-sau {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sau.svg)
}

.flag-729,
.flag-fifa-sud,
.flag-ioc-sud,
.flag-sd,
.flag-sdn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sdn.svg)
}

.flag-686,
.flag-fifa-sen,
.flag-ioc-sen,
.flag-sen,
.flag-sn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sen.svg)
}

.flag-702,
.flag-fifa-sin,
.flag-ioc-sin,
.flag-sg,
.flag-sgp {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sgp.svg)
}

.flag-239,
.flag-gs,
.flag-sgs {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sgs.svg)
}

.flag-654,
.flag-fifa-shn,
.flag-ioc-hel,
.flag-sh,
.flag-shn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/shn.svg)
}

.flag-744,
.flag-sj,
.flag-sjm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sjm.svg)
}

.flag-90,
.flag-fifa-sol,
.flag-ioc-sol,
.flag-sb,
.flag-slb {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/slb.svg)
}

.flag-694,
.flag-fifa-sle,
.flag-ioc-sle,
.flag-sl,
.flag-sle {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sle.svg)
}

.flag-222,
.flag-fifa-slv,
.flag-ioc-esa,
.flag-slv,
.flag-sv {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/slv.svg)
}

.flag-674,
.flag-fifa-smr,
.flag-ioc-smr,
.flag-sm,
.flag-smr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/smr.svg)
}

.flag-706,
.flag-fifa-som,
.flag-ioc-som,
.flag-so,
.flag-som {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/som.svg)
}

.flag-666,
.flag-fifa-spm,
.flag-ioc-spm,
.flag-pm,
.flag-spm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/spm.svg)
}

.flag-688,
.flag-fifa-srb,
.flag-ioc-srb,
.flag-rs,
.flag-srb {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/srb.svg)
}

.flag-728,
.flag-ss,
.flag-ssd {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ssd.svg)
}

.flag-678,
.flag-fifa-stp,
.flag-ioc-stp,
.flag-st,
.flag-stp {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/stp.svg)
}

.flag-740,
.flag-fifa-sur,
.flag-ioc-sur,
.flag-sr,
.flag-sur {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sur.svg)
}

.flag-703,
.flag-fifa-svk,
.flag-ioc-svk,
.flag-sk,
.flag-svk {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/svk.svg)
}

.flag-705,
.flag-fifa-svn,
.flag-ioc-slo,
.flag-si,
.flag-svn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/svn.svg)
}

.flag-752,
.flag-fifa-swe,
.flag-ioc-swe,
.flag-se,
.flag-swe {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/swe.svg)
}

.flag-748,
.flag-fifa-swz,
.flag-ioc-swz,
.flag-swz,
.flag-sz {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/swz.svg)
}

.flag-534,
.flag-sx,
.flag-sxm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sxm.svg)
}

.flag-690,
.flag-fifa-sey,
.flag-ioc-sey,
.flag-sc,
.flag-syc {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/syc.svg)
}

.flag-760,
.flag-fifa-syr,
.flag-ioc-syr,
.flag-sy,
.flag-syr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/syr.svg)
}

.flag-796,
.flag-fifa-tca,
.flag-ioc-tks,
.flag-tc,
.flag-tca {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tca.svg)
}

.flag-148,
.flag-fifa-cha,
.flag-ioc-cha,
.flag-tcd,
.flag-td {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tcd.svg)
}

.flag-768,
.flag-fifa-tog,
.flag-ioc-tog,
.flag-tg,
.flag-tgo {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tgo.svg)
}

.flag-764,
.flag-fifa-tha,
.flag-ioc-tha,
.flag-th,
.flag-tha {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tha.svg)
}

.flag-762,
.flag-fifa-tjk,
.flag-ioc-tjk,
.flag-tj,
.flag-tjk {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tjk.svg)
}

.flag-772,
.flag-fifa-tkl,
.flag-ioc-,
.flag-tk,
.flag-tkl {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tkl.svg)
}

.flag-795,
.flag-fifa-tkm,
.flag-ioc-tkm,
.flag-tkm,
.flag-tm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tkm.svg)
}

.flag-626,
.flag-fifa-tls,
.flag-ioc-tls,
.flag-tl,
.flag-tls {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tls.svg)
}

.flag-776,
.flag-fifa-tga,
.flag-ioc-tga,
.flag-to,
.flag-ton {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ton.svg)
}

.flag-780,
.flag-fifa-tri,
.flag-ioc-tto,
.flag-tt,
.flag-tto {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tto.svg)
}

.flag-788,
.flag-fifa-tun,
.flag-ioc-tun,
.flag-tn,
.flag-tun {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tun.svg)
}

.flag-792,
.flag-fifa-tur,
.flag-ioc-tur,
.flag-tr,
.flag-tur {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tur.svg)
}

.flag-798,
.flag-fifa-tuv,
.flag-ioc-tuv,
.flag-tuv,
.flag-tv {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tuv.svg)
}

.flag-158,
.flag-tw,
.flag-twn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/twn.svg)
}

.flag-834,
.flag-fifa-tan,
.flag-ioc-tan,
.flag-tz,
.flag-tza {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tza.svg)
}

.flag-800,
.flag-fifa-uga,
.flag-ioc-uga,
.flag-ug,
.flag-uga {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/uga.svg)
}

.flag-804,
.flag-fifa-ukr,
.flag-ioc-ukr,
.flag-ua,
.flag-ukr {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ukr.svg)
}

.flag-581,
.flag-um,
.flag-umi {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/umi.svg)
}

.flag-858,
.flag-fifa-uru,
.flag-ioc-uru,
.flag-ury,
.flag-uy {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ury.svg)
}

.flag-840,
.flag-fifa-usa,
.flag-ioc-usa,
.flag-us,
.flag-usa {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/usa.svg)
}

.flag-860,
.flag-fifa-uzb,
.flag-ioc-uzb,
.flag-uz,
.flag-uzb {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/uzb.svg)
}

.flag-336,
.flag-fifa-vat,
.flag-ioc-,
.flag-va,
.flag-vat {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/vat.svg)
}

.flag-670,
.flag-fifa-vin,
.flag-ioc-vin,
.flag-vc,
.flag-vct {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/vct.svg)
}

.flag-862,
.flag-fifa-ven,
.flag-ioc-ven,
.flag-ve,
.flag-ven {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/ven.svg)
}

.flag-92,
.flag-fifa-vgb,
.flag-ioc-ivb,
.flag-vg,
.flag-vgb {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/vgb.svg)
}

.flag-850,
.flag-fifa-vir,
.flag-ioc-isv,
.flag-vi,
.flag-vir {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/vir.svg)
}

.flag-704,
.flag-fifa-vie,
.flag-ioc-vie,
.flag-vn,
.flag-vnm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/vnm.svg)
}

.flag-548,
.flag-fifa-van,
.flag-ioc-van,
.flag-vu,
.flag-vut {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/vut.svg)
}

.flag-876,
.flag-fifa-wlf,
.flag-ioc-waf,
.flag-wf,
.flag-wlf {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/wlf.svg)
}

.flag-882,
.flag-fifa-sam,
.flag-ioc-sam,
.flag-ws,
.flag-wsm {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/wsm.svg)
}

.flag-887,
.flag-fifa-yem,
.flag-ioc-yem,
.flag-ye,
.flag-yem {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/yem.svg)
}

.flag-710,
.flag-fifa-rsa,
.flag-ioc-rsa,
.flag-za,
.flag-zaf {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/zaf.svg)
}

.flag-894,
.flag-fifa-zam,
.flag-ioc-zam,
.flag-zm,
.flag-zmb {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/zmb.svg)
}

.flag-716,
.flag-fifa-zim,
.flag-ioc-zim,
.flag-zw,
.flag-zwe {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/zwe.svg)
}

.flag-fifa-eng {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/eng.svg)
}

.flag-eu,
.flag-eur {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/eur.svg)
}

.flag-ioc-kos {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/kos.svg)
}

.flag-fifa-nir {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/nir.svg)
}

.flag-fifa-tpe,
.flag-ico-tpe {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/tpe.svg)
}

.flag-fifa-sco {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/sco.svg)
}

.flag-fifa-wal {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/flags/wal.svg)
}

.width_100 {
    width: 100% !important
}

.mt-1 {
    margin-top: 5px
}

.mt-2 {
    margin-top: 10px
}

.mt-3 {
    margin-top: 15px
}

.mt-4 {
    margin-top: 20px
}

.mb-0-imp {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 5px
}

.mb-2 {
    margin-bottom: 10px
}

.mb-3 {
    margin-bottom: 15px
}

.mb-4 {
    margin-bottom: 20px
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: 5px
}

.mr-2 {
    margin-right: 10px
}

.mr-3 {
    margin-right: 15px
}

.mr-4 {
    margin-right: 20px
}

.mr-5 {
    margin-right: 25px
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: 5px
}

.ml-2 {
    margin-left: 10px
}

.ml-3 {
    margin-left: 15px
}

.ml-4 {
    margin-left: 20px
}

.ml-5 {
    margin-left: 25px
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: 5px
}

.pl-2 {
    padding-left: 10px
}

.pl-3 {
    padding-left: 15px
}

.pl-4 {
    padding-left: 20px
}

.pl-5 {
    padding-left: 25px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: 5px
}

.pr-2 {
    padding-right: 10px
}

.pr-3 {
    padding-right: 15px
}

.pr-4 {
    padding-right: 20px
}

.pr-5 {
    padding-right: 25px
}

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

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.font-15 {
    font-size: 15px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

.font-24 {
    font-size: 24px
}

.font-26 {
    font-size: 26px
}

.font-28 {
    font-size: 28px
}

.font-30 {
    font-size: 30px
}

.ptb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.ptb-5 {
    padding-top: 5px
}

.ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.no-padding {
    padding: 0 !important
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pl-10 {
    padding-left: 10px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.pr-10 {
    padding-right: 10px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.mtb-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.mtb-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.mtb-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.mtb-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.mtb-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.mt-0 {
    margin-top: 0
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-0 {
    margin-bottom: 0
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.plr-0 {
    padding-left: 0;
    padding-right: 0
}

.annual-returns-container .parent-row {
    padding-top: 0
}

.annual-returns-container .parent-row>div {
    padding: 0
}

.annual-returns-container .parent-row>div .breadcrumb {
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px;
    margin-bottom: 0;
    padding: 8px 20px;
    border-radius: 0
}

.annual-returns-container .returns-content {
    padding: 0 10px 20px
}

.annual-returns-container .returns-content .ar-row {
    overflow: hidden
}

.annual-returns-container .returns-content .ar-row .col-left {
    width: 250px;
    float: left
}

.annual-returns-container .returns-content .ar-row .col-right {
    width: calc(100% - 250px);
    float: left
}

.annual-returns-container .returns-content .tab-content-wrapper {
    min-height: 400px;
    border-radius: 3px
}

.annual-returns-container .returns-content>h1 {
    margin-bottom: 20px
}

.annual-returns-container .returns-content .nav li a {
    border: none;
    margin: 0;
    background-color: transparent !important;
    background: 0 0;
    font-size: 14px;
    font-weight: 400;
    outline: 0;
    text-decoration: none !important;
    color: #323232 !important;
    padding-left: 0
}

.annual-returns-container .returns-content .nav li.active a {
    font-weight: 700;
    color: #323232 !important
}

.annual-returns-container .returns-content .nav li.active a .fa {
    position: relative;
    top: 4px
}

.editAvailabilityOverlay .modal-dialog {
    width: 700px
}

.showTblCell {
    display: table-cell !important
}

.qty-inp-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.qty-inp-container.qty-error .qty-info-icon .fa-info-circle {
    color: #ff9d02
}

.qty-inp-container .qty-info-icon {
    font-size: 14px;
    margin-left: 5px
}

.part-notification {
    margin-top: 5px
}

.part-notification span {
    background-color: #e0142b;
    color: #fff;
    padding: 0 8px;
    border-radius: 10px
}

.req-qty-info-tooltip {
    visibility: visible !important
}

.req-qty-info-tooltip .tooltip-inner .req-qty-info {
    margin: 0;
    padding: 0;
    list-style: none
}

.req-qty-info-tooltip .tooltip-inner .req-qty-info li {
    display: block;
    font-size: 12px;
    text-align: left
}

.req-qty-info-tooltip .tooltip-inner .req-qty-info li::before {
    content: "•";
    width: 1em;
    position: relative;
    top: 5px;
    font-size: 25px;
    line-height: 20px;
    left: -5px
}

.orderMgt {
    background-color: #e8e8e8
}

.orderMgt .permission-denied {
    position: absolute;
    background-color: #c0c0c7;
    opacity: .7;
    cursor: not-allowed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.orderMgt .single-part-entry {
    font-size: 11px;
    font-weight: 600;
    color: #494949;
    height: 29px;
    border-radius: 3px;
    box-shadow: none
}

.orderMgt .single-part-entry.err-list-input {
    border: 1px solid #ff9d02;
    box-shadow: none
}

.orderMgt .tab-container .tab-content,
.orderMgt .tab-container .tab-content .tab-pane .no-items {
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.orderMgt .err-txt.not-valid-part {
    color: #ff9d02;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
    float: left;
    margin-top: 5px
}

.orderMgt .breadcrumb-row {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px
}

.orderMgt .breadcrumb-row .breadcrumb {
    background-color: #FFF;
    font-weight: 600;
    margin-bottom: 0;
    padding: 8px 10px;
    box-shadow: none
}

.orderMgt .breadcrumb-row .breadcrumb li+li:before {
    padding: 0 5px;
    content: "> ";
    font-size: 10px;
    color: #777
}

.orderMgt .breadcrumb-row .breadcrumb a:hover {
    cursor: pointer
}

.orderMgt .custom-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: .7;
    background: #fff
}

.orderMgt .custom-loader .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.orderMgt .custom-loader .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 30%
}

.orderMgt input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.orderMgt input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.orderMgt .tab-container {
    padding-left: 10px;
    padding-right: 10px
}

.orderMgt .tab-container .nav-tabs {
    width: 99.8%
}

.orderMgt .tab-container .nav-tabs li,
.orderMgt .tab-container .nav-tabs li.active {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.orderMgt .tab-container .tab-content .tab-pane .no-items {
    margin-top: 1px
}

.orderMgt .tooltip {
    z-index: 9
}

.orderMgt .search-part {
    position: relative;
    margin: 5px auto 0
}

.orderMgt .search-part input {
    width: 200px
}

.orderMgt .search-part i,
.orderMgt .search-part img {
    position: absolute;
    top: 11px;
    right: 8px
}

.orderMgt .search-part-for-fast-order-container {
    padding-left: 7px !important
}

.orderMgt .search-part-for-fast-order {
    margin: 5px auto 20px;
    position: relative
}

.orderMgt .search-part-for-fast-order .title-of-search-part {
    color: #acacac;
    padding-bottom: 5px;
    display: inherit
}

.orderMgt .search-part-for-fast-order .nonrtb-heading {
    font-size: 14px;
    margin-right: 2px
}

.orderMgt .search-part-for-fast-order .title-of-search-part-for-fast-order-emg {
    color: #ff9d02;
    font-weight: 600
}

.orderMgt .search-part-for-fast-order .disable-input {
    background: #e8e8e8;
    cursor: default
}

.orderMgt .fa-sort,
.orderMgt .search-part-for-fast-order .part-number-icon {
    cursor: pointer
}

.orderMgt .search-part-for-fast-order .part-number-icon i,
.orderMgt .search-part-for-fast-order .part-number-icon img {
    position: absolute;
    top: 30px;
    right: 13px
}

.orderMgt .search-part-for-fast-order .replace-part-no {
    line-height: 15px;
    display: inline-block;
    float: left;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #6e6e6e
}

.orderMgt .search-part-for-fast-order .replace-part-no a {
    font-weight: 700;
    color: #09c
}

.orderMgt input.date-txt {
    text-align: center
}

.orderMgt .deleteMsg {
    background: #fff67b;
    border-radius: 3px;
    height: 40px;
    border: 1px dashed #ccc;
    color: #232323;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 8px
}

.orderMgt a.eo-lnk {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0;
    font-size: 10px;
    font-weight: 600
}

.orderMgt a.eo-lnk.eo-qty-edit {
    display: inline-block
}

.orderMgt a.eo-lnk.view-est-ship-date {
    text-transform: initial
}

.orderMgt .pckg-qty-err {
    text-align: left;
    position: relative;
    padding-left: 13px;
    line-height: 15px;
    margin-top: 5px
}

.orderMgt .pckg-qty-err .fa-info-circle {
    font-size: 11px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 2px
}

.orderMgt .headspace {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px
}

.orderMgt .btn-app.active.focus,
.orderMgt .btn-app.active:focus,
.orderMgt .btn-app.focus,
.orderMgt .btn-app:active.focus,
.orderMgt .btn-app:active:focus,
.orderMgt .btn-app:focus {
    outline: 0
}

.orderMgt .btn-app-success {
    background-color: #3FB300;
    border-color: #3FB300;
    color: #fff
}

.orderMgt .btn-app-success.focus,
.orderMgt .btn-app-success:focus,
.orderMgt .btn-app-success:hover {
    background-color: #369900;
    border-color: #369900;
    color: #fff
}

.orderMgt .btn-app-default {
    background-color: #707070;
    border-color: #707070;
    color: #707070
}

.orderMgt .btn-app-default.focus,
.orderMgt .btn-app-default:focus,
.orderMgt .btn-app-default:hover {
    background-color: #666;
    border-color: #666;
    color: #666
}

.orderMgt .cont-shopping {
    margin-bottom: 10px;
    margin-top: 10px
}

.orderMgt .btn-app-sm-default {
    color: #39B54A;
    background-color: #E5E5E5;
    font-size: 11px;
    font-weight: 600;
    height: 20px
}

.orderMgt .btn-app-sm-default.focus,
.orderMgt .btn-app-sm-default:focus {
    background-color: #E5E5E5;
    border-color: #E5E5E5;
    color: #39B54A
}

.orderMgt .btn-block,
.orderMgt .cont-shopping {
    padding: 10px
}

.orderMgt .btn-calender {
    height: 34px
}

.orderMgt .save-block {
    margin: 15px 0
}

.orderMgt .remove-selected {
    margin-top: 5px
}

.orderMgt .btn-save,
.orderMgt .btn-save:hover,
.orderMgt .info-circle {
    margin-top: 10px
}

.orderMgt .remove-selected .remove-btn {
    margin-bottom: 15px;
    width: 119px;
    height: 100%
}

.orderMgt .remove-selected .btn-save {
    font-size: 10px;
    width: 119px
}

.orderMgt .remove-selected .remove-selected-row {
    width: 100%;
    float: left
}

.orderMgt .remove-selected .remove-selected-row .remove-selected-clm1 {
    float: left;
    width: 20px
}

.orderMgt .remove-selected .remove-selected-row .remove-selected-clm2 {
    float: left;
    width: calc(100% - 20px)
}

.orderMgt .remove-selected i {
    color: #747474;
    float: left;
    margin-top: 10px
}

.orderMgt .remove-selected p {
    color: #747474;
    float: left
}

.orderMgt .amount-warning-msg {
    color: #f99900;
    font-weight: 700;
    font-size: 11px;
    position: relative;
    padding-left: 15px
}

.orderMgt .amount-warning-msg .fa-exclamation-triangle {
    position: absolute;
    top: 10px;
    left: 0
}

.orderMgt .save-msg {
    font-weight: 700;
    font-size: 11px;
    position: relative;
    padding-left: 15px
}

.orderMgt .save-msg .fa-exclamation-triangle {
    position: absolute;
    top: 10px;
    left: 0
}

.orderMgt .ordrSrch {
    z-index: 0
}

.orderMgt .summery-text {
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 8px
}

.orderMgt .summery-right-box {
    text-align: right
}

.orderMgt .order-total-bg {
    background: #f7f7f7;
    border-radius: 6px
}

.orderMgt .littlegap {
    padding: 2px 10px 0 6px
}

.orderMgt .littlegap .order-total {
    padding: 10px 0 5px 10px
}

.orderMgt .littlegap .total-Qty {
    float: right;
    padding: 0 10px 10px;
    text-align: right
}

.orderMgt .littlegap .text-center {
    padding-right: 6px
}

.orderMgt .littlegap .order-item-wrapper {
    width: 98%;
    margin-left: 4px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.orderMgt .littlegap .order-item-wrapper .order-item-name-wrap {
    font-size: 11px
}

.orderMgt .fa-info-circle {
    color: #6e6e6e;
    font-size: 16px
}

.orderMgt .emer-order-cotent,
.orderMgt .stock-order-cotent {
    margin-top: 1px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.orderMgt .stock-order-cotent .uib-datepicker-popup.dropdown-menu {
    padding: 0
}

.orderMgt .emer-order-cotent table.car-list-table,
.orderMgt .stock-order-cotent table.car-list-table {
    table-layout: fixed
}

.orderMgt .emer-order-cotent table.car-list-table>tbody>tr>td.td-pt-stk,
.orderMgt .stock-order-cotent table.car-list-table>tbody>tr>td.td-pt-stk {
    padding-top: 15px !important
}

.orderMgt .emer-order-cotent table.car-list-table>tbody>tr>td .itm-part-details .part-num-name.td-pt-stk,
.orderMgt .stock-order-cotent table.car-list-table>tbody>tr>td .itm-part-details .part-num-name.td-pt-stk {
    padding-top: 7px !important
}

.orderMgt .emer-order-cotent table.car-list-table>tbody>tr>td.td-pt-emg,
.orderMgt .stock-order-cotent table.car-list-table>tbody>tr>td.td-pt-emg {
    padding-top: 13px !important
}

.orderMgt .emer-order-cotent table.car-list-table>tbody>tr>td .itm-part-details .part-num-name.td-pt-emg,
.orderMgt .stock-order-cotent table.car-list-table>tbody>tr>td .itm-part-details .part-num-name.td-pt-emg {
    padding-top: 5px !important
}

.orderMgt .plant-list {
    display: inline-block;
    position: relative
}

.orderMgt .pz-tooltip-plant-list {
    opacity: 1 !important;
    width: 270px
}

.orderMgt .pz-tooltip-plant-list.right {
    padding: 0 8px !important
}

.orderMgt .pz-tooltip-plant-list .tooltip-arrow {
    margin-left: -8px !important;
    border-width: 0 8px 8px !important;
    border-bottom-color: transparent !important
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner {
    position: relative;
    min-width: 490px;
    border-radius: 3px;
    padding: 16px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper {
    text-align: left
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper a.eo-lnk {
    margin-bottom: 10px;
    display: inline-block
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper i {
    color: #323232;
    font-size: 24px;
    position: absolute;
    left: 210px;
    top: -16px
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper .estimate-ship-date {
    margin-left: 30px;
    font-weight: 600
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper .estimate-ship-date.header {
    color: #9e9e9e
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper .plnt-dtls_wrapper {
    max-height: 120px;
    overflow-y: auto
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper .plnt-dtls_wrapper .plnt-dtls {
    font-weight: 600
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper .plnt-dtls_wrapper .plnt-dtls .plnt-nm-qty {
    font-size: 13px;
    line-height: 24px
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .content-wrapper .plnt-dtls_wrapper .plnt-dtls .plnt-city-st {
    font-size: 10px;
    line-height: 24px
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .close-overlay {
    position: absolute;
    top: 10px;
    right: 14px
}

.orderMgt .pz-tooltip-plant-list .tooltip-inner .close-overlay img {
    width: 9px;
    height: 9px
}

.orderMgt .tab-container {
    margin-top: 25px
}

.orderMgt .tab-container .nav-tabs>li {
    margin-right: 8px
}

.orderMgt .tab-container .tab-content {
    border-top: 0
}

.orderMgt .tab-container .nav-tabs {
    border-bottom: transparent
}

.orderMgt .tab-container .nav-tabs li.active .nav-link:hover {
    pointer-events: none;
    cursor: not-allowed
}

.orderMgt .tab-container .nav-tabs>li>a {
    margin-right: 0 !important
}

.orderMgt .tab-container .nav-tabs>li .nav-link {
    padding: 0
}

.orderMgt .tab-container .nav-tabs>li .nav-link uib-tab-heading {
    padding: 10px 15px;
    display: block
}

.orderMgt .tab-container .nav-tabs>li.disabled {
    pointer-events: none
}

.orderMgt .tab-container .nav-tabs>li>a:hover {
    border-color: transparent;
    cursor: pointer
}

.orderMgt .tab-container .nav-tabs>li.active>a:hover {
    border-color: #ddd #ddd transparent
}

.orderMgt table.car-list-table>tbody>tr:first-child,
.orderMgt table.car-list-table>thead>tr:first-child {
    border-top: 1px solid #f1f1f1
}

.orderMgt table.car-list-table>tbody>tr:last-child,
.orderMgt table.car-list-table>thead>tr:last-child {
    border-bottom: 1px solid #f1f1f1
}

.orderMgt .plant-list.stock-order .tooltip-inner {
    min-width: 100px;
    left: 85px
}

.orderMgt .plant-list.stock-order .content-wrapper i.stock-order {
    left: 130px
}

.orderMgt .plant-list.stock-order .content-wrapper .estimate-ship-date {
    margin-left: 0
}

.orderMgt .plant-list.stock-order .content-wrapper table {
    margin: 0 auto
}

.orderMgt .pad15 {
    padding: 15px
}

.orderMgt .emer-order-cotent table.car-list-table>thead .line-no {
    width: 4%
}

.orderMgt .emer-order-cotent table.car-list-table>thead .part-no {
    width: 28%
}

.orderMgt .emer-order-cotent table.car-list-table>thead .part-no .search-part {
    float: left;
    position: relative
}

.orderMgt .emer-order-cotent table.car-list-table>thead .part-no .search-part i,
.orderMgt .emer-order-cotent table.car-list-table>thead .part-no .search-part img {
    position: absolute;
    top: 9px;
    right: 8px
}

.orderMgt table.car-list-table>thead>tr>th.hr-center .fa.pull-right,
.orderMgt table.car-list-table>thead>tr>th.hr-right .fa.pull-right {
    position: relative;
    top: 2px
}

.orderMgt .emer-order-cotent table.car-list-table>thead .qty {
    width: 85px
}

.orderMgt .emer-order-cotent table.car-list-table>thead .bck-ordr,
.orderMgt .emer-order-cotent table.car-list-table>thead .ext-price,
.orderMgt .emer-order-cotent table.car-list-table>thead .ext-weight,
.orderMgt .emer-order-cotent table.car-list-table>thead .select-to-remove,
.orderMgt .emer-order-cotent table.car-list-table>thead .ship-from,
.orderMgt .emer-order-cotent table.car-list-table>thead .unit-core-deposit,
.orderMgt .emer-order-cotent table.car-list-table>thead .unit-price,
.orderMgt .emer-order-cotent table.car-list-table>thead .uom {
    width: auto
}

.orderMgt .emer-order-cotent table.car-list-table>thead .select-to-remove .remove-box {
    text-align: center
}

.orderMgt table.car-list-table>thead>tr>th {
    padding: 7px;
    vertical-align: top;
    text-align: left;
    width: 1%
}

.orderMgt table.car-list-table>thead .select-to-remove .remove-box,
.orderMgt table.car-list-table>thead>tr>th.hr-center,
.orderMgt table.car-list-table>thead>tr>th.hr-right {
    text-align: center
}

.orderMgt table.car-list-table>thead>tr>th .inline-style {
    display: inline
}

.orderMgt table.car-list-table>thead>tr>th .inline-style.ship-to-date {
    padding-left: 13px
}

.orderMgt table.car-list-table>thead .line-no {
    width: 4%
}

.orderMgt table.car-list-table>thead .part-no {
    width: 28%
}

.orderMgt table.car-list-table>thead .part-no .search-part {
    float: left
}

.orderMgt table.car-list-table>thead .part-no .search-part input {
    width: 225px;
    padding-right: 24px
}

.orderMgt table.car-list-table>thead .qty {
    width: 85px
}

.orderMgt table.car-list-table>thead .bck-ordr,
.orderMgt table.car-list-table>thead .ext-price,
.orderMgt table.car-list-table>thead .ext-weight,
.orderMgt table.car-list-table>thead .select-to-remove,
.orderMgt table.car-list-table>thead .ship-date,
.orderMgt table.car-list-table>thead .unit-core-deposit,
.orderMgt table.car-list-table>thead .unit-price,
.orderMgt table.car-list-table>thead .uom {
    width: auto
}

.orderMgt table.car-list-table>tbody>tr>td .qty-added {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

.orderMgt table.car-list-table>tbody>tr>td .eo-qty-req {
    background-color: transparent;
    display: block
}

.orderMgt table.car-list-table>tbody>tr>td.vt-hr-center {
    text-align: center !important;
    vertical-align: top;
    padding: 8px 4px
}

.orderMgt table.car-list-table>tbody>tr>td.vt-hr-right {
    text-align: right !important;
    vertical-align: top
}

.orderMgt table.car-list-table>tbody>tr>td:first-child {
    text-align: center;
    padding: 8px 15px
}

.orderMgt table.car-list-table>tbody>tr>td:nth-child(2),
.orderMgt table.car-list-table>tbody>tr>td:nth-child(3) {
    border-right: none;
    text-align: left
}

.orderMgt table.car-list-table>tbody>tr>td:nth-child(4) {
    border-right: none
}

.orderMgt table.car-list-table>tbody>tr>td:nth-child(5) {
    border-right: none;
    vertical-align: top
}

.orderMgt table.car-list-table>tbody>tr>td:nth-child(10),
.orderMgt table.car-list-table>tbody>tr>td:nth-child(6),
.orderMgt table.car-list-table>tbody>tr>td:nth-child(7),
.orderMgt table.car-list-table>tbody>tr>td:nth-child(8),
.orderMgt table.car-list-table>tbody>tr>td:nth-child(9) {
    border-right: none;
    text-align: left
}

.orderMgt table.car-list-table>tbody>tr>td:nth-child(11),
.orderMgt table.car-list-table>tbody>tr>td:nth-child(12) {
    text-align: left
}

.orderMgt table.car-list-table>tbody>tr>td:last-child {
    border-right: 0;
    text-align: left
}

.orderMgt table.car-list-table>tbody>tr>td .imgWidth {
    width: 40%;
    border-right: none
}

.orderMgt table.car-list-table>tbody>tr>td .imgWidth.part-img,
.orderMgt table.car-list-table>tbody>tr>td .imgWidth.part-img .img-responsive {
    width: 100%
}

.orderMgt table.car-list-table>tbody>tr>td .detailWidth {
    width: 60%
}

.orderMgt table.car-list-table>tbody>tr>td input[type=checkbox].checkboxalign {
    vertical-align: -webkit-baseline-middle !important;
    width: 15px;
    height: 15px
}

.orderMgt table.car-list-table>tbody>tr>td input[type=checkbox].checkboxalign:focus {
    outline: 0
}

.orderMgt table.car-list-table>tbody>tr>td i {
    font-size: 14px
}

.orderMgt table.car-list-table>tbody>tr>td .inptQty {
    width: 40px
}

.orderMgt table.car-list-table>tbody>tr>td .part-num {
    display: block
}

.orderMgt table.car-list-table>tbody>tr>td:nth-child(2) {
    padding-right: 5px
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper {
    margin: auto auto 0
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper .date-txt {
    text-align: center;
    width: 68px;
    padding: 3px;
    margin-top: 5px;
    margin-left: -1px;
    font-size: 11px !important
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-default.active,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-default:active,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-default:hover,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn.focus,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn:focus,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn:hover {
    color: #333;
    text-decoration: none
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-group-sm>.btn,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info.active.focus,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info.active:focus,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info.active:hover,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info:active.focus,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info:active:focus,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info:active:hover,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .open>.btn-info.dropdown-toggle.focus,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .open>.btn-info.dropdown-toggle:focus,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info.active,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info:active,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn-info:hover,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn.disabled,
.orderMgt table.car-list-table>tbody>tr>td.td-date p.date-wrapper>div .btn[disabled] {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.orderMgt .discount-container .discount-search .promo-apply-icon,
.orderMgt tbody .itm-part-details {
    cursor: pointer
}

.orderMgt table.car-list-table>tbody tr.no-data td {
    border-right: 1px solid #f1f1f1;
    text-align: center;
    color: #323232;
    font-size: 20px;
    padding: 30px 0
}

.orderMgt .bg-default-bg {
    border-radius: 3px;
    padding: 15px 15px 5px;
    margin-bottom: 10px;
    clear: both
}

.orderMgt .bg-default-bg .littlegap {
    padding: 2px 0 0
}

.orderMgt .bg-default-bg .littlegap .order-total {
    padding: 10px 0 5px 10px
}

.orderMgt .bg-default-bg .littlegap .total-Qty {
    float: right;
    padding: 0 10px 10px
}

.orderMgt .bg-default-bg .littlegap .text-center {
    padding-right: 6px
}

.orderMgt .bg-default-bg .littlegap .order-item-wrapper {
    width: 98%;
    margin-left: 4px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.orderMgt .bg-default-bg .littlegap .order-item-wrapper .order-item-name-wrap {
    font-size: 11px
}

.orderMgt .bg-default-bg .Qty {
    text-align: right
}

.orderMgt .bg-default-bg .num-nxt-line {
    width: 100%;
    text-align: right;
    padding: 0 10px;
    margin-bottom: 10px
}

.orderMgt .bg-default-bg .qty-val-ipad.num-nxt-line {
    margin-bottom: 0
}

.orderMgt .bg-default-bg-promo {
    padding: 0 15px
}

.orderMgt .bg-default-bg-promo .dis-warning-msg {
    display: inline-block;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    color: #ed9c1e
}

.orderMgt .discount-container {
    background: #e8eae8;
    clear: both
}

.orderMgt .discount-container .Qty {
    text-align: right
}

.orderMgt .discount-container .price-row {
    padding-left: 10px
}

.orderMgt .discount-container .price-wrapper {
    padding-top: 10px;
    padding-bottom: 10px
}

.orderMgt .discount-container .discount-apply-color {
    color: #8ecb2c
}

.orderMgt .discount-container .dis-font-weight {
    font-weight: 800
}

.orderMgt .discount-container .discount-text-box-apply {
    background-color: #eeffe5;
    border: 1px solid #99e66f;
    color: #63c12f
}

.orderMgt .discount-container .discount-coupon-invalid {
    border: 1px solid #ff9d02
}

.orderMgt .discount-container .num-nxt-line {
    width: 100%;
    text-align: right;
    padding: 0 10px;
    display: inline-block
}

.orderMgt .discount-container .checked-coupon-applied::after {
    content: '';
    width: 14px;
    height: 8px;
    border-left: solid #99e66f;
    border-bottom: solid #99e66f;
    position: absolute;
    z-index: 99;
    top: 16px;
    display: inline-block;
    right: 35px;
    transform: rotate(-45deg)
}

.orderMgt .discount-container .discount-search {
    float: left;
    position: relative;
    padding: 5px;
    width: 100%
}

.orderMgt .discount-container .discount-search .promo-apply-icon i,
.orderMgt .discount-container .discount-search .promo-apply-icon img {
    position: absolute;
    top: 12px;
    right: 13px
}

.orderMgt .discount-container .discount-search .apply-code {
    float: right;
    display: block;
    text-transform: uppercase;
    padding-top: 5px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer
}

.orderMgt .discount-container .discount-search .promo-not-valid-message {
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px
}

.orderMgt .bg-primary {
    padding: 4px 15px;
    border-radius: 3px
}

.orderMgt .bg-primary a,
.orderMgt .bg-primary a:focus,
.orderMgt .bg-primary a:hover {
    color: #fff
}

.orderMgt .fa-arrow-circle-o-right {
    font-size: 14px;
    color: #fff
}

.orderMgt hr {
    margin-top: 1px;
    margin-bottom: 5px
}

.orderMgt a:focus,
.orderMgt a:hover {
    text-decoration: none
}

.orderMgt a.btn-checkout {
    margin-bottom: 10px;
    display: block
}

.orderMgt a.btn-checkout h5 {
    margin-bottom: 7px;
    margin-top: 7px
}

.orderMgt tbody ul li {
    list-style: none;
    display: inline
}

.orderMgt tbody .itm-part-details .part-img {
    float: left;
    width: 15%
}

.orderMgt tbody .itm-part-details .part-num-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 85%
}

.orderMgt tbody .itm-part-details .part-num-name .part-num {
    float: left;
    display: block;
    text-transform: uppercase
}

.orderMgt tbody .itm-part-details .part-num-name .part-name {
    word-break: break-word;
    float: left;
    cursor: text;
    text-align: left
}

.orderMgt tbody .itm-part-details .part-num-name .part-notification span {
    float: left
}

.orderMgt tbody .exp-qty-status {
    position: static;
    display: block;
    margin: 5px 0
}

.orderMgt tbody .exp-qty-status .avl-qty-txt {
    font-weight: 700;
    color: #414141;
    text-align: left;
    font-size: 11px
}

.orderMgt .table.car-list-table {
    margin-bottom: 0 !important
}

.orderMgt .table.car-list-table .part-num-col {
    width: 6%
}

.orderMgt .table.car-list-table .ship-from {
    width: auto
}

.orderMgt .stock-ordr-sumry {
    padding-left: 0
}

.orderMgt .alert-dismissible {
    margin: 5px -10px 0
}

.orderMgt input[name=quantity],
.orderMgt input[name=shippingDate] {
    width: 60px;
    text-align: center;
    border: 1px solid #c5c5c5;
    background: #fff;
    padding-left: 12px;
    font-size: 13px;
    font-weight: 700;
    color: #6e6e6e
}

.orderMgt input[name=shippingDate] {
    width: 140px;
    height: 30px;
    border-radius: 3px;
    font-size: 12px
}

.orderMgt input.search-by-part {
    color: #9e9e9e;
    font-size: 13px
}

.orderMgt .search-by-part+.input-group-addon a {
    font-size: 16px;
    color: #277eb6
}

.orderMgt .checkbox-label {
    margin: 0
}

.orderMgt .checkbox-label .fa-check-square,
.orderMgt .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0
}

.orderMgt .checkbox-label .fa-check-square {
    background-color: #fff
}

.orderMgt .pad-20 {
    padding: 20px
}

.orderMgt .no-items {
    min-height: 342px;
    padding-top: 100px
}

.orderMgt .no-items h3 {
    margin-top: 0;
    margin-bottom: 15px
}

.orderMgt .no-items .fa {
    color: #cdcdcd;
    font-size: 52px;
    font-weight: 300
}

.orderMgt .posFixed {
    padding-left: 0
}

.orderMgt .affix-ads {
    position: fixed;
    top: 30px;
    right: 7px
}

.orderMgt .address-small {
    line-height: 11px;
    font-size: 11px;
    color: #acacac
}

.orderMgt .plant-name {
    line-height: 12px
}

@media only screen and (min-width:768px) {
    .bottom-fixed-checkout-bar {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .bottom-fixed-checkout-bar .checkout-button-section,
    .bottom-fixed-checkout-bar .price-section {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media only screen and (max-width:767px) {
    .bottom-fixed-checkout-bar {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bottom-fixed-checkout-bar .checkout-button-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .orderMgt {
        background-color: #e8e8e8
    }

    .orderMgt .tab-container {
        padding-left: 0
    }

    .orderMgt .tab-container .so-summary {
        padding-right: 0
    }

    .orderMgt .stock-order-cotent table.car-list-table>thead>th {
        padding: 8px 4px
    }

    .orderMgt .stock-order-cotent table.car-list-table>thead .line-no {
        padding: 8px 4px;
        width: 4%
    }

    .orderMgt .stock-order-cotent table.car-list-table>thead .part-no {
        padding: 8px 4px;
        width: 28%
    }

    .orderMgt .stock-order-cotent table.car-list-table>thead .bck-ordr,
    .orderMgt .stock-order-cotent table.car-list-table>thead .ext-price,
    .orderMgt .stock-order-cotent table.car-list-table>thead .ext-weight,
    .orderMgt .stock-order-cotent table.car-list-table>thead .qty,
    .orderMgt .stock-order-cotent table.car-list-table>thead .select-to-remove,
    .orderMgt .stock-order-cotent table.car-list-table>thead .ship-date,
    .orderMgt .stock-order-cotent table.car-list-table>thead .ship-from,
    .orderMgt .stock-order-cotent table.car-list-table>thead .unit-core-deposit,
    .orderMgt .stock-order-cotent table.car-list-table>thead .unit-price,
    .orderMgt .stock-order-cotent table.car-list-table>thead .uom {
        width: auto;
        padding: 8px 4px
    }

    .orderMgt .stock-order-cotent table.car-list-table>thead .part-no .search-part {
        float: left;
        position: relative input;
        position-width: 175px;
        position-padding-right: 0
    }

    .orderMgt .stock-order-cotent table.car-list-table>thead .part-no .search-part i,
    .orderMgt .stock-order-cotent table.car-list-table>thead .part-no .search-part img {
        position: absolute;
        top: 9px;
        right: 8px
    }

    .orderMgt .stock-order-cotent table.car-list-table>thead .select-to-remove .remove-box {
        text-align: center
    }

    .orderMgt .stock-order-cotent table.car-list-table tbody tr td {
        padding: 8px 4px
    }

    .orderMgt .stock-order-cotent table.car-list-table tbody tr td .qty-added {
        width: 45px;
        padding: 6px 5px;
        height: 27px
    }

    .orderMgt .stock-order-cotent table.car-list-table tbody tr td.td-date .date-wrapper .btn-calender {
        display: none
    }

    .orderMgt .stock-order-cotent table.car-list-table tbody tr td.td-date .date-wrapper input {
        height: 27px;
        padding: 8px 0;
        border-radius: 3px
    }

    .orderMgt .stock-order-cotent table.car-list-table tbody tr.no-data td {
        text-align: center;
        padding: 30px 0
    }

    .orderMgt .emer-order-cotent table.car-list-table>thead>th {
        padding: 8px 4px
    }

    .orderMgt .emer-order-cotent table.car-list-table>thead .line-no {
        padding: 8px 4px;
        width: 4%
    }

    .orderMgt .emer-order-cotent table.car-list-table>thead .part-no {
        padding: 8px 4px;
        width: 28%
    }

    .orderMgt .emer-order-cotent table.car-list-table>thead .bck-ordr,
    .orderMgt .emer-order-cotent table.car-list-table>thead .ext-price,
    .orderMgt .emer-order-cotent table.car-list-table>thead .ext-weight,
    .orderMgt .emer-order-cotent table.car-list-table>thead .qty,
    .orderMgt .emer-order-cotent table.car-list-table>thead .select-to-remove,
    .orderMgt .emer-order-cotent table.car-list-table>thead .ship-date,
    .orderMgt .emer-order-cotent table.car-list-table>thead .ship-from,
    .orderMgt .emer-order-cotent table.car-list-table>thead .unit-core-deposit,
    .orderMgt .emer-order-cotent table.car-list-table>thead .unit-price,
    .orderMgt .emer-order-cotent table.car-list-table>thead .uom {
        width: auto;
        padding: 8px 4px
    }

    .orderMgt .emer-order-cotent table.car-list-table>thead .part-no .search-part {
        float: left;
        position: relative input;
        position-width: 175px;
        position-padding-right: 0
    }

    .orderMgt .emer-order-cotent table.car-list-table>thead .part-no .search-part i,
    .orderMgt .emer-order-cotent table.car-list-table>thead .part-no .search-part img {
        position: absolute;
        top: 9px;
        right: 8px
    }

    .orderMgt .emer-order-cotent table.car-list-table>thead .select-to-remove .remove-box {
        text-align: center
    }

    .orderMgt .emer-order-cotent table.car-list-table tbody tr td {
        padding: 8px 4px
    }

    .orderMgt .emer-order-cotent table.car-list-table tbody tr.no-data td {
        text-align: center;
        padding: 30px 0
    }

    .orderMgt .btn-app-transparent {
        font-size: 13px;
        padding: 6px 2px;
        margin-bottom: 15px;
        margin-top: 5px
    }

    .orderMgt .btn-save {
        margin-top: 5px
    }

    .orderMgt .tab-container .so-summary .summery-text {
        font-size: 13px;
        margin-top: 3px;
        width: 85%
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .part-ipad {
        width: 100%;
        padding: 0
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .part-val-ipad {
        width: 100%;
        text-align: right;
        padding: 0
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .part-val-ipad p {
        text-align: right
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .qty-ipad {
        width: 100%;
        padding: 0
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .qty-val-ipad {
        width: 100%;
        text-align: right;
        padding: 0
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .qty-val-ipad p {
        text-align: right
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .tot-weight {
        width: 100%;
        padding: 0
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .tot-val-weight {
        width: 100%;
        text-align: right;
        padding: 0;
        margin-bottom: 10px
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .order-total {
        padding: 0
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .total-Qty {
        padding: 0;
        float: right
    }

    .orderMgt .tab-container .so-summary .bg-default-bg .total-Qty span {
        font-size: 18px
    }
}

.account-overview-modal-popup.in {
    top: 5% !important
}

.account-overview-modal-popup.in .modal-dialog .modal-content {
    min-height: 600px
}

.account-overview-modal-popup.in #accountOverviewPopup {
    padding: 35px;
    border-radius: 3px
}

.account-overview-modal-popup.in #accountOverviewPopup .proform-container .wrapper {
    min-height: 430px;
    padding: 20px
}

.account-overview-modal-popup.in #accountOverviewPopup .proform-container .wrapper .loading-container {
    display: -ms-flexbox;
    display: flex;
    height: 50vh;
    min-height: 430px
}

.account-overview-modal-popup.in #accountOverviewPopup .proform-container .wrapper .loading-container .loading-section {
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.account-overview-modal-popup.in #accountOverviewPopup .proform-container .wrapper .loading-container .loading-section .loader-title {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px
}

.account-overview-modal-popup.in #accountOverviewPopup .proform-container .wrapper .loading-container .loading-section .loader-desc {
    padding-top: 20px
}

.account-overview-modal-popup.in #accountOverviewPopup .proform-container .wrapper .comcl-profom-error {
    font-size: 20px;
    color: #f17e00;
    position: absolute;
    top: 350px;
    left: 43%
}

@media only screen and (min-device-width:300px) and (max-device-width:1023px) {

    .account-overview-modal-popup.in .header-text,
    .account-overview-modal-popup.in .packingslip-modal-popup.in .header-text {
        font-size: 16px !important
    }

    .account-overview-modal-popup.in .modal-dialog {
        width: auto;
        max-width: 100%;
        min-width: auto
    }

    .account-overview-modal-popup.in .list-group {
        margin-right: 10px
    }

    .account-overview-modal-popup.in .head,
    .account-overview-modal-popup.in .hide-on-print {
        margin: 10px !important
    }

    .account-overview-modal-popup.in .address-div {
        display: inline-table
    }

    .account-overview-modal-popup.in #accountOverviewPopup {
        padding: 35px 0 !important
    }

    .account-overview-modal-popup.in #accountOverviewPopup .list-group {
        margin-right: 10px
    }

    .account-overview-modal-popup.in .print-container {
        cursor: pointer;
        margin-right: 0 !important
    }

    .account-overview-modal-popup.in .pad-10 {
        padding: 0 20px
    }

    .account-overview-modal-popup.in .packing-slip-container {
        width: 100% !important
    }

    .account-overview-modal-popup.in .header-text .pzv-title-t1,
    .account-overview-modal-popup.in .header-text .pzv-title-t3 {
        font-size: 16px
    }

    .account-overview-modal-popup.in ng-pdf {
        width: 500px !important
    }

    .account-overview-modal-popup.in .email-container .dropdown-menu {
        padding: 5px;
        width: auto !important;
        background: #f6f6f6;
        left: -211px !important;
        top: 27px;
        border: 0
    }

    .account-overview-modal-popup.in .row.proform-container {
        margin: 10px !important
    }

    .account-overview-modal-popup.in .proform-container ng-pdf {
        width: 300px !important
    }

    .account-overview-modal-popup.in .left-container .comcl-profom-loading {
        position: absolute;
        left: 47% !important;
        top: 200px !important
    }

    .account-overview-modal-popup.in .left-container {
        width: 100% !important;
        float: none !important
    }
}

.account-overview-modal-popup.in .col-email-print,
.account-overview-modal-popup.in .download-excel {
    margin-bottom: 5px;
    cursor: pointer
}

.account-overview-modal-popup.in .email-container {
    display: inline-block
}

.account-overview-modal-popup.in .email-container a {
    color: #0093c6;
    text-decoration: none
}

.account-overview-modal-popup.in .email-container a.close-overlay {
    position: absolute;
    top: 0;
    right: 0
}

.account-overview-modal-popup.in .email-container a i {
    font-size: 18px;
    margin-right: 5px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu {
    padding: 5px;
    width: 686px;
    background: #f6f6f6;
    left: -635px;
    top: 27px;
    border: 0
}

.account-overview-modal-popup.in .email-container>.dropdown-menu h2 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 300;
    color: #9b9b9b;
    position: relative;
    padding-right: 30px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu h2 b {
    font-weight: 400
}

.account-overview-modal-popup.in .email-container>.dropdown-menu h2 a img {
    vertical-align: top
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form label {
    color: #b3b3b3;
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group .clear-email {
    color: #0093c6;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    margin-right: 10px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group textarea::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group textarea::-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group textarea:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group textarea:-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label {
    margin: 0 0 0 14px;
    color: #7f7f7f;
    font-weight: 600;
    font-size: 12px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square,
.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-square-o {
    color: #0093c6;
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square {
    background-color: #fff
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label:hover {
    cursor: pointer
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group p.err-txt {
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00;
    margin-top: 2px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-grp-txtarea {
    margin-bottom: 10px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form .form-group.btn-control .btn .glyphicon {
    margin-right: 5px
}

.account-overview-modal-popup.in .email-container>.dropdown-menu form p.top-err {
    font-weight: 600;
    color: #ff8a00
}

.account-overview-modal-popup.in .email-container>.dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    content: "";
    top: -10px;
    right: 35px;
    position: absolute
}

.account-overview-modal-popup.in .print-container {
    cursor: pointer;
    margin-right: 35px
}

.account-overview-modal-popup.in .fa-print {
    font-size: 18px;
    color: #0093c6
}

.loader {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 9;
    background: 0 0
}

.loader img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%
}

.main-section {
    background: #fff;
    margin: 5em auto;
    padding-left: 0;
    padding-right: 0
}

.main-section select {
    font-weight: 600
}

.main-section textarea {
    resize: vertical
}

.main-section .header-section {
    background: #09c;
    height: 100px
}

.main-section .header-section .justify-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.main-section .header-section .image-section {
    position: absolute;
    left: 30px
}

.main-section .header-section .image-section img {
    width: 80px
}

.main-section .header-section h2 {
    color: #fff
}

.main-section .body-section .form-horizontal {
    padding-top: 20px;
    padding-right: 10px
}

.main-section .body-section .form-horizontal .control-label {
    font-weight: 500
}

.main-section .body-section .form-horizontal select.form-control {
    -webkit-appearance: menulist
}

.main-section .body-section .form-horizontal .button-section {
    padding-bottom: 20px;
    padding-top: 5px;
    text-align: right
}

.main-section .body-section .form-horizontal .button-section .btn {
    padding: 5px 30px
}

.main-section .body-section .form-horizontal .button-section .btn-back {
    border: 1px solid #09c;
    background: #fff;
    color: #09c
}

.main-section .body-section .btn-submit,
.main-section .body-section .form-horizontal .button-section .btn-submit {
    background: #09c;
    color: #fff
}

.main-section .body-section .confirmation {
    text-align: center;
    padding: 40px
}

.main-section .body-section .confirmation .btn-submit {
    margin-top: 30px
}

.main-section .mobile-header-section {
    display: none
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .main-section .header-section {
        display: none
    }

    .main-section .mobile-header-section {
        display: block;
        background: #09c;
        height: 120px
    }

    .main-section .mobile-header-section .image-section {
        padding-top: 10px;
        text-align: center
    }

    .main-section .mobile-header-section .image-section img {
        width: 70px
    }

    .main-section .mobile-header-section h2 {
        color: #fff;
        text-align: center
    }

    .main-section {
        margin-top: 1em;
        margin-bottom: 1em
    }
}

.chat-btn-container {
    height: 51px;
    position: fixed;
    bottom: 36px;
    right: 49px;
    z-index: 1148
}

.chat-btn-container span {
    cursor: pointer
}

.chat-btn-container .tooltip .tooltip-inner {
    background-color: #09c !important;
    border-radius: 10%
}

.chat-btn-container .tooltip.left .tooltip-arrow {
    border-left-color: #09c
}

.chat-btn-container .chat-popup-wrapper {
    bottom: 6%;
    height: 70%;
    position: fixed;
    right: 10%;
    width: 26%;
    background: #fff;
    min-width: 335px
}

.chat-btn-container .chat-popup-wrapper .popup-head {
    background-color: #4c9acd;
    clear: both;
    color: #fff;
    display: inline-table;
    font-size: 14px;
    padding: 7px 15px 7px 5px;
    width: 100%
}

.chat-btn-container .chat-popup-wrapper .popup-head .chat-heading {
    margin: 5px
}

.chat-btn-container .chat-popup-wrapper .popup-head .live-chat-icon {
    width: 18%
}

.chat-btn-container .chat-popup-wrapper .popup-head .live-chat-text {
    padding-left: 5px;
    text-transform: capitalize;
    font-size: 19px
}

.chat-btn-container .chat-popup-wrapper .popup-head .min-icon {
    cursor: pointer;
    padding-top: 5px
}

.chat-btn-container .chat-popup-wrapper .popup-head .min-icon .cross {
    padding-left: 10px;
    color: red
}

.chat-btn-container .chat-popup-wrapper .popup-head .declaimer-container {
    margin-left: 5px;
    z-index: 50;
    background: #0e6198;
    margin-top: 5px;
    margin-bottom: -6px;
    padding-bottom: 5px;
    padding-top: 5px
}

.chat-btn-container .chat-popup-wrapper .popup-head .declaimer-container .declaimer-message {
    padding-left: 10px;
    float: left
}

.chat-btn-container .chat-popup-wrapper .popup-head .declaimer-container .declaimer-message .declaimer-text {
    margin-left: 5px;
    font-size: 15px;
    text-transform: capitalize
}

.chat-btn-container .blink_me {
    animation: blinker .5s ease-in-out 5
}

@keyframes blinker {
    100% {
        opacity: 0
    }
}

#emailModal .fa-check-square,
#emailModal .fa-square-o {
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle
}

#emailModal .pzv-title-tc1 {
    color: #f6f6f6
}

#emailModal .success-msg {
    text-align: center
}

#emailModal .success-msg h5 {
    color: #3FB300;
    font-weight: 700;
    font-size: 16px
}

#emailModal .modal-header {
    border: 0;
    background: #2f2f2f;
    padding: 0 15px
}

#emailModal .modal-header h2 {
    margin-top: 0;
    margin-bottom: 40px;
    position: relative;
    padding-right: 30px
}

#emailModal .modal-header h2 .close-overlay {
    position: absolute;
    right: 0;
    top: 5px
}

#emailModal .modal-header h2 b {
    font-weight: 400
}

#emailModal .modal-header h2 a img {
    vertical-align: top
}

#emailModal .modal-header .modal-close {
    font-size: xx-large;
    color: #fff;
    font-weight: 100;
    margin: 0;
    opacity: .9
}

#emailModal .modal-body {
    padding: 15px
}

#emailModal .modal-body .form-group label {
    font-size: 13px;
    font-weight: 600;
    cursor: pointer
}

#emailModal .modal-body .form-group label span {
    padding-left: 10px;
    vertical-align: middle
}

#emailModal .modal-body form .form-grp-txtarea {
    margin: 20px;
    max-height: 406px;
    overflow-x: hidden;
    overflow-y: scroll
}

#emailModal .modal-body form .email-address-layout {
    margin-left: 20px
}

#emailModal .modal-body form textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

#emailModal .modal-body form textarea::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#emailModal .modal-body form textarea::-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#emailModal .modal-body form textarea:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#emailModal .modal-body form textarea:-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#emailModal .modal-body form p.has-error {
    margin-top: 2px
}

#emailModal .modal-body form p.error {
    margin-top: 2px;
    padding: 0
}

#emailModal .modal-body form .err-txt {
    text-align: right;
    margin-bottom: 0;
    margin-top: 2px
}

#emailModal .modal-body form .checkbox-label .fa-check-square,
#emailModal .modal-body form .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

#emailModal .modal-body form .checkbox-label:hover {
    cursor: pointer
}

#emailModal .modal-body form .checkbox-label.disable-checkbox {
    pointer-events: none;
    opacity: .8
}

#emailModal .modal-body form .checkbox-label.disable-checkbox .fa-square-o {
    color: #b5b5b5
}

#emailModal .modal-body .btn-circle {
    width: 30px;
    height: 30px !important;
    padding: 2px;
    border-radius: 15px;
    text-align: center
}

#emailModal .modal-body .btn-circle .fa-plus {
    color: #ffff
}

#emailModal .modal-body .address-input {
    padding-top: 5px;
    padding-bottom: 5px
}

#emailModal .modal-body .address-input p {
    margin: 0
}

#emailModal .modal-body .address-delete {
    padding: 7px
}

#emailModal .modal-body .address-delete i {
    padding: 4px
}

#emailModal .modal-body .recaptcha {
    position: absolute;
    bottom: 0;
    padding-top: 10px
}

#emailModal .modal-footer .clear-email {
    text-decoration: none;
    outline: 0;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: 700
}

#emailModal .modal-footer .modal-send {
    font-weight: 700
}

#emailModal .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

#emailModal .btn-app {
    line-height: 16px
}

#emailModal .btn-app.active.focus,
#emailModal .btn-app.active:focus,
#emailModal .btn-app.focus,
#emailModal .btn-app:active.focus,
#emailModal .btn-app:active:focus,
#emailModal .btn-app:focus {
    outline: 0
}

#emailModal span.glyphicon-send {
    margin-right: 5px
}

#emailModal .rc-anchor-pt {
    display: none
}

#emailModal #recaptcha {
    display: inline-block;
    position: relative
}

#emailModal #recaptcha:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 3px;
    right: 5px;
    width: 100px;
    height: 70px;
    background-color: #f9f9f9
}

#page-footer {
    display: block;
    overflow: hidden
}

#page-footer .mainFooter.add-extra-mt {
    margin-top: 100px
}

#page-footer .mainFooter nav.navbar {
    margin: 0;
    border: none
}

#page-footer .mainFooter nav.navbar .footer-mid {
    padding-left: 8%
}

#page-footer .mainFooter nav.navbar .footer-bottom {
    overflow: hidden;
    width: 100%;
    padding: 11px 20px;
    margin: 0
}

#page-footer .mainFooter nav.navbar .footer-bottom .btm-txt-warpper,
#page-footer .mainFooter nav.navbar .footer-bottom .footer-logo,
#page-footer .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper {
    max-height: 54px;
    padding: 6px 0;
    line-height: 42px
}

#page-footer .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper {
    min-width: 155px
}

#page-footer .mainFooter nav.navbar .footer-bottom .btm-txt-warpper {
    text-align: center
}

#page-footer .mainFooter nav.navbar .footer-bottom .footer-logo {
    min-width: 120px;
    width: 100px;
    float: right
}

#page-footer .mainFooter nav.navbar .footer-bottom .btm-txt-warpper .pzv-color-link {
    color: #fff;
    margin-left: 10px
}

#page-footer .mainFooter nav.navbar .footer-bottom .footer-logo .powered-by {
    display: block;
    height: 45px;
    margin-top: 11px
}

#page-footer .mainFooter nav.navbar .footer-bottom .social-title {
    color: #cfcfcf;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px
}

#page-footer .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper ul.social-lnk-img-container {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: inline-block
}

#page-footer .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper ul.social-lnk-img-container li {
    display: inline-block;
    margin: 0 5px
}

#page-footer .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper ul.social-lnk-img-container li a {
    display: inline-block
}

#pzv-footer-new {
    display: block;
    overflow: hidden
}

#pzv-footer-new .mainFooter.add-extra-mt {
    margin-top: 100px
}

#pzv-footer-new .mainFooter nav.navbar {
    margin: 0;
    border: none
}

#pzv-footer-new .mainFooter nav.navbar .footer-mid {
    padding-left: 8%
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom {
    overflow: hidden;
    width: 100%;
    padding: 2px 48px;
    margin: 0
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    #pzv-footer-new .mainFooter nav.navbar .footer-bottom {
        padding: 0
    }
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .btm-txt-warpper,
#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-logo,
#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper {
    max-height: 54px;
    line-height: 20px
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper {
    padding: 13px 0 13px 25px;
    min-width: 155px
}

@media only screen and (min-device-width:319px) and (max-device-width:767px) {
    #pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper {
        text-align: center;
        padding-left: 0
    }

    #pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-logo {
        float: none !important;
        margin: 10px auto
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1022px) {
    #pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper {
        text-align: center;
        padding-left: 0
    }
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .btm-txt-warpper {
    padding: 13px 0;
    text-align: center
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    #pzv-footer-new .mainFooter nav.navbar .footer-bottom .btm-txt-warpper {
        padding: 8px 0
    }

    #pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-logo {
        float: none !important;
        margin: 10px auto
    }
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .btm-txt-warpper .pzv-color-link {
    color: #fff;
    margin-left: 0
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-logo {
    min-width: 120px;
    width: 100px;
    padding: 7px 0;
    float: right
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-logo .powered-by {
    display: block;
    height: 36px
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .social-title {
    color: #cfcfcf;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper ul.social-lnk-img-container {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: inline-block
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper ul.social-lnk-img-container li {
    display: inline-block;
    margin: 0 5px
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper ul.social-lnk-img-container li a {
    width: 38px;
    height: 25px;
    display: inline-block
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper ul.social-lnk-img-container li a .twitter-img {
    width: 20px
}

#pzv-footer-new .mainFooter nav.navbar .footer-bottom .footer-social-link-wrapper ul.social-lnk-img-container li a .linkedIn-img {
    width: 24px
}

#listpopver .row .col-sm-12 {
    line-height: 20px
}

#listpopver .row .col-sm-12 a {
    line-height: 20px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word
}

#listpopver .create-new-list-icon .fa-plus {
    float: none
}

#listpopver .ddlarrow {
    position: absolute;
    top: -22px;
    right: 9px
}

#listpopver .ddlarrow:before {
    content: " ";
    left: 60px;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 9px;
    margin-left: -10px
}

#listpopver .ddlarrow:after {
    bottom: 102%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#listpopver .marginlt {
    margin-left: 7px
}

#listpopver div.dropdownpopover {
    margin-top: 4px;
    width: 248px;
    padding: 15px 0 15px 10px;
    float: right;
    font-size: 14px
}

#listpopver div.dropdownpopover .create-new-list-icon i {
    float: left;
    font-size: 12px;
    margin: 5px 10px;
    font-weight: 600
}

#listpopver div.dropdownpopover div.popover .popover-inner {
    margin-top: -15px
}

#listpopver div.dropdownpopover .fa {
    margin: 0 10px
}

#listpopver div.dropdownpopover .list-names {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

#listpopver div.dropdownpopover label {
    font-size: 12px;
    color: #6e6e6e
}

#listpopver div.dropdownpopover .fa-cart-plus,
#listpopver div.dropdownpopover .text-info .listtag,
#listpopver div.dropdownpopover .text-info a.aaa {
    color: #09C
}

#listpopver div.dropdownpopover h5 {
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 600
}

#listpopver div.dropdownpopover hr.firsthr {
    height: 0;
    margin: 15px 20px 15px 15px
}

#listpopver div.dropdownpopover hr {
    margin-top: 0;
    margin-bottom: 8px
}

#listpopver div.dropdownpopover a {
    cursor: pointer
}

#listpopver div.dropdownpopover a:hover {
    text-decoration: none
}

#listpopver div.dropdownpopover .text-info {
    color: #09C;
    margin-bottom: 6px
}

#listpopver div.dropdownpopover .text-info .listtag:hover {
    background-color: green;
    text-decoration: none
}

#listpopver div.dropdownpopover .text-info a.aaa span {
    color: #8f8f8f;
    margin-left: 3px
}

#listpopver div.dropdownpopover .text-info a.aaa:hover {
    background-color: #f2ceda !important;
    padding: 1px 3px
}

.mylist-bulk-tbl .tooltip {
    z-index: auto !important
}

.share-overlay {
    top: 20px
}

.cancel-list-update-btn {
    padding: 4px 12px
}

.mylist.pz-alert {
    width: 33%
}

.my-modal-popup.manage-mylist-popup {
    top: 0 !important
}

.mylist {
    background-color: #E8E8E8;
    margin-top: 3px
}

.mylist input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.mylist input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.mylist .btn[disabled] {
    background-color: #dbdbdb !important;
    border: none;
    color: #acacac;
    cursor: default
}

.mylist .btn[disabled]:hover {
    color: #acacac
}

.mylist .breadcrumb-row {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px
}

.mylist .breadcrumb-row .breadcrumb {
    background-color: #FFF;
    font-weight: 600;
    margin-bottom: 0;
    padding: 8px 10px;
    box-shadow: none
}

.mylist .breadcrumb-row .breadcrumb li+li:before {
    padding: 0 5px;
    content: "> ";
    font-size: 10px;
    color: #777
}

.mylist .breadcrumb-row .breadcrumb a:hover {
    cursor: pointer
}

.mylist a {
    outline: 0;
    text-decoration: none !important
}

.mylist .Secondsection a:hover,
.mylist .listspace li a:active,
.mylist .listspace li a:focus,
.mylist .listspace li a:hover,
.mylist .wrap .createicon a,
.mylist .wrap .manageicon a {
    text-decoration: none
}

.mylist .list-loading {
    height: 275px
}

.mylist .list-loading .loading-text {
    text-align: center;
    padding: 50px 35%
}

.mylist .list-loading .fa-spinner {
    padding-left: 35px
}

.mylist .pckg-qty-err {
    font-weight: 600;
    color: #414141;
    text-align: left;
    font-size: 11px;
    position: relative;
    display: table;
    line-height: 12px
}

.mylist .pckg-qty-err .fa-info-circle {
    display: table-cell;
    color: #6e6e6e;
    font-size: 11px;
    padding-right: 5px;
    position: relative;
    left: 0;
    top: 0;
    margin: 0
}

.mylist .replace-part-no {
    line-height: 15px;
    display: inline-block;
    float: left;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #6e6e6e
}

.mylist .btn-add-all-to-cart,
.mylist .btn-add-all-to-cart-bottom {
    height: 27px;
    font-size: 11px;
    line-height: 11px
}

.mylist .replace-part-no a {
    font-weight: 700;
    color: #09c
}

.mylist .btn-app.active.focus,
.mylist .btn-app.active:focus,
.mylist .btn-app.focus,
.mylist .btn-app:active.focus,
.mylist .btn-app:active:focus,
.mylist .btn-app:focus {
    outline: 0
}

.mylist .btn-add-all-to-cart-bottom {
    float: right;
    margin: 0 9px 18px 0
}

.mylist .input-group-sm>.form-control,
.mylist .input-group-sm>.input-group-addon,
.mylist .input-group-sm>.input-group-btn>.btn,
.mylist .input-sm {
    height: 32px;
    border-radius: 3px
}

.mylist .fa-info-circle {
    color: #6e6e6e;
    font-size: 20px;
    margin: 10px 8px
}

.mylist .email-lnk>div {
    display: inline-block
}

.mylist .email-print-wrapper {
    position: absolute;
    right: 28px;
    top: -28px
}

.mylist .email-print-wrapper pzv-share-list {
    display: inline-block;
    margin-right: 20px
}

.mylist .email-print-wrapper>a {
    margin-right: 20px
}

.mylist .err-txt.not-valid-part {
    color: #ff9d02;
    font-weight: 600;
    line-height: 15px;
    display: inline-block
}

.mylist .glyphicon-ok {
    color: #39a200;
    margin-right: 5px
}

.mylist .glyphicon-remove {
    color: red;
    margin-right: 10px
}

.mylist .cross {
    position: absolute;
    top: 7px;
    right: 43px;
    z-index: 300
}

.mylist .fa-check-square {
    padding-right: 5px;
    font-size: 16px;
    vertical-align: middle
}

.mylist .fa-check-square.left-position {
    margin-left: 13px
}

.mylist .fa-square-o {
    padding-right: 5px;
    font-size: 18px;
    vertical-align: middle
}

.mylist .fa-square-o.left-position {
    margin-left: 14px
}

.mylist table.mylist-bulk-tbl>thead>tr>th div .pzv-sort-icon .fa,
.mylist table.mylist-bulk-tbl>thead>tr>th.th-select>div .pzv-sort-icon .fa {
    margin-left: 0;
    margin-right: 0
}

.mylist .my-list-top-cntrl {
    margin-top: 20px;
    margin-bottom: 15px
}

.mylist .my-list-top-cntrl.btm-cntrl {
    margin-top: 0
}

.mylist .my-list-top-cntrl .update-check {
    position: absolute;
    top: -40px;
    left: 4px
}

.mylist .my-list-top-cntrl .table-top-action {
    padding: 0;
    list-style-type: none
}

.mylist .my-list-top-cntrl .table-top-action .last-updated {
    color: #acacac;
    font-weight: 600
}

.mylist .my-list-top-cntrl .table-top-action .last-updated i {
    font-size: 13px;
    margin-right: 7px
}

.mylist .my-list-top-cntrl .table-top-action .disable {
    color: #b6b6b6;
    cursor: not-allowed
}

.mylist .my-list-top-cntrl .table-top-action .permission-denied {
    background-color: #f7f6f6;
    opacity: .4;
    cursor: not-allowed;
    z-index: 100
}

.mylist .Secondsection .mylisttable tbody tr.qtyUpdateInProgress,
.mylist table.mylist-bulk-tbl>tbody>tr.qtyUpdateInProgress {
    opacity: .6;
    pointer-events: none
}

.mylist .my-list-top-cntrl .table-top-action a {
    display: inline-block;
    margin-right: 10px
}

.mylist .my-list-top-cntrl .table-top-action a img.import-icon {
    position: relative;
    top: -2px;
    margin-right: 5px
}

.mylist .my-list-top-cntrl .table-top-action a>i {
    font-size: 14px
}

.mylist .my-list-top-cntrl .table-top-action a:hover {
    background: 0 0
}

.mylist .my-list-top-cntrl .table-top-action a.link-disable {
    pointer-events: none;
    cursor: not-allowed;
    color: #acacac
}

.mylist .my-list-top-cntrl .table-top-action a.dropdown-link {
    display: block;
    margin: 0;
    padding: 8px 15px;
    font-size: 14px
}

.mylist .my-list-top-cntrl .table-top-action a.dropdown-link:before {
    border-bottom: 11px solid #acacac;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    width: 0;
    height: 0;
    content: "";
    top: -11px;
    right: 11px;
    position: absolute
}

.mylist .my-list-top-cntrl .table-top-action a.dropdown-link:after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 0;
    height: 0;
    content: "";
    top: -9px;
    right: 12px;
    position: absolute
}

.mylist .my-list-top-cntrl .table-top-action .btn {
    position: relative;
    top: -2px;
    padding: 6px 12px
}

.mylist .my-list-top-cntrl .table-top-action .btn .fa-caret-down {
    margin-right: 0
}

.mylist .my-list-top-cntrl .table-top-action .btn-group .dropdown-menu {
    right: 0 !important;
    left: inherit;
    padding: 0
}

.mylist .my-list-top-cntrl .table-top-action .btn-group .dropdown-menu .divider {
    margin: 0
}

.mylist table.mylist-bulk-tbl {
    margin-bottom: 20px
}

.mylist table.mylist-bulk-tbl .checkbox-label {
    margin-top: 10px
}

.mylist table.mylist-bulk-tbl>tfoot>tr>td {
    font-weight: 700;
    font-size: 16px;
    color: #6d6d6d;
    border-top: 0
}

.mylist table.mylist-bulk-tbl>thead {
    text-align: left
}

.mylist table.mylist-bulk-tbl>thead>tr>th {
    padding-left: 8px;
    vertical-align: top
}

.mylist table.mylist-bulk-tbl>thead>tr>th.th-select {
    width: 7%;
    padding-right: 0
}

.mylist table.mylist-bulk-tbl>thead>tr>th.th-select>div .header-txt {
    padding-right: 0
}

.mylist table.mylist-bulk-tbl>thead>tr>th.th-select>div .sort-arrow {
    padding-left: 0
}

.mylist table.mylist-bulk-tbl>thead>tr>th.th-line-num {
    width: 6%
}

.mylist table.mylist-bulk-tbl>thead>tr>th.th-part-num {
    width: 25%
}

.mylist table.mylist-bulk-tbl>thead>tr>th.th-qty {
    width: 20%
}

.mylist table.mylist-bulk-tbl>thead>tr>th.th-req-dt {
    width: 14%
}

.mylist table.mylist-bulk-tbl>thead>tr>th.th-unt-cr-prc,
.mylist table.mylist-bulk-tbl>thead>tr>th.th-unt-prc {
    width: 10%
}

.mylist table.mylist-bulk-tbl>thead>tr>th div {
    position: relative;
    display: inline-block
}

.mylist table.mylist-bulk-tbl>thead>tr>th div:hover {
    cursor: pointer
}

.mylist table.mylist-bulk-tbl>thead>tr>th div .header-txt {
    display: inline-block;
    white-space: nowrap;
    float: left
}

.mylist table.mylist-bulk-tbl>thead>tr>th div .sort-arrow {
    padding-left: 5px;
    width: auto;
    float: left
}

.mylist table.mylist-bulk-tbl>thead>tr>th div.action-fld {
    display: block;
    text-align: center
}

.mylist table.mylist-bulk-tbl>thead>tr>th div.action-fld.form-group {
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
    margin-top: 5px;
    position: relative
}

.mylist table.mylist-bulk-tbl>thead>tr>th div.action-fld.form-group i {
    position: absolute;
    right: 7px;
    top: 11px;
    font-size: 12px;
    color: #ccc
}

.mylist table.mylist-bulk-tbl>thead>tr>th div.action-fld.form-group img.cross-icon {
    position: absolute;
    top: 12px;
    z-index: 1049;
    cursor: pointer;
    right: 11px;
    width: 11px;
    height: 11px
}

.mylist table.mylist-bulk-tbl>tbody {
    border-bottom: 1px solid #f1f1f1
}

.mylist table.mylist-bulk-tbl>tbody>tr>td {
    padding: 8px;
    vertical-align: middle
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .single-part-entry {
    font-size: 11px;
    font-weight: 600;
    color: #494949;
    height: 29px;
    border-radius: 3px;
    box-shadow: none
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .single-part-entry.err-list-input {
    border: 1px solid #ff9d02;
    box-shadow: none
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-txt-right {
    text-align: right
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .exp-qty-status {
    color: #414141;
    position: relative;
    top: -9px;
    font-size: 11px;
    margin-left: 5px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .exp-qty-status>.fa {
    font-size: 14px;
    margin-right: 3px;
    margin-left: 0
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .exp-qty-status>.fa.fa-check {
    color: #39A200
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .exp-qty-status>.fa.fa-exclamation-triangle {
    color: #ff8a00
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .exp-qty-status>.avl-qty-txt {
    font-weight: 700;
    color: #414141;
    text-align: left;
    font-size: 11px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .avl-qty-info {
    font-weight: 600;
    color: #414141;
    text-align: left;
    font-size: 11px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .pckg-qty-err {
    font-weight: 700;
    color: #414141;
    text-align: left;
    font-size: 11px;
    margin-top: 5px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .pckg-qty-err>.fa {
    color: #6e6e6e;
    font-size: 13px;
    margin-right: 3px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.list-item-delete {
    text-align: center
}

.mylist table.mylist-bulk-tbl>tbody>tr>td.list-item-delete .list-item-delete-box {
    padding: 15px 0;
    background: #fff67b;
    border-radius: 3px;
    border: 1px dashed #ccc;
    color: #232323;
    font-size: 12px;
    font-weight: 600
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .itm-part-details {
    cursor: pointer;
    overflow: hidden
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .itm-part-details .part-img {
    float: left;
    width: 40px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .itm-part-details .part-num-name {
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 85%
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .itm-part-details .part-num-name .part-num {
    text-transform: uppercase
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .itm-part-details .part-num-name .part-name {
    word-break: break-word
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .itm-part-details .part-num-name .part-exception {
    font-size: 11px;
    cursor: default
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .rtb-failed {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 10px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .rtb-failed i {
    font-size: 14px;
    color: #ff9d02;
    display: table-cell;
    vertical-align: middle
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .rtb-failed span {
    font-size: 11px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .rtb-failed span a {
    cursor: pointer
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .number-container {
    display: inline-block;
    overflow: hidden
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .number-container input[type=number] {
    width: 75px;
    outline: 0;
    padding: 8px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .number-container input.qty-err {
    border: 2px solid #ff9d02 !important
}

.mylist table.mylist-bulk-tbl>tbody>tr>td .spinner-wrapper {
    position: relative;
    top: -8px
}

.mylist table.mylist-bulk-tbl>tbody>tr>td p.date-wrapper .date-txt {
    width: 90px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.mylist table.mylist-bulk-tbl>tbody>tr.no-result-row td {
    border: 1px solid #f1f1f1;
    height: 200px;
    text-align: center;
    color: #323232;
    font-size: 20px;
    font-weight: 400
}

.mylist .list-header {
    color: #ccc;
    cursor: pointer;
    margin: 0 10px
}

.mylist .list-header h1 {
    margin-top: 25px;
    padding-left: 9px
}

.mylist .rfq-header h1 {
    margin-top: 50px;
    float: left;
    margin-left: 15px
}

.mylist .rfq-header p {
    font-size: 14px
}

.mylist .rfq-body .view-parts-added {
    width: 100%;
    float: left;
    text-align: center
}

.mylist .rfq-body .view-parts-added p {
    margin: 0;
    padding: 0
}

.mylist .rfq-body .view-parts-added i {
    font-size: 18px
}

.mylist .list-active {
    color: #777;
    cursor: default
}

.mylist .mylist-container {
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative
}

.mylist .mylist-container .list-whole-container {
    padding-right: 20px
}

.mylist .mylist-container .msg-div {
    position: absolute;
    top: 28px;
    left: 324px;
    font-size: 18px
}

.mylist .mylist-container .msg-div span.glyphicon-ok {
    color: #39a200;
    margin-right: 5px
}

.mylist .print-div .tyotext,
.mylist .text-info .tyotext {
    color: #b3b3b3;
    font-weight: 400;
    font-size: 11px;
    margin-left: 5px
}

.mylist .mylist-container .msg-div .gotocart {
    background-color: #0093c6;
    border-color: #0093c6;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px
}

.mylist .headspace {
    margin: 10px 0 10px 8px
}

.mylist .headspace input[type=search] {
    width: 100%
}

.mylist .headspace .fa-search,
.mylist .headspace .glyphicon-search {
    position: absolute;
    right: 21px;
    top: 19px;
    font-size: 15px
}

.mylist .headspace img {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 15px
}

.mylist .listspace li {
    line-height: 2em;
    font-size: 15px
}

.mylist .listspace li a {
    margin-left: 30px
}

.mylist .listspace li a:active,
.mylist .listspace li a:focus {
    border: 1px solid #ddd;
    padding: 5px 0 5px 5px;
    display: block;
    margin-left: 20px;
    text-decoration: none
}

.mylist .print-div {
    cursor: pointer;
    display: inline-block
}

.mylist .wrap .createicon,
.mylist .wrap .manageicon {
    position: absolute;
    top: 0;
    font-size: 16px;
    color: #0093c6
}

.mylist .tab-content>.active {
    display: block;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 20px 5px 0
}

.mylist .nav-tabs>li {
    background-color: #eee
}

.mylist .nav-tabs>li.active>a,
.mylist .nav-tabs>li.active>a:focus,
.mylist .nav-tabs>li.active>a:hover {
    cursor: default
}

.mylist .fa-envelope.envelope-disable:hover,
.mylist .fa-print.print-disable:hover {
    cursor: not-allowed
}

.mylist .wrap .createicon {
    right: 13%
}

.mylist .wrap .manageicon {
    right: 10px
}

.mylist .btn-default {
    background-color: #673AB7;
    color: #b4788c;
    font-weight: 600;
    border: 1px solid #673AB7
}

.mylist .btn-default:active,
.mylist .btn-default:focus,
.mylist .btn-default:hover {
    background-color: #673AB7;
    color: #b4788c;
    border: 1px solid #b4788c
}

.mylist .fa {
    margin-left: 5px;
    margin-right: 5px
}

.mylist .fa-envelope {
    font-size: 18px
}

.mylist .fa-print {
    font-size: 18px;
    color: #0093c6
}

.mylist .fa-print.print-enable {
    color: #0093c6
}

.mylist .fa-print.print-disable {
    color: #acacac
}

.mylist .Secondsection .rfq-container {
    width: 100%;
    float: left
}

.mylist .Secondsection .rfq-container .rfq-wrap {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 10px
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-header {
    width: 100%;
    float: left
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-header label {
    float: left;
    padding: 0;
    margin: 12px 0 0 15px
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-header p {
    float: right;
    padding: 0;
    margin: 12px 15px 9px 0;
    font-size: 16px;
    font-weight: 700;
    color: #242424
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body {
    width: 100%;
    float: left
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body a {
    margin-top: 20px;
    padding: 6px;
    white-space: normal;
    line-height: 16px
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body table thead tr th:nth-child(1) {
    width: 20%
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body table thead tr th:nth-child(2) {
    width: 30%
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body table thead tr th:nth-child(3) {
    width: 40%
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body table thead tr th:nth-child(4) {
    width: 10%
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body table tbody tr td p {
    margin: 0;
    padding: 0
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body table tbody tr td:nth-child(3) {
    text-align: left
}

.mylist .Secondsection .rfq-container .rfq-wrap .rfq-body table tbody tr .list-item-delete .list-item-delete-box {
    padding: 10px 0;
    background: #fff67b;
    border-radius: 3px;
    border: 1px dashed #ccc;
    color: #232323;
    font-size: 12px;
    font-weight: 600;
    text-align: center
}

.mylist .Secondsection .rfq-container .rfq-empty-wrap {
    padding-top: 45px;
    text-align: center;
    width: 100%;
    height: 165px;
    border: 1px solid #c8c8c8;
    border-radius: 3px
}

.mylist .Secondsection .rfq-container .rfq-empty-wrap .fa-exclamation-triangle {
    color: #666
}

.mylist .Secondsection .rfq-container .rfq-empty-wrap p {
    text-align: center;
    color: #666;
    font-size: 12px;
    width: 100%;
    float: left;
    margin: 0
}

.mylist .Secondsection .list-group-item {
    border: none;
    margin: 0;
    background-color: transparent;
    padding-left: 10px
}

.mylist .Secondsection .manage-list-block {
    font-size: 13px;
    padding-left: 20px
}

.mylist .Secondsection .manage-list-block .fa-plus {
    margin-left: 0
}

.mylist .Secondsection .manage-list-block .manage-list a {
    display: table
}

.mylist .Secondsection .manage-list-block .manage-list a i.fa-cog {
    display: table-cell;
    padding-right: 5px
}

.mylist .Secondsection .manage-list-block .manage-list .disablelink {
    color: #ccc;
    cursor: default
}

.mylist .Secondsection .manage-list-block .create-list {
    padding: 0
}

.mylist .Secondsection .manage-list-block .create-list a {
    width: 80px;
    display: table;
    font-size: 11px
}

.mylist .Secondsection .manage-list-block .create-list a .fa-plus {
    display: table-cell;
    padding-right: 5px
}

.mylist .Secondsection .listName a {
    padding: 0 0 10px 10px
}

.mylist .Secondsection .listName .list-group-item .fa-chevron-right {
    display: none
}

.mylist .Secondsection .list-group-item span {
    word-break: break-word;
    display: inline-block;
    width: 80%
}

.mylist .Secondsection .list-group-item .fa-chevron-right {
    margin-right: 0
}

.mylist .Secondsection .listName .list-group-item.active .fa-chevron-right {
    display: block;
    margin-top: 4px
}

.mylist .Secondsection .no-list-msg {
    display: table;
    margin-left: 8px;
    margin-right: 8px;
    font-weight: 400;
    font-size: 13px;
    color: #323232
}

.mylist .Secondsection .no-list-msg i {
    display: table-cell;
    font-size: 14px
}

.mylist .Secondsection .no-list-msg p {
    display: table-cell;
    padding-left: 5px
}

.mylist .Secondsection .zeroitemmsg {
    text-align: center;
    margin: 100px 18%;
    font-size: 20px
}

.mylist .Secondsection .ssleftborder {
    min-height: 350px;
    border-radius: 3px
}

.mylist .Secondsection .ssleftborder .empty-list {
    margin-top: 40px
}

.mylist .Secondsection .ssleftborder .empty-list p {
    width: 100%;
    float: left;
    color: #666;
    text-align: center;
    font-size: 18px
}

.mylist .Secondsection .ssleftborder .empty-list span {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px
}

.mylist .Secondsection .ssleftborder .empty-list span input {
    background: #0093C6;
    border-radius: 3px;
    border: none
}

.mylist .Secondsection .ssleftborder .table-padding {
    padding-right: 20px;
    padding-left: 20px
}

.mylist .Secondsection .ssleftborder .table-padding .no-data {
    text-align: center;
    padding-top: 30px;
    font-size: 20px;
    color: #323232
}

.mylist .Secondsection .ssleftborder .data-header {
    padding: 20px;
    height: 70px
}

.mylist .Secondsection .ssleftborder .data-header .search-part {
    margin-left: -10px;
    position: relative
}

.mylist .Secondsection .ssleftborder .data-header .search-part .glyphicon-search,
.mylist .Secondsection .ssleftborder .data-header .search-part img {
    position: absolute;
    right: 11px;
    top: 10px;
    font-size: 15px
}

.mylist .Secondsection .ssleftborder .data-header .search-part button {
    background: #f9f9f9;
    border-left: 1px solid #dbdbdb
}

.mylist .Secondsection .ssleftborder .data-header .search-part button i {
    color: #0093c6
}

.mylist .Secondsection .empty-list-panel {
    background: 0 0;
    min-height: 165px;
    box-shadow: none;
    border: 1px solid #c8c8c8
}

.mylist .Secondsection .table-responsive {
    padding: 0
}

.mylist .Secondsection .table-responsive .fa-trash {
    font-size: 14px;
    color: #6e6e6e
}

.mylist .Secondsection .mylisttable .priceTd {
    padding-right: 12px
}

.mylist .Secondsection .mylisttable th {
    vertical-align: top
}

.mylist .Secondsection .mylisttable th.th-add-all-to-cart {
    border-right: 0
}

.mylist .Secondsection .mylisttable .partNameHead {
    width: 40%
}

.mylist .Secondsection .mylisttable .partNameHead .pzv-sort-icon .fa {
    margin-left: 0;
    margin-right: 0
}

.mylist .Secondsection .mylisttable .date-added {
    min-width: 100px
}

.mylist .Secondsection .mylisttable tbody a {
    cursor: pointer
}

.mylist .Secondsection .mylisttable tbody td {
    vertical-align: middle
}

.mylist .Secondsection .mylisttable tbody td .rtb-failed {
    width: 184px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mylist .Secondsection .mylisttable tbody td .rtb-failed i {
    font-size: 14px
}

.mylist .Secondsection .mylisttable tbody td .rtb-failed span {
    font-size: 11px
}

.mylist .Secondsection .mylisttable tbody td .number-container {
    display: inline-block;
    overflow: hidden
}

.mylist .Secondsection .mylisttable tbody td .number-container input[type=number] {
    width: 75px;
    padding: 8px
}

.mylist .Secondsection .mylisttable tbody td .spinner-wrapper {
    position: relative;
    top: -8px
}

.mylist .Secondsection .mylisttable tbody td:first-child {
    width: 20%
}

.mylist .Secondsection .mylisttable tbody td:last-child {
    text-align: center;
    width: 4%
}

.mylist .Secondsection .mylisttable tbody td:nth-child(2),
.mylist .Secondsection .mylisttable tbody td:nth-child(2) .detailWidth,
.mylist .Secondsection .mylisttable tbody td:nth-child(2) .part-img,
.mylist .Secondsection .mylisttable tbody td:nth-child(2) .part-number,
.mylist .Secondsection .mylisttable tbody td:nth-child(4) {
    width: 10%
}

.mylist .Secondsection .mylisttable tbody td:nth-child(3) {
    width: 10%;
    min-width: 122px
}

.mylist .Secondsection .mylisttable tbody td .qtysize {
    width: 100%
}

.mylist .Secondsection .mylisttable tbody td .qty-edit-val i {
    display: none
}

.mylist .Secondsection .mylisttable tbody td .qty-edit-val:hover i {
    display: block
}

.mylist .Secondsection .mylisttable tbody tr.tr-add-all-to-cart>td {
    border: 0
}

.mylist .Secondsection .mylisttable tbody td.actionTd {
    min-width: 150px
}

.mylist .Secondsection .mylisttable tbody td.actionTd .add-cart,
.mylist .Secondsection .mylisttable tbody td.actionTd .addrfq {
    font-size: 13px;
    font-weight: 600;
    color: #acacac
}

.mylist .Secondsection .mylisttable tbody td.actionTd .rtb-failed {
    display: table
}

.mylist .Secondsection .mylisttable tbody td.actionTd .rtb-failed .fa-exclamation-triangle {
    color: #ff9d02;
    display: table-cell;
    padding-right: 8px;
    vertical-align: middle
}

.mylist .Secondsection .mylisttable tbody td.actionTd .rtb-failed span {
    display: table-cell
}

.mylist .Secondsection .mylisttable tbody td.actionTd button {
    margin-bottom: 10px
}

.mylist .Secondsection .mylisttable tbody .list-item-delete .list-item-delete-box {
    padding: 15px 0;
    background: #fff67b;
    border-radius: 3px;
    border: 1px dashed #ccc;
    color: #232323;
    font-size: 12px;
    font-weight: 600
}

.mylist .Secondsection .mylisttable .checkbox-label {
    margin: 0
}

.mylist .Secondsection .mylisttable .checkbox-label .fa-check-square,
.mylist .Secondsection .mylisttable .checkbox-label .fa-square-o {
    color: #0093c6;
    font-size: 16px;
    margin-left: 0
}

.mylist .Secondsection .mylisttable .checkbox-label .fa-check-square {
    background-color: #fff
}

.mylist .Secondsection hr {
    border-top: 1px solid #9d9b9b
}

.mylist .Secondsection .Requesttable {
    margin-left: 10px
}

.mylist .Secondsection .Requesttable tbody td .detailbtn {
    padding: 2px 5px
}

@media screen {

    #printSection,
    .partdetails-print-tbl {
        display: none
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .mylist .Secondsection .zeroitemmsg {
        margin: 100px 12%;
        font-size: 18px;
        text-align: center
    }

    .mylist .Secondsection .mylist-bulk-tbl tbody .td-qty .exp-qty-status {
        width: 100%;
        margin-top: 10px;
        display: block;
        margin-left: 0
    }

    .mylist .Secondsection .rfq-container .rfq-wrap .rfq-body a {
        font-size: 11px
    }

    .mylist .Secondsection .rfq-container .rfq-wrap .rfq-body .added-to-rfq-tbl tr>td,
    .mylist .Secondsection .rfq-container .rfq-wrap .rfq-body .added-to-rfq-tbl tr>th {
        padding: 8px 0 8px 8px
    }

    .mylist .Secondsection .manage-list-block .create-list {
        width: 100%
    }

    .mylist .Secondsection .manage-list-block .manage-list {
        width: 100%;
        padding: 5px 0 0
    }

    .mylist .Secondsection .manage-list-block .manage-list .fa-cog {
        margin-left: 0
    }

    .mylist .Secondsection .mylisttable .date-added {
        min-width: 80px
    }

    .mylist .notify-msg {
        font-size: 14px
    }

    .mylist .notify-msg .fa-check-circle {
        font-size: 20px;
        padding-right: 12px
    }
}

@media print {
    .print-logo {
        display: block !important;
        margin-top: 40px !important;
        margin-bottom: 20px !important;
        width: 105px !important
    }

    .avl-qty-info,
    .data-header,
    .data-header *,
    .email-print-wrapper,
    .email-print-wrapper *,
    .exp-qty-status,
    .left-panel,
    .my-list-top-cntrl,
    .mylist-bulk-tbl tbody .new-part-entry-row,
    .mylist-bulk-tbl tbody .new-part-entry-row *,
    .mylist-bulk-tbl tfoot,
    .mylist-bulk-tbl thead tr th .action-fld,
    .mylist-bulk-tbl thead tr th .fa,
    .mylist-bulk-tbl tr td .single-part-entry,
    .mylist-bulk-tbl tr td:last-child,
    .mylist-bulk-tbl tr td:last-child label,
    .mylist-bulk-tbl tr td:nth-child(5) span,
    .mylist-bulk-tbl tr td:nth-child(6) span,
    .mylist-bulk-tbl tr th .glyphicon,
    .mylist-bulk-tbl tr th input[type=text],
    .mylist-bulk-tbl tr th:last-child,
    .mylisttable .disable-rfq-print,
    .partdetails-div,
    .print-section .actionTd,
    .print-section .deleteTd,
    .print-section .mylisttable .sort-arrow,
    .print-section .priceTd,
    .sort-arrow {
        display: none
    }

    a[href]:after {
        content: none !important
    }

    .partdetails-print-tbl td {
        text-align: left
    }

    .partdetails-print-tbl td .print-thumbnail {
        width: 50px;
        height: 50px
    }

    .part-img,
    .partDetails {
        float: left
    }

    .print-section input[type=number] {
        border: none !important
    }

    .print-section .mylisttable .row {
        width: 100% !important
    }

    .print-section .mylisttable .col-md-1,
    .print-section .mylisttable .col-md-10,
    .print-section .mylisttable .col-md-11,
    .print-section .mylisttable .col-md-12,
    .print-section .mylisttable .col-md-2,
    .print-section .mylisttable .col-md-3,
    .print-section .mylisttable .col-md-4,
    .print-section .mylisttable .col-md-5,
    .print-section .mylisttable .col-md-6,
    .print-section .mylisttable .col-md-7,
    .print-section .mylisttable .col-md-8,
    .print-section .mylisttable .col-md-9 {
        float: left !important
    }

    .print-section .mylisttable .col-md-4 {
        width: 33.333%
    }

    .print-section .mylisttable .col-md-6 {
        display: inline-block;
        width: 50%
    }

    .print-section .add-to-cart-all,
    .print-section .btn-add-all-to-cart {
        display: none
    }
}

.cross-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 47px;
    top: 10px;
    z-index: 1049;
    cursor: pointer
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .mylist table.mylist-bulk-tbl>tbody>tr>td .itm-part-details .part-num-name {
        float: left;
        padding-left: 10px;
        padding-right: 5px;
        width: 80%
    }

    .mylist table.mylist-bulk-tbl>tbody>tr>td.td-qty .exp-qty-status {
        color: #414141;
        position: static;
        font-size: 11px;
        margin-left: 0;
        white-space: nowrap
    }

    .mylist .email-print-wrapper {
        right: 16px
    }

    .mylist .email-print-wrapper>a {
        margin-right: 15px
    }
}

.list-unstyled li .checkbox_icon,
.list-unstyled li .rfq_table .row_data {
    float: right
}

@media only screen and (max-width:768px) {
    .mylist .d_inline {
        display: inline-block
    }

    .mylist .Secondsection .list-group-item {
        display: inline-block;
        margin: 4px 8px 4px 0;
        padding: 5px !important;
        border: 1px solid #c6c6c6;
        background: #fff;
        border-radius: 3px
    }

    .mylist .Secondsection .list-group-item span {
        width: 100%
    }

    .mylist .Secondsection .list-group-item.active {
        border: 1px solid #4d99cd;
        background-color: #09c;
        color: #fff
    }

    .mylist .email-print-wrapper {
        top: -22px;
        right: 7px
    }

    .manage-list-block {
        margin-bottom: 7px
    }

    .shared_with_me {
        margin-bottom: 40px !important
    }

    .my_list_in_mobile .info_error {
        font-size: 12px;
        color: #7b7878
    }

    .my_list_in_mobile table {
        width: 100% !important
    }
}

.list-unstyled li {
    border: 1px solid #e6e6e6;
    border-radius: 7px;
    padding: 15px 10px;
    margin-bottom: 10px
}

.list-unstyled li .checkbox_icon i {
    font-size: 20px
}

.list-unstyled li .spinner-wrapper i {
    margin-top: 10px
}

.list-unstyled li .pzv-tbl-tc2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block
}

.list-unstyled li table {
    margin-bottom: 0
}

.list-unstyled li table td {
    padding: 10px 0 0
}

.list-unstyled li table .row_title {
    width: 50%;
    color: #535353;
    font-weight: 500
}

.list-unstyled li table .row_data,
.list-unstyled li table .row_data .pzv-input-table {
    font-weight: 700
}

.list-unstyled li .rfq_table {
    width: 100%
}

header .central-container,
header .lower-container {
    min-width: 1024px;
    margin: auto
}

header .typeahead-popup {
    top: 78px !important
}

header .navbar {
    margin-bottom: 0;
    border: 0
}

header .navbar-brand {
    padding: 0;
    text-align: center;
    width: 160px
}

header .navbar-brand img {
    margin-top: 32px;
    margin-left: 32px;
    margin-right: 20px;
    width: 105px
}

header .navbar-brand p {
    margin: 5px 0 0 9px
}

header .cart-li a.pzv-badge-primary {
    border: 0
}

header .top-nav {
    border-radius: 0
}

@media (min-width:768px) {
    header .top-nav {
        height: auto
    }
}

header .nav-section .express-checkout-menu {
    margin-right: 22px;
    line-height: 15px;
    margin-top: 6px
}

@media (min-width:1028px) and (max-width:1188px) {
    header .nav-section .express-checkout-menu {
        margin-right: 10px
    }
}

header .nav-section .express-checkout-menu .btn-group.dropdown {
    float: none;
    display: block;
    height: 51px
}

header .nav-section .express-checkout-menu .btn-group.dropdown #fo-btn-keyboard-nav {
    line-height: 16px;
    padding: 8px 30px 8px 15px;
    min-height: 42px;
    margin-top: 1px;
    border: 1px solid #6e6e6e;
    border-radius: 3px;
    background: 0 0;
    min-width: 116px;
    float: right;
    text-align: left
}

header .nav-section .express-checkout-menu .btn-group.dropdown #fo-btn-keyboard-nav i {
    font-size: 16px;
    right: 15px;
    position: absolute;
    top: calc(50% - 8px)
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu {
    right: 0;
    top: 49px;
    margin: 0;
    left: initial;
    width: 248px;
    padding: 15px 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu::after {
    width: 0;
    height: 0;
    content: "";
    top: -9px;
    right: 12px;
    position: absolute
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.divider {
    margin: 15px;
    background-color: transparent;
    border-top: 1px solid #ebebeb
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item {
    margin-left: 15px;
    margin-right: 15px
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item.list-accordion {
    margin-left: 0;
    margin-right: 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item.list-accordion .panel-default,
header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item.list-accordion .panel-heading,
header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item.list-accordion .panel-heading:hover {
    background: 0 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .fast-order-menu-detail {
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #acacac;
    cursor: pointer
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item:last-child .fast-order-menu-detail {
    margin-bottom: 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item:hover {
    color: #4C9AEC;
    text-decoration: underline;
    font-weight: 800
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item a {
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    display: inline-block
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item a i {
    margin: 0 10px 0 0;
    font-weight: 400
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item a i.fa-chevron-right {
    float: right;
    font-weight: 300;
    margin-right: 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .list-container {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .list-container>ul {
    padding: 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .list-container>ul>li {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #363636;
    line-height: 20px;
    text-decoration: none;
    padding: 0 10px 6px 15px;
    list-style-type: none
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .list-container>ul>li>span {
    display: inline-block
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group {
    margin-bottom: 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel {
    border: 0;
    box-shadow: none
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading {
    padding: 0;
    background: #fff;
    border: 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading .panel-title {
    padding-left: 15px;
    padding-right: 15px
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading .panel-title a {
    display: block;
    overflow: hidden;
    margin-right: 0;
    width: 100%;
    outline: 0;
    text-decoration: none
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading .panel-title a>span {
    display: block;
    overflow: hidden;
    margin-right: 0;
    width: 100%;
    color: #acacac !important
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading .panel-title a>span i {
    margin: 0;
    font-weight: 300
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    border: none;
    padding: 14px 0 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading+.panel-collapse>.panel-body .list-container {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading+.panel-collapse>.panel-body .list-container>ul {
    padding: 0
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading+.panel-collapse>.panel-body .list-container>ul>li {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #363636;
    line-height: 15px;
    text-decoration: none;
    padding: 6px 10px 6px 15px;
    list-style-type: none
}

header .nav-section .express-checkout-menu .btn-group.dropdown .dropdown-menu li.menu-item .panel-group .panel .panel-heading+.panel-collapse>.panel-body .list-container>ul>li>span {
    display: inline-block
}

header .nav-section .cart-menu {
    line-height: 15px;
    margin-top: 8px;
    margin-right: 25px;
    position: relative
}

@media (min-width:1028px) and (max-width:1188px) {
    header .nav-section .cart-menu {
        margin-right: 20px
    }
}

header .nav-section .cart-menu a {
    display: inline-block;
    text-align: center
}

header .nav-section .cart-menu a .badge-cart {
    position: absolute;
    left: 50%;
    min-width: 30px;
    margin-top: -9px;
    font-size: 11px;
    font-weight: 700;
    margin-left: -5px
}

header .nav-section .cart-menu a.focus,
header .nav-section .cart-menu a:hover {
    text-decoration: none
}

header .nav-section .cart-menu a .carticon {
    width: 19px;
    height: 20px
}

header .nav-section .cart-menu a .carttxt {
    text-transform: uppercase
}

header .nav-section.top {
    height: 38px
}

@media (max-width:1299px) {

    header .nav-section.top ul.left-nav-bar li>a,
    header .nav-section.top ul.pzv-cust-care li>a {
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

header .nav-section.top ul.nav {
    height: 38px;
    margin-left: -6px
}

header .nav-section.top ul.nav li {
    height: 40px;
    padding-top: 10px
}

header .nav-section.top ul.nav li>a {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

header .nav-section.top ul.nav li>a#signedinpopup .fa-caret-down,
header .nav-section.top ul.nav li>a#signedinpopup span {
    display: inline-block
}

header .nav-section.top ul.nav li>a#signedinpopup span {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

header .nav-section.top ul.nav li>a#signedinpopup .fa-caret-down {
    display: inline-block;
    position: relative;
    top: -3px
}

header .nav-section.top ul.nav li span.clr-grey {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px
}

header .nav-section.top ul.nav li span.clr-grey>img.headphone-img {
    margin-right: 4px;
    position: relative;
    bottom: 2px
}

header .nav-section.top ul.nav li span.clr-grey:hover {
    cursor: auto
}

header .nav-section.top ul.nav li a.where-to-buy .mr-3 {
    margin-right: 3px
}

header .nav-section.middle {
    height: 70px;
    padding-top: 1px
}

header .nav-section.middle .form-group,
header .nav-section.middle [uib-dropdown] {
    float: left
}

header .nav-section.middle .search_ddl_head {
    margin: 0
}

header .nav-section.middle .button-ddl-head {
    background-color: #dbdbdb
}

header .nav-section.middle .btn,
header .nav-section.middle input[type=text] {
    line-height: 16px
}

header .nav-section.middle .btn:active,
header .nav-section.middle .btn:focus,
header .nav-section.middle input[type=text]:active,
header .nav-section.middle input[type=text]:focus {
    outline: 0 !important;
    box-shadow: none
}

header .nav-section.bottom {
    height: 38px;
    position: relative
}

header .nav-section.bottom ul li:hover {
    border: 0
}

header .nav-section.bottom ul li {
    height: 42px;
    position: static
}

header .nav-section.bottom ul li a.nav-link:hover {
    background-color: #fff;
    color: #323232
}

header .nav-section.bottom ul li a {
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer
}

header .nav-section.bottom ul li a .lob-item {
    display: inline-block;
    max-width: 250px;
    vertical-align: middle
}

header .nav-section.bottom ul li a i {
    font-size: 9px;
    left: 2px
}

header .nav-section.bottom ul li.open {
    border-bottom: 4px solid #09C
}

header .navbar-header.top {
    height: 100px
}

header .category-menu .navbar-header {
    height: 30px
}

header .category-menu .navbar-header .navbar-brand {
    cursor: default
}

header .category-menu .navbar-header .navbar-brand img {
    height: 0
}

header .navbar-default .navbar-nav li a {
    text-decoration: none;
    padding-top: 12px
}

header .scrolled {
    height: 70px
}

header .scrolled .advanced-search,
header .scrolled .category-menu,
header .scrolled .nav-section.top {
    display: none
}

header .scrolled .navbar-brand {
    padding: 0;
    text-align: center;
    width: 160px
}

header .scrolled .navbar-brand img {
    margin-top: 5px;
    margin-left: 50px;
    margin-right: 20px;
    width: 72px
}

header .scrolled .navbar-brand p {
    margin: 0 0 0 5px
}

header .scrolled .typeahead-popup {
    top: 50px !important
}

header .scrolled .search-bar {
    margin-top: 10px
}

header .scrolled .navbar-header.top {
    height: 70px
}

header .header-order {
    height: 72px
}

header .header-order .order-brand {
    margin: 10px 10px 14px;
    width: 100px;
    cursor: pointer
}

header .header-order .order-brand .image {
    width: 72px;
    height: 45px;
    margin-top: 5px;
    margin-left: 20px
}

header .header-order .order-brand p {
    font-size: 9px;
    margin: 0
}

header .header-order .line {
    height: 72px;
    display: inline-block
}

header .header-order .line p {
    padding: 28px;
    margin-bottom: 0
}

header .header-order .line img {
    margin-right: 4px;
    position: relative;
    bottom: 2px
}

header .header-order .availability {
    display: inline-block;
    float: right
}

header .header-order .availability p {
    margin-right: 10px;
    padding: 30px;
    margin-bottom: 0
}

header .header-order .availability p .cust-no {
    margin-left: 30px;
    margin-right: 25px
}

.dummy-header {
    display: block;
    height: 150px;
    width: 100%
}

.mobile-user-avtar {
    text-align: right;
    padding-top: 20px
}

.mobile-user-avtar .navbar-toggle {
    padding: 3px;
    margin: 0
}

.mobile-user-avtar .dropdown-toggle {
    padding: 0;
    background-color: transparent;
    border: none;
    color: #FFF
}

.mobile-user-avtar .fa-user {
    font-size: 25px;
    color: #0093c6
}

@media only screen and (max-width:1023px) {

    #appBody.is-mobile .home-style .multi-item-carousel .multi-carousel-dot li :focus,
    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .slick-item:focus {
        outline: 0
    }

    #appBody.modal-open {
        position: fixed
    }

    .clearfix {
        clear: both
    }

    #appBody.is-mobile ul#makeDropDown li a:hover,
    #appBody.is-mobile ul#modelDropDown li a:hover,
    #appBody.is-mobile ul#yearHolder li.arrow_box div#yearSelectorTable ul li a:hover {
        color: #000;
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .pzv-alert {
        width: 80%;
        display: table
    }

    #appBody.is-mobile .pzv-alert i {
        margin-left: 10px;
        float: left
    }

    #appBody.is-mobile .pzv-alert i.fa-chevron-right {
        float: right;
        margin-left: 10px;
        line-height: 22px
    }

    #appBody.is-mobile .login-expired-modal .modal-dialog {
        width: 80%;
        margin: auto
    }

    #appBody.is-mobile .ymm-directive #ymmCategorySelector.disabled,
    #appBody.is-mobile .ymm-directive #ymmEngineSelector.disabled,
    #appBody.is-mobile .ymm-directive #ymmMakeSelector.disabled,
    #appBody.is-mobile .ymm-directive #ymmModelSelector.disabled,
    #appBody.is-mobile .ymm-directive #ymmSubcategorySelector.disabled,
    #appBody.is-mobile .ymm-directive #ymmTypevinSelector.disabled,
    #appBody.is-mobile .ymm-directive #ymmYearSelector.disabled {
        pointer-events: none
    }

    #appBody.is-mobile .email-part-popup .modal-dialog {
        width: 95%
    }

    #appBody.is-mobile .email-part-popup .modal-dialog .modal-content #sharepartPopup .modal-header h2 {
        font-size: 18px
    }

    #appBody.is-mobile .email-part-popup .modal-dialog .modal-content #sharepartPopup .modal-header .close-overlay {
        position: absolute;
        right: 0;
        top: 0 !important
    }

    #appBody.is-mobile .email-part-popup .modal-dialog .modal-content #sharepartPopup .modal-body {
        font-size: 16px
    }

    #appBody.is-mobile .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: #000;
        opacity: .5;
        z-index: 2000
    }

    #appBody.is-mobile .loading {
        display: -ms-grid;
        display: grid;
        left: 0;
        width: 100vw;
        margin: 0
    }

    #appBody.is-mobile .loading img {
        margin: auto
    }

    #appBody.is-mobile .home-style .multi-item-carousel {
        background: #fff;
        border-radius: 3px;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
        -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
        -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
        -o-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05)
    }

    #appBody.is-mobile .home-style .multi-item-carousel .no-carousel {
        width: 100% !important;
        display: none
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .slick-item .item-container {
        height: 272px;
        display: table-cell;
        vertical-align: middle;
        padding: 10px
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .slick-item .item-container:hover {
        cursor: pointer;
        box-shadow: 0 7px 17px 5px #e5e6e7;
        -webkit-transition: all .1s ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all .1s ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all .1s ease-in;
        -moz-transform: scale(1.05);
        transition: all .1s ease-in;
        transform: scale(1.05);
        z-index: 9999
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .slick-item .item-container .img-container {
        height: 158px;
        padding: 9px
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .slick-item .item-container .img-container img {
        width: auto;
        max-width: 100%;
        height: 100%
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .slick-item .item-container p.title {
        text-align: center;
        font-size: 14px;
        margin: 5px 0 0
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .slick-item .item-container p.title .id {
        font-weight: 600
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .slick-item .item-container p.desc {
        text-align: left
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .multi-carousel-arrow {
        position: relative
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.left {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999;
        background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .0001) 100%);
        background-repeat: repeat-x;
        height: 100%;
        width: 10%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.left i {
        color: #fff;
        border: 1px solid transparent;
        padding: 7px 16px 7px 13px;
        background: 0 0;
        font-size: 34px;
        cursor: pointer
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.left:hover {
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-repeat: repeat-x;
        transition: background-color .4s ease-out
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.right {
        float: right;
        position: absolute;
        right: 0;
        z-index: 999;
        top: 0;
        background-image: linear-gradient(to left, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .0001) 100%);
        background-repeat: repeat-x;
        height: 100%;
        width: 10%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 0;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.right i {
        color: #fff;
        border: 1px solid transparent;
        padding: 7px 13px 7px 16px;
        cursor: pointer;
        background: 0 0;
        font-size: 34px
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.right:hover {
        background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-repeat: repeat-x;
        transition: background-color .4s ease-out
    }

    #appBody.is-mobile .home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.slick-disabled i {
        background: 0 0;
        cursor: default;
        color: rgba(234, 234, 234, .31)
    }

    #appBody.is-mobile .home-style .multi-item-carousel .multi-carousel-dot {
        list-style: none;
        position: absolute;
        left: 45%;
        margin-top: -30px;
        padding-left: 0
    }

    #appBody.is-mobile .home-style .multi-item-carousel .multi-carousel-dot li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: transparent
    }

    #appBody.is-mobile .mobile-mrkt-switcher .modal-lg .modal-content .modal-body .search-mrkt-wrapper,
    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxText .printEstQty {
        display: none
    }

    #appBody.is-mobile .home-style .multi-item-carousel .multi-carousel-dot li.slick-active {
        background-color: #fff
    }

    #appBody.is-mobile .home-style .multi-item-carousel .multi-carousel-dot li button {
        font-size: 0;
        height: 12px;
        width: 12px;
        padding: 0;
        border-radius: 50%;
        border: 1px solid #bbb
    }

    #appBody.is-mobile .home-style .multi-item-carousel .multi-carousel-dot li.slick-active button {
        background: #acacac;
        border: 1px solid #bbb;
        transition-delay: .1s
    }

    #appBody.is-mobile .order-status-mobile-container .page-top-content {
        margin: 10px 0;
        padding: 0;
        font-size: 14px
    }

    #appBody.is-mobile .order-status-mobile-container .page-top-content h3 {
        margin: 0;
        color: #323232;
        font-size: 24px;
        font-weight: 400;
        padding: 0
    }

    #appBody.is-mobile .order-status-mobile-container .page-top-content .search-all {
        padding: 5px 0;
        text-align: right;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #0093c6
    }

    #appBody.is-mobile .order-status-mobile-container .page-top-content .search-all i {
        margin-right: 5px
    }

    #appBody.is-mobile .order-status-mobile-container .page-top-content .link {
        color: #0093c6;
        text-transform: uppercase;
        font-weight: 600
    }

    #appBody.is-mobile .order-status-mobile-container .page-top-content .search-input {
        height: 32px;
        line-height: 32px;
        border-radius: 3px;
        width: 100%;
        margin-top: 10px;
        border: 1px solid #dbdbdb
    }

    #appBody.is-mobile .order-status-mobile-container .page-top-content .search-input:focus {
        border: 1px solid #0093c6
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card {
        background: #fff;
        font-size: 14px;
        margin-bottom: 20px;
        border-radius: 3px;
        padding: 15px 0
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-top-content {
        padding: 0 10px 10px;
        border-bottom: 1px solid #dbdbdb;
        font-size: 14px;
        color: #6e6e6e
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-top-content .serial-no {
        padding-left: 0
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-top-content .qty {
        padding-left: 0;
        text-align: center;
        font-weight: 700
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-top-content .status-label {
        padding: 0;
        color: #000;
        text-align: center;
        background: #e8e8e8;
        text-transform: uppercase
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content {
        padding: 10px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content {
        padding: 5px 0;
        color: #000
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .part-num {
        font-size: 18px;
        font-weight: 700
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .part-name {
        font-size: 18px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus {
        width: 100%
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox {
        width: 80px;
        float: left;
        position: relative
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxIcon {
        width: 100%;
        float: left;
        height: 50px;
        position: relative;
        border: none;
        background: 0 0;
        outline: 0
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxIcon span {
        float: left;
        width: 60px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxIcon span p {
        text-align: center;
        font-size: 13px;
        font-weight: 700
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxText {
        width: 100%;
        float: left
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxText>* {
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxText label {
        font-size: 9px;
        color: #acacac;
        font-weight: 600
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxText p {
        font-size: 9px;
        color: #919191;
        font-weight: 700
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .part-entered .partBoxIcon span p,
    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partReceived .partBoxIcon span p {
        color: #000;
        margin-top: 15px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .part-entered .partBoxIcon span {
        background: url(../assets/images/Order-status.png) -3px -3px no-repeat;
        background-size: auto 60px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .part-entered .partBoxIcon span.part-canceled {
        background-position: -3px -3px;
        background-size: auto 60px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .part-entered .popover .partStatusBar span {
        background: url(../assets/images/status-bar.png) 0 -5px no-repeat;
        background-size: 100% auto
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partReceived .partBoxIcon span {
        background: url(../assets/images/Order-status.png) -74px -3px no-repeat;
        background-size: auto 60px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partReceived .partBoxIcon span.part-canceled {
        background-position: -3px -3px;
        background-size: auto 60px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partReceived .popover .partStatusBar span {
        background: url(../assets/images/status-bar.png) 0 -5px no-repeat;
        background-size: 100% auto
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partProcess .partBoxIcon span {
        background: url(../assets/images/Order-status.png) -146px -5px no-repeat;
        background-size: auto 60px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partProcess .partBoxIcon span p {
        color: #fff;
        margin-top: 25px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partProcess .popover .partStatusBar span {
        background: url(../assets/images/status-bar.png) center no-repeat;
        background-size: 100% auto
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partShipped .partBoxIcon span {
        background: url(../assets/images/Order-status.png) -226px 0 no-repeat;
        background-size: auto 60px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partShipped .partBoxIcon span p {
        color: #fff;
        width: 40px;
        margin-top: 19px;
        margin-left: 5px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partShipped .popover .partStatusBar span {
        background: url(../assets/images/status-bar.png) 0 -78px no-repeat;
        background-size: 100% auto
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partDelivered .partBoxIcon span {
        background: url(../assets/images/Order-status.png) -301px 0 no-repeat;
        background-size: auto 60px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partDelivered .partBoxIcon span p {
        color: #fff;
        margin-top: 16px;
        width: 40px;
        margin-left: 14px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partDelivered .popover .partStatusBar span {
        background: url(../assets/images/status-bar.png) 0 -78px no-repeat;
        background-size: 100% auto
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxIcon span p {
        color: #000;
        margin-top: 20px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content .partStatus .partBox .partBoxIcon span.part-canceled {
        background-position: -72px 0;
        background-size: auto 60px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .card-middle-content .card-content.border-line {
        border-bottom: 1px solid #e8e8e8
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .order-status-card {
        padding: 10px 20px;
        text-transform: uppercase
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .order-status-card .status-text {
        font-size: 14px;
        font-weight: 700
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .order-status-card span.status-glow {
        padding-left: 0
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .order-status-card span.status-glow p {
        margin-top: 9px;
        background-color: #dbdbdb;
        padding: 3px;
        border-radius: 7px
    }

    #appBody.is-mobile .order-status-mobile-container .order-status-card .order-status-card span.status-glow p.on {
        background-color: #45C500;
        border-radius: 7px;
        padding: 3px
    }

    #appBody.is-mobile .order-status-tracker .tracker-container {
        color: #323232
    }

    #appBody.is-mobile .order-status-tracker .tracker-container .track-title {
        font-size: 24px;
        font-weight: 300
    }

    #appBody.is-mobile .order-status-tracker .tracker-container .part-no,
    #appBody.is-mobile .order-status-tracker .tracker-container .qty {
        font-weight: 700;
        font-size: 16px
    }

    #appBody.is-mobile .order-status-tracker .tracker-container .part-name {
        font-size: 16px
    }

    #appBody.is-mobile .order-status-tracker .tracker-container .tracker-card {
        border-top: 1px solid #dbdbdb
    }

    #appBody.is-mobile .order-status-tracker .tracker-container .tracker-card .track-date {
        font-size: 16px;
        font-weight: 600
    }

    #appBody.is-mobile .order-status-tracker .tracker-container .tracker-card .partStatusDetailTable {
        background: #fff
    }

    #appBody.is-mobile .mobile-mrkt-switcher .modal-lg .modal-content .modal-body {
        height: 100%
    }

    #appBody.is-mobile .mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .market {
        margin-bottom: 15px
    }

    #appBody.is-mobile .mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .market .countries {
        border-top: solid transparent 1px
    }

    #appBody.is-mobile .mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .market .countries .list-group-item {
        padding-left: 0;
        font-size: 16px;
        width: -moz-fit-content;
        width: fit-content
    }

    #appBody.is-mobile .mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .market .countries .list-group-item .fa-check-circle {
        right: -20px;
        left: auto;
        font-size: 16px;
        line-height: 12px
    }

    #appBody.is-mobile .my-order-mobile-container {
        padding-left: 20px;
        padding-right: 20px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .orderStatus .partStatus .partBox {
        position: static
    }

    #appBody.is-mobile .my-order-mobile-container.tracking-details {
        padding-left: 0;
        padding-right: 0
    }

    #appBody.is-mobile .my-order-mobile-container.tracking-details .row {
        margin-left: 0;
        margin-right: 0
    }

    #appBody.is-mobile .my-order-mobile-container.tracking-details .page-top-content {
        margin-bottom: 0;
        padding-left: 20px;
        padding-right: 20px
    }

    #appBody.is-mobile .my-order-mobile-container.tracking-details .part-details {
        background: 0 0;
        margin-bottom: 0;
        padding-bottom: 20px
    }

    #appBody.is-mobile .my-order-mobile-container.tracking-details .part-details .hr-row {
        margin: 0
    }

    #appBody.is-mobile .my-order-mobile-container .status-error-message {
        margin: 60px 0
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter {
        position: fixed;
        width: 100%;
        left: 0;
        margin: 0;
        height: 100%;
        top: 0;
        z-index: 1030
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .dim-overlay {
        z-index: 1030;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .5;
        top: 0;
        left: 0;
        position: fixed
    }

    @keyframes myorderfilter {
        0% {
            width: 0;
            opacity: 0
        }

        50% {
            width: 0;
            opacity: .3
        }

        96% {
            width: 280px;
            opacity: 1
        }
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper.close {
        animation-name: none;
        opacity: 0
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper.open {
        animation-name: myorderfilter;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper {
        z-index: 1031;
        border-radius: 0;
        box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3);
        width: 280px;
        position: fixed;
        right: 0;
        height: 100%;
        display: block;
        padding: 20px 0;
        background-color: #fff
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .filter-title {
        margin: 0;
        padding: 0 20px
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .filter-category {
        padding: 0 20px
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .filter-category .title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
        color: #999;
        text-transform: uppercase
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .filter-category .filter-container {
        margin-bottom: 15px;
        padding-left: 0
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .filter-category .filter-container .filter-label {
        font-size: 14px;
        text-transform: initial;
        padding-left: 5px;
        font-weight: 600
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .filter-category .filter-container label {
        width: 14px;
        height: 14px;
        margin-bottom: 0
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .filter-category .filter-container label i {
        font-size: 14px;
        margin: 0
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .sec-filter-1 {
        margin-bottom: 10px
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .sec-filter-1 .date-span-container .date-span-wrapper {
        list-style: none;
        padding: 0
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .sec-filter-1 .date-span-container .date-span-wrapper label {
        font-size: 16px
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .sec-filter-1 .date-picker-container .date-wrapper input {
        height: 32px;
        line-height: 32px;
        font-size: 16px
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .sec-filter-1 .date-picker-container .date-wrapper .input-group-btn button {
        height: 32px
    }

    #appBody.is-mobile .my-order-mobile-container .status-filter .filter-wrapper .close-filter {
        float: right;
        position: absolute;
        top: 24px;
        right: 20px;
        height: 20px;
        width: 20px
    }

    #appBody.is-mobile .my-order-mobile-container .page-top-content.item-count {
        margin-top: 0
    }

    #appBody.is-mobile .my-order-mobile-container .page-top-content {
        margin: 15px 0;
        padding: 0;
        font-size: 14px
    }

    #appBody.is-mobile .my-order-mobile-container .page-top-content h3 {
        margin: 0;
        color: #323232;
        font-size: 24px;
        font-weight: 400;
        padding: 0
    }

    #appBody.is-mobile .my-order-mobile-container .page-top-content .search-all {
        padding: 5px 0;
        text-align: right;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #0093c6
    }

    #appBody.is-mobile .my-order-mobile-container .page-top-content .search-all i {
        margin-right: 5px
    }

    #appBody.is-mobile .my-order-mobile-container .page-top-content .link {
        color: #0093c6;
        text-transform: uppercase;
        font-weight: 600
    }

    #appBody.is-mobile .my-order-mobile-container .page-top-content .search-input {
        height: 32px;
        line-height: 32px;
        border-radius: 3px;
        width: 100%;
        margin-top: 10px;
        border: 1px solid #dbdbdb
    }

    #appBody.is-mobile .my-order-mobile-container .page-top-content .search-input:focus {
        border: 1px solid #0093c6
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card.canceled-order-card {
        background-image: repeating-linear-gradient(-30deg, transparent, transparent 15px, #fcfcfc 15px, #fcfcfc 30px);
        background-color: #f9f9f9;
        color: #bdbdbd
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card,
    #appBody.is-mobile .my-order-mobile-container .part-details {
        background: #fff;
        font-size: 14px;
        margin-bottom: 10px;
        border-radius: 3px;
        padding: 0;
        box-shadow: rgba(0, 0, 0, .1) 1px 1px 5px 0
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper {
        height: auto;
        padding: 20px;
        border-bottom: 1px solid #dbdbdb
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .shipment-dtls-card,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .shipment-dtls-card {
        background-color: #fff;
        padding: 15px;
        margin-left: -10px;
        margin-right: -10px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .value-container,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .value-container {
        margin-bottom: 5px;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .value-container:last-child,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .value-container:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .value-container label,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .value-container label {
        margin-top: 5px;
        float: left;
        margin-right: 5px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .value-container .value,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .value-container .value {
        text-align: right;
        margin-bottom: 0;
        line-height: 29.2px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .status-text,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .status-text {
        margin: 0 0 5px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .status-text.part-name,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .status-text.part-name {
        font-size: 18px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus {
        background-color: transparent;
        padding: 0
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus .partStatus .popover,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus .partStatus .popover {
        margin-left: -20px;
        max-width: calc(100vw - 40px);
        width: 98%
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus .partStatus .popover .partStatusBody,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus .partStatus .popover .partStatusBody {
        height: auto
    }
}

@media only screen and (max-width:1023px) and (min-width:0) and (max-width:460px) {

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus .partStatus .popover,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus .partStatus .popover {
        width: 120%
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus .partStatus .popover .partStatusBody .partStatusRow .status-labels,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus .partStatus .popover .partStatusBody .partStatusRow .status-labels {
        width: 100%
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus .partStatus .popover .partStatusFooter .partStatusCol2,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus .partStatus .popover .partStatusFooter .partStatusCol2 {
        width: 100%;
        margin-bottom: 5px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus .partStatus .popover .partStatusFooter .partStatusCol2 .partStatusViewDtl,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus .partStatus .popover .partStatusFooter .partStatusCol2 .partStatusViewDtl {
        float: left
    }
}

@media only screen and (max-width:1023px) and (min-width:0) and (max-width:768px) {

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus .partStatus .popover .partStatusTrackingDetails,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus .partStatus .popover .partStatusTrackingDetails {
        max-height: none
    }
}

@media only screen and (max-width:1023px) {

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-details .orderStatus .partStatus .popover .partStatusBody .partStatusRow .orderAdress .partStatusDtl,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-details .orderStatus .partStatus .popover .partStatusBody .partStatusRow .orderAdress .partStatusDtl {
        clear: both
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body .price-label,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body .price-label,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body .price-label {
        vertical-align: middle
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body input:checked+.slider:before,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body input:checked+.slider:before,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body input:checked+.slider:before {
        transform: translateX(14px)
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.status-header,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.status-header {
        margin: 0;
        padding: 20px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.status-header .col-xs-2,
    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.status-header .col-xs-4,
    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.status-header .col-xs-6,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.status-header .col-xs-2,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.status-header .col-xs-4,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.status-header .col-xs-6 {
        padding: 0;
        line-height: 32.2px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.status-header .qty,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.status-header .qty {
        font-weight: 600
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.status-header .status-label,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.status-header .status-label {
        text-align: right;
        font-weight: 600
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.status-header .status-label span,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.status-header .status-label span {
        background-color: #e8e8e8;
        padding: 10px;
        border-radius: 3px;
        display: inline-block;
        text-align: center;
        line-height: 18px;
        text-transform: uppercase
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-status .status-icons,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-status .status-icons {
        height: 25px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-status .status-text,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-status .status-text {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 1px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-status .status-glow,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-status .status-glow {
        padding-left: 0
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-status .status-glow p,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-status .status-glow p {
        margin-top: 9px;
        background-color: #dbdbdb;
        padding: 3px;
        border-radius: 7px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper.order-status .status-glow p.on,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper.order-status .status-glow p.on {
        background-color: #45C500;
        border-radius: 7px;
        padding: 3px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper label,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper label {
        font-weight: 400
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper .value:last-child,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper .value:last-child {
        margin-bottom: 0
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .content-warpper:last-child,
    #appBody.is-mobile .my-order-mobile-container .part-details .content-warpper:last-child {
        border-bottom: none
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .card-middle-content,
    #appBody.is-mobile .my-order-mobile-container .part-details .card-middle-content {
        padding: 8px 20px;
        border-bottom: 1px solid #dbdbdb;
        min-height: 163px;
        border-top: 1px solid #dbdbdb
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .order-status-card,
    #appBody.is-mobile .my-order-mobile-container .part-details .order-status-card {
        padding: 10px 20px;
        text-transform: uppercase
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .order-status-card .status-text,
    #appBody.is-mobile .my-order-mobile-container .part-details .order-status-card .status-text {
        font-size: 14px;
        font-weight: 700
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .order-status-card span.status-glow,
    #appBody.is-mobile .my-order-mobile-container .part-details .order-status-card span.status-glow {
        padding-left: 0
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .order-status-card span.status-glow p,
    #appBody.is-mobile .my-order-mobile-container .part-details .order-status-card span.status-glow p {
        margin-top: 9px;
        background-color: #dbdbdb;
        padding: 3px;
        border-radius: 7px
    }

    #appBody.is-mobile .my-order-mobile-container .my-order-card .order-status-card span.status-glow p.on,
    #appBody.is-mobile .my-order-mobile-container .part-details .order-status-card span.status-glow p.on {
        background-color: #45C500;
        border-radius: 7px;
        padding: 3px
    }

    #appBody.is-mobile .my-modal-popup.pswrd-assist-modal .modal-dialog {
        width: auto
    }

    #appBody.is-mobile .where-map-locator .dealer-locator .dealer-panel .panel-collapsed .panel-body {
        height: 0
    }

    #appBody.is-mobile .where-map-locator .dealer-locator .dealer-panel .panel-body {
        height: 400px
    }

    #appBody.is-mobile .where-map-locator .dealer-locator .dealer-map {
        height: 50%
    }

    #appBody.is-mobile .ymm-directive .makeSelector #ymmMakeSelector .caret,
    #appBody.is-mobile .ymm-directive .modelSelector #ymmCategorySelector .caret,
    #appBody.is-mobile .ymm-directive .modelSelector #ymmEngineSelector .caret,
    #appBody.is-mobile .ymm-directive .modelSelector #ymmModelSelector .caret,
    #appBody.is-mobile .ymm-directive .modelSelector #ymmSubcategorySelector .caret,
    #appBody.is-mobile .ymm-directive .modelSelector #ymmTypevinSelector .caret,
    #appBody.is-mobile .ymm-directive .yearSelector #ymmYearSelector .caret {
        position: absolute;
        top: 14px;
        right: 6px
    }

    #appBody.is-mobile .uib-datepicker .btn-default {
        border-color: transparent
    }

    #appBody.is-mobile .customer-switcher-pop-up .modal-dialog .modal-content {
        min-height: 97vh;
        background-color: #fff
    }

    #appBody.is-mobile #advanced_cust_switcher .change-address-cards-wrapper .switcher-search-remove-icons {
        position: absolute;
        top: 0;
        right: 5%;
        background: #fff;
        width: 32px;
        text-align: right;
        margin-top: 21px
    }

    #appBody.is-mobile #mobile-header {
        width: 100%
    }

    #appBody.is-mobile #mobile-header.scrolled .upper-container {
        background: #323232
    }

    #appBody.is-mobile #mobile-header.scrolled .upper-container .primary-header {
        display: none
    }

    #appBody.is-mobile #mobile-header .upper-container {
        padding-right: 20px;
        padding-left: 20px
    }

    #appBody.is-mobile #mobile-header .upper-container .central-container {
        padding: 5px 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-user-avtar {
        padding-right: 0;
        padding-top: 10px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-user-avtar a .carticon {
        width: 28px;
        padding-top: 10px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-user-avtar a:active,
    #appBody.is-mobile #mobile-header .upper-container .mobile-user-avtar a:focus,
    #appBody.is-mobile #mobile-header .upper-container .mobile-user-avtar a:hover {
        outline: 0;
        text-decoration: none;
        color: #fff
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-header .fa-chevron-left {
        font-size: 20px;
        color: #0093c6;
        padding-right: 10px;
        margin-top: 23px;
        float: left
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-header .navbar-toggle {
        float: left;
        margin-top: 20px;
        width: 30px;
        padding: 5px 2px;
        display: block;
        border: none;
        margin-right: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-header .navbar-toggle .icon-bar {
        background-color: #0093c6;
        height: 3px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-header .navbar-toggle:focus,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-header .navbar-toggle:hover {
        background: 0 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.out {
        animation-name: none;
        opacity: 0
    }

    @keyframes hamburger {
        0% {
            width: 0;
            opacity: 0
        }

        50% {
            width: 0;
            opacity: .3
        }

        96% {
            width: 256px;
            opacity: 1
        }
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in {
        width: 332px;
        left: 0;
        z-index: 3000;
        top: 0;
        position: fixed;
        animation-name: hamburger;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        background: 0 0;
        padding: 0;
        box-shadow: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list {
        background: #fff;
        margin: 0;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        padding-bottom: 40px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body {
        padding: 14px 10px 14px 25px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body .switch {
        position: relative;
        display: inline-block;
        width: 47px;
        height: 30px;
        margin-bottom: 0;
        top: 3px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body .switch input {
        display: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body .slider:before {
        position: absolute;
        content: "";
        height: 27px;
        width: 27px;
        left: 3px;
        bottom: 2px;
        background-color: #fff;
        transition: .4s
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body input:checked+.slider {
        background-color: #39A200
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body input:focus+.slider {
        box-shadow: 0 0 1px #39A200
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body .slider.round {
        border-radius: 14px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.price-settings .accordion-body .slider.round:before {
        border-radius: 50%
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list i.fa-angle-down,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list i.fa-angle-right {
        font-size: 18px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.welcome-user {
        font-size: 18px;
        background: #313031;
        color: #9a9da2;
        padding: 25px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.welcome-user i.fa-user {
        font-size: 15px;
        border: 2px solid #9a9da2;
        padding: 3px;
        border-radius: 20px;
        height: 22px;
        width: 22px;
        margin-right: 5px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.customer-switcher {
        padding: 20px;
        background-color: #f3f3f3
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.customer-switcher .customer-label {
        color: #9a9da2;
        font-size: 14px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.customer-switcher .customer-number {
        color: #2f2f30;
        font-weight: 900
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list li.divider {
        padding: 0;
        border-top: 1px solid #efefef
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li {
        float: none;
        font-size: 16px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li span.text-right a {
        float: right;
        color: #0093c6;
        font-weight: 700;
        padding-top: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li.signin-signup {
        display: inline-block;
        width: 100%;
        border-bottom: solid #efefef 1px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li.signin-signup>a {
        border-right: solid #f2f2f2 1px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li.signin-signup>a:focus,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li.signin-signup>a:hover {
        outline: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li>a {
        font-size: 16px;
        padding: 15px 25px;
        font-weight: 600
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default {
        background: #2f2f30
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-heading {
        background: #2f2f30;
        color: #fff
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-heading .panel-title {
        padding: 10px 0 0;
        margin-top: 10px;
        border-top: solid #777 1px;
        box-shadow: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-heading .panel-title span i,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading .panel-title span i {
        margin-top: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-heading .panel-title span p {
        margin-bottom: 5px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-heading .panel-title span p.customer-number {
        color: #9a9da2;
        font-size: 80%
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-heading .panel-title span>span {
        font-size: 16px;
        line-height: normal
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body {
        padding: 15px 0 5px;
        border-color: transparent
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body {
        padding: 0 0 3px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body .switch {
        position: relative;
        display: inline-block;
        width: 47px;
        height: 30px;
        margin-bottom: 0;
        top: 3px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body .switch input {
        display: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body .slider:before {
        position: absolute;
        content: "";
        height: 27px;
        width: 27px;
        left: 3px;
        bottom: 2px;
        background-color: #fff;
        transition: .4s
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body input:checked+.slider {
        background-color: #39A200
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body input:focus+.slider {
        box-shadow: 0 0 1px #39A200
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body .slider.round {
        border-radius: 14px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion .panel-group .panel-default .panel-body .accordion-body .slider.round:before {
        border-radius: 50%
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group {
        margin-bottom: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default {
        background: #fff;
        border: 0;
        box-shadow: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading {
        background: #fff;
        color: #333;
        border-style: none;
        padding: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading .panel-title>a {
        padding: 14px 25px;
        width: 100%;
        display: block;
        color: #777;
        font-weight: 600
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading .panel-title>a:active,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading .panel-title>a:focus,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading .panel-title>a:hover {
        border: none;
        outline: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading .panel-title span p {
        margin-bottom: 5px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading .panel-title span p.customer-number {
        color: #9a9da2;
        font-size: 80%
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-heading .panel-title span>span {
        font-size: 16px;
        line-height: normal
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body {
        border-top-color: transparent;
        padding: 10px 25px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body {
        padding: 0 0 3px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body .switch {
        position: relative;
        display: inline-block;
        width: 47px;
        height: 30px;
        margin-bottom: 0;
        top: 3px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body .switch input {
        display: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body .slider:before {
        position: absolute;
        content: "";
        height: 27px;
        width: 27px;
        left: 3px;
        bottom: 2px;
        background-color: #fff;
        transition: .4s
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body input:checked+.slider {
        background-color: #39A200
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body input:focus+.slider {
        box-shadow: 0 0 1px #39A200
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body .slider.round {
        border-radius: 14px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list>li .pzv-lnk-uib-accordion-setting .panel-group .panel-default .panel-body .accordion-body .slider.round:before {
        border-radius: 50%
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu {
        padding: 10px 0 0;
        display: block
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group {
        margin-bottom: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default {
        border-color: transparent;
        border-style: none;
        box-shadow: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default:nth-child(4) .panel-heading a {
        padding-bottom: 20px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default>.panel-heading {
        border-color: transparent;
        background-color: transparent;
        padding: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default>.panel-collapse .panel-body {
        background-color: #f4f9fb;
        padding: 15px 25px;
        border-top-color: transparent
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default a:active,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default a:focus,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default a:hover,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default.panel-open a:active,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default.panel-open a:focus,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default.panel-open a:hover {
        border: 0;
        text-decoration: none;
        outline: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default>.panel-collapse .panel-body .accordion-body {
        padding-left: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default>.panel-collapse .panel-body .mega-menu-submenu li {
        padding: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default>.panel-collapse .panel-body .mega-menu-submenu li a {
        color: #333;
        padding: 10px 0;
        font-weight: 600
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default a {
        display: block;
        color: #777;
        font-weight: 600;
        padding: 15px 25px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default a.accordion-toggle::after {
        content: "\f105";
        font-family: FontAwesome;
        float: right;
        color: #777
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default.panel-open a {
        display: block;
        color: #333;
        font-weight: 700
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu .panel-group .panel-default.panel-open a.accordion-toggle::after {
        content: "\f107";
        font-family: FontAwesome;
        float: right;
        color: #777
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .mega-menu:first-child {
        padding-top: 20px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .language-select {
        width: 100%
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .language-select ul li a {
        color: #777 !important;
        padding: 15px 25px;
        font-size: 16px;
        font-weight: 600
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .language-select ul li a .currency {
        color: inherit
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .language-select ul.lang-cur-selector {
        margin: 0;
        padding-bottom: 20px;
        width: 100%
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .language-select ul.lang-cur-selector li,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .language-select ul.pzv-cust-care li {
        padding: 0;
        border-bottom: none;
        width: 100%
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list .language-select ul.pzv-cust-care {
        margin: 0;
        padding-top: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .navbar-collapse.in ul.hamburger-list::-webkit-scrollbar {
        width: 0;
        background: 0 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu {
        height: 100vh;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: .4s;
        animation: left-to-right .4s ease-in alternate;
        -webkit-animation: .4s ease-in alternate;
        -webkit-animation-name: left-to-right;
        -webkit-animation-duration: .4s;
        z-index: 999999
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed {
        position: relative;
        width: 100%;
        height: 135px;
        z-index: 99;
        background: #fff;
        border-style: none;
        box-shadow: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-title-wrapper {
        padding: 20px 25px;
        background-color: #313031
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-title-wrapper h3 {
        font-size: 18px;
        margin: 0;
        color: #fff;
        text-transform: uppercase
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-title-wrapper h3 i {
        font-size: 24px;
        color: #fff;
        margin-right: 15px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-searchbox {
        padding: 15px 25px 0;
        display: block
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-searchbox form .form-group {
        margin-bottom: 0;
        position: relative
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-searchbox form .form-group input {
        height: 42px !important;
        box-shadow: none
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-searchbox form .form-group input:active,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-searchbox form .form-group input:focus,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-searchbox form .form-group input:hover {
        outline: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-searchbox form .form-group button {
        border-left-color: transparent;
        border-style: none;
        position: absolute;
        right: 2px;
        top: 2px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .submenu-header-fixed .submenu-searchbox form .form-group button i {
        font-size: 18px;
        color: #ccc
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .mobileSubmenu-list {
        width: 100%;
        position: relative;
        display: inline-block;
        height: calc(100vh - 200px);
        overflow-x: scroll
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .mobileSubmenu-list .heading-item,
    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .mobileSubmenu-list a {
        padding: 20px 20px 0 25px;
        color: #777;
        text-decoration: none;
        display: block;
        font-weight: 600;
        font-size: 18px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .mobileSubmenu-list a {
        margin-left: 15px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .mobileSubmenu-list .heading-item {
        font-weight: 900
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .mobileSubmenu-list li {
        padding: 0
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .mobileSubmenu-list li:last-child a {
        padding-bottom: 15px
    }

    #appBody.is-mobile #mobile-header .upper-container .mobile-left-menu .mobileSubmenu .mobileSubmenu-list li:first-child a {
        padding-top: 5px
    }

    #appBody.is-mobile #mobile-header .upper-container .navbar-brand img {
        width: 75px
    }

    #appBody.is-mobile #mobile-header .upper-container .global-search-container .search-bar {
        border: none;
        box-shadow: none
    }

    #appBody.is-mobile #mobile-header .upper-container .global-search-container .search-bar .cross {
        width: 16px;
        height: 16px;
        right: 10px
    }

    #appBody.is-mobile #mobile-header .upper-container .global-search-container .search-bar .typeahead-popup {
        width: calc(100% + 40px) !important;
        max-height: 64vh;
        overflow-y: auto
    }

    #appBody.is-mobile #mobile-header .upper-container .global-search-container .search-bar .typeahead-popup .typeahead {
        padding: 5px 0
    }

    #appBody.is-mobile #mobile-header .upper-container .global-search-container .search-bar a {
        width: 8vw
    }

    #appBody.is-mobile .advanced-search {
        padding: 0;
        background: #e8e8e8;
        border-bottom: none
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm {
        width: 100%;
        margin-bottom: 10px
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm input {
        line-height: 20px;
        float: left;
        font-size: 13px;
        font-family: 'Open Sans'
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .mobile-advSearch {
        position: relative;
        padding: 20px;
        margin: 0
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .mobile-advSearch select {
        font-size: 16px;
        line-height: 18px
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .mobile-advSearch select option {
        width: 50px
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .mobile-advSearch select+.fa-caret-down {
        position: absolute;
        right: 33px;
        top: 30px;
        font-size: 16px;
        pointer-events: none
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .mobile-advSearch,
    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab-mobile {
        position: relative
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search {
        width: 100%
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row {
        padding: 0 20px 20px
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm {
        margin: 0
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm.interchange-clm-input {
        margin-bottom: 5px
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm .popover.serial-hint-popover {
        left: 3% !important
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm input {
        height: 36px;
        font-size: 16px
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm .fa-info-circle {
        font-size: 16px
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm input.serial-input {
        width: 100%;
        margin-right: 0;
        font-size: inherit
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm input.go-btn {
        width: auto;
        vertical-align: top;
        float: left;
        margin-top: 10px;
        font-size: inherit
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm .serial-link-mobile {
        margin-left: 0;
        padding-top: 3px;
        display: block
    }

    #appBody.is-mobile .advanced-search .advanced-search-menu .interchange-search .interchange-row {
        width: 100%;
        display: inline-block;
        padding: 0 20px 20px
    }

    #appBody.is-mobile .find-serial-no .profile-content {
        padding: 20px 10px
    }

    #appBody.is-mobile .find-serial-no .profile-content h1 {
        font-size: 24px;
        font-weight: 400;
        padding-left: 10px
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab-mobile .my-profile-content {
        margin-top: 10px
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab-mobile .my-profile-content .panel-group {
        margin-bottom: 10px
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab-mobile .my-profile-content .panel-group .panel-heading .panel-title a {
        display: block;
        width: 100%
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab-mobile .my-profile-content .panel-group .panel-heading .panel-title a:focus,
    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab-mobile .my-profile-content .panel-group .panel-heading .panel-title a:hover {
        text-decoration: none
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .nav-pills {
        width: 100%;
        float: none;
        padding: 5px 15px;
        margin-bottom: 10px;
        border: 1px solid transparent;
        border-radius: 3px
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .nav-pills a {
        padding: 0
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .nav-pills a .fa-chevron-right {
        display: none
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .nav-pills a .fa-caret-down {
        float: right;
        color: #acacac
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .nav-pills a uib-tab-heading {
        font-size: 16px;
        font-weight: 400
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .tab-content {
        width: 100%;
        padding: 10px
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .tab-content .my-profile-content .collapse-expand {
        text-transform: uppercase
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .tab-content .my-profile-content .panel-group .panel-default {
        border: none;
        box-shadow: none
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .tab-content .my-profile-content .panel-group .panel-default .panel-heading {
        border: 1px solid #acacac;
        background: 0 0;
        height: 40px;
        border-radius: 3px;
        font-size: 16px;
        font-weight: 400
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .tab-content .my-profile-content .panel-group .panel-default .panel-body,
    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signupsuccessful .modal-body .flow-circle:after,
    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signupsuccessful .modal-body .flow-circle:before {
        border: none
    }

    #appBody.is-mobile .find-serial-no .profile-content .profile-vertical-tab .tab-content .my-profile-content .panel-group .panel-default .panel-body img {
        height: 100%;
        width: 100%
    }

    #appBody.is-mobile .find-serial-no .advanced-search {
        padding: 10px;
        background: #e8e8e8;
        border-bottom: none
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .mobile-advSearch select {
        width: 92%;
        margin: auto;
        font-size: 16px
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .mobile-advSearch select option {
        width: 50px
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .mobile-advSearch select+.fa-caret-down {
        position: absolute;
        right: 28px;
        top: 10px;
        font-size: 16px;
        pointer-events: none
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .makeSelector #ymmMakeSelector .caret,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .modelSelector #ymmCategorySelector .caret,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .modelSelector #ymmModelSelector .caret,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .modelSelector #ymmSubcategorySelector .caret,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .modelSelector #ymmTypevinSelector .caret,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .yearSelector #ymmYearSelector .caret {
        position: absolute;
        top: 10px;
        right: 5px
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search {
        width: 100%
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm input {
        width: 85%;
        height: 36px;
        line-height: 36px;
        font-size: 16px
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm .fa-info-circle {
        font-size: 16px
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm input.serial-input {
        width: 72%;
        margin-right: 12px
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm input.go-btn {
        width: 14%;
        vertical-align: top
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row.serial-row .interchange-clm .serial-link-mobile {
        margin-left: 23px
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row {
        width: 100%;
        display: inline-block
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row .interchange-clm-input {
        width: 79%
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row .interchange-clm-input input {
        height: 36px;
        line-height: 20px;
        font-size: 16px
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row .interchange-clm-submit {
        width: 14%
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .makeSelector #ymmMakeSelector,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .modelSelector #ymmCategorySelector,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .modelSelector #ymmModelSelector,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .modelSelector #ymmSubcategorySelector,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .modelSelector #ymmTypevinSelector,
    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .ymm-directive .yearSelector #ymmYearSelector {
        width: 100%
    }

    #appBody.is-mobile .find-serial-no .advanced-search .advanced-search-menu .interchange-search .interchange-row .interchange-clm-submit input {
        height: 36px;
        line-height: 20px;
        float: right;
        font-size: 16px
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog {
        width: 96%;
        margin: auto
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form {
        width: 94%;
        margin: auto;
        float: none;
        padding: 0
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form .text-muted {
        margin: 0 -10px
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form .signup-title {
        margin: 15px 10px
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form form {
        width: 100%;
        padding: 20px
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form form label {
        font-size: 16px;
        width: 100%;
        padding-left: 0
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form form .form-group .check-avail {
        padding-top: 7px
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form form .form-group .col-sm-6 {
        width: 100%
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form form .form-group .col-sm-offset-3 {
        margin-left: auto
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-info {
        width: 100%;
        height: auto;
        position: relative
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-info .sign-up-as-regitered-usr li,
    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-info .social-title {
        font-size: 16px
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-info .social-lnk-img-container li a {
        width: 52px;
        height: 52px;
        background-size: 51px 51px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog {
        margin: 0 auto auto;
        width: 96%
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content {
        border-radius: 0
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section {
        padding: 20px 10px;
        width: 100%
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .switch-sign-in-pattern {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section h2 {
        color: #000;
        padding: 20px;
        margin-bottom: 0
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section h2 img {
        height: 20px;
        vertical-align: middle
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .remember-me {
        margin-top: 0
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .frgt-pswrd {
        font-size: 14px;
        position: absolute;
        right: 30px;
        top: 0
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .form-group {
        padding: 0 20px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .form-group label {
        font-size: 16px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .form-group .customer-id {
        margin-bottom: 24px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .form-group button {
        margin-top: 10px;
        font-size: 18px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .form-group input {
        height: 36px;
        line-height: 36px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section hr {
        margin: 14px 20px;
        border-top: 1px solid #acacac
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .req-info-mobile {
        position: absolute
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-login-section .req-info-mobile .req-info {
        top: 20px;
        margin: 25px;
        font-size: 14px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-info-section {
        width: 100%;
        padding: 20px 10px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-info-section .social-title,
    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-info-section p {
        font-size: 14px;
        padding: 0 25px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-info-section h5 {
        font-size: 32px;
        padding: 10px 25px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-info-section button {
        font-size: 16px;
        margin: 0 25px 10px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-info-section .social-lnk-img-container {
        padding: 0 25px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-info-section .social-lnk-img-container li a {
        background-size: 50px 50px;
        width: 51px;
        height: 51px;
        background-repeat: no-repeat
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal .modal-dialog .modal-content #loginpopup .modal-body .section-wrapper .tenant-info-section hr {
        margin: 30px 15px
    }

    #appBody.is-mobile #page-footer .footer-bottom,
    #appBody.is-mobile #pzv-footer .footer-bottom {
        max-height: 208px;
        height: 153px;
        text-align: center
    }

    #appBody.is-mobile #page-footer .footer-bottom .btm-txt-warpper,
    #appBody.is-mobile #page-footer .footer-bottom .footer-logo,
    #appBody.is-mobile #page-footer .footer-bottom .footer-social-link-wrapper,
    #appBody.is-mobile #pzv-footer .footer-bottom .btm-txt-warpper,
    #appBody.is-mobile #pzv-footer .footer-bottom .footer-logo,
    #appBody.is-mobile #pzv-footer .footer-bottom .footer-social-link-wrapper {
        min-width: auto;
        padding-bottom: 0
    }

    #appBody.is-mobile #page-footer .footer-bottom .btm-txt-warpper,
    #appBody.is-mobile #page-footer .footer-bottom .btm-txt-warpper .terms-link,
    #appBody.is-mobile #pzv-footer .footer-bottom .btm-txt-warpper,
    #appBody.is-mobile #pzv-footer .footer-bottom .btm-txt-warpper .terms-link {
        display: block
    }

    #appBody.is-mobile #page-footer .footer-bottom .footer-logo,
    #appBody.is-mobile #pzv-footer .footer-bottom .footer-logo {
        padding-top: 8px;
        display: block;
        margin: auto;
        float: none
    }

    #appBody.is-mobile #page-footer .mainFooter.add-extra-mt,
    #appBody.is-mobile #pzv-footer .mainFooter.add-extra-mt {
        margin-top: 0
    }

    #appBody.is-mobile #page-footer .mainFooter .footer-top .footer-social-link-wrapper .social-lnk-img-container li a:active,
    #appBody.is-mobile #page-footer .mainFooter .footer-top .footer-social-link-wrapper .social-lnk-img-container li a:focus,
    #appBody.is-mobile #page-footer .mainFooter .footer-top .footer-social-link-wrapper .social-lnk-img-container li a:hover,
    #appBody.is-mobile #pzv-footer .mainFooter .footer-top .footer-social-link-wrapper .social-lnk-img-container li a:active,
    #appBody.is-mobile #pzv-footer .mainFooter .footer-top .footer-social-link-wrapper .social-lnk-img-container li a:focus,
    #appBody.is-mobile #pzv-footer .mainFooter .footer-top .footer-social-link-wrapper .social-lnk-img-container li a:hover {
        outline: 0
    }

    #appBody.is-mobile header .header-order .order-brand {
        width: auto;
        cursor: pointer
    }

    #appBody.is-mobile header .header-order .order-brand .image {
        margin-left: 0;
        margin-right: 0
    }

    #appBody.is-mobile header .header-order .availability p {
        padding: 25px 5px 25px 0;
        margin-right: 0
    }

    #appBody.is-mobile header .header-order .availability .cust-no {
        margin-left: 5px;
        margin-right: 5px
    }

    #appBody.is-mobile header .header-order .availability .username {
        text-transform: capitalize;
        padding-right: 5px
    }

    #appBody.is-mobile .search-results-container {
        padding: 0
    }

    #appBody.is-mobile .search-results-container .search-results {
        padding: 15px 0 !important;
        margin-top: 0
    }

    #appBody.is-mobile .search-results-container .search-results .result-container {
        width: 100vw;
        padding: 0 10px
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .fixed-filter-container {
        position: fixed;
        top: 70px;
        left: 6px;
        z-index: 100;
        width: 100%;
        background-color: #e8e8e8
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .search-result-info {
        padding: 10px
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .search-result-info .page-result-info {
        font-size: 14px;
        margin-bottom: 0;
        padding: 0
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .search-result-info .sortby {
        display: none
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .search-result-info .filter-mobile {
        font-size: 14px;
        font-weight: 700;
        text-align: right;
        text-transform: uppercase;
        color: #0093c6;
        padding: 0
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .search-result-info .filter-mobile a {
        color: #0093c6
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel {
        padding: 10px 0;
        margin-bottom: 20px;
        border-radius: 3px;
        box-shadow: rgba(0, 0, 0, .1) 1px 1px 5px 0
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel,
    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .item-container {
        box-shadow: none
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-heading {
        padding: 10px
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-heading .inner-container {
        display: table
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-heading .inner-container .part-card-desc,
    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-heading .inner-container .part-card-logo {
        display: table-cell
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-heading .inner-container .part-card-desc span {
        font-size: 18px
    }

    #appBody.is-mobile .bread-crumb,
    #appBody.is-mobile .breadcrumb,
    #appBody.is-mobile .search-results-container .search-results .filter .categoryHdr .tooltip {
        display: none
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body {
        padding: 0;
        margin: 0
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body .row {
        margin: 0
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body .row .part-img-container {
        height: 160px;
        width: 160px;
        margin: auto
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body .row .part-img-container .represent-img {
        width: 100%;
        left: -15px;
        top: 47%
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body .row .part-img-container img {
        margin: 0
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body .row .table-container {
        height: 100%
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body .row .table-container ul .spec-label {
        margin-top: 10px;
        font-size: 12px;
        text-transform: uppercase
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body .row .table-container ul li .expand-menu {
        position: absolute;
        bottom: 0;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        right: 10px
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel .panel-body .row .table-container .table tbody td {
        font-size: 14px
    }

    #appBody.is-mobile .search-results-container .search-results .result-container .part-card .panel hr {
        margin: 20px 0
    }

    @keyframes pullin {
        0% {
            width: 0;
            opacity: 0
        }

        50% {
            width: 0;
            opacity: .3
        }

        96% {
            width: 320px;
            opacity: 1
        }
    }

    #appBody.is-mobile .search-results-container .search-results .filter.close {
        animation-name: none;
        opacity: 0
    }

    #appBody.is-mobile .search-results-container .search-results .filter.open {
        animation-name: pullin;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards
    }

    #appBody.is-mobile .search-results-container .search-results .filter {
        position: fixed;
        width: 320px;
        margin: 0;
        right: 0;
        padding: 0 0 50px;
        top: 0
    }

    #appBody.is-mobile .search-results-container .search-results .filter .close-filter {
        position: absolute;
        top: 24px;
        right: 20px;
        height: 20px;
        width: 20px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .filter-title {
        font-size: 24px;
        font-weight: 500;
        padding: 20px 20px 0;
        margin: 0
    }

    #appBody.is-mobile .search-results-container .search-results .filter .categoryHdr {
        padding: 0 20px 20px;
        margin-bottom: 5px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .filterHdr,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine-header {
        padding: 0 20px 15px;
        font-size: 18px;
        margin-bottom: 0
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .filterHdr .subcategory,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .filterHdr .view-more,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .subcategory,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .view-more,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine-header .subcategory,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine-header .view-more {
        padding-top: 10px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .filterHdr .refine-options,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .refine-options,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine-header .refine-options {
        margin-bottom: 0
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .filterHdr .refine-options .list,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .refine-options .list,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine-header .refine-options .list {
        padding: 10px 0 0
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine {
        border-bottom: 1px solid #ddd
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .refineFilterHdr,
    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .refineFilterHdr span {
        font-size: 14px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .refine-options .list .form-group {
        margin-left: 16px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .refine-options .list .checkbox label i {
        font-size: 18px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .refine-list .refine .refine-options .list .checkbox label span {
        font-size: 14px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .sort-by {
        margin: 10px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .sort-by .label {
        text-transform: uppercase;
        font-size: 14px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .sort-by button {
        height: 36px;
        min-width: 169.2px;
        text-align: left
    }

    #appBody.is-mobile .search-results-container .search-results .filter .sort-by button .caret {
        position: absolute;
        top: 17px;
        right: 10px
    }

    #appBody.is-mobile .search-results-container .search-results .filter .sort-by .dropdown-menu li>a {
        padding: 10px 20px
    }

    #appBody.is-mobile .search-results-container .search-results .pagination-container {
        width: 81vw;
        margin: auto
    }

    #appBody.is-mobile .add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input {
        margin-bottom: 15px;
        border: 2px solid #d6d6d6;
        border-radius: 4px;
        padding: 15px 0
    }

    #appBody.is-mobile .add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .pzv-label-lc1 {
        display: inline-block;
        margin-bottom: 3px
    }

    #appBody.is-mobile .add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .pzv-input-default {
        margin-bottom: 10px
    }

    #appBody.is-mobile .add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group-btn {
        vertical-align: top
    }

    #appBody.is-mobile .pzv-uppercase {
        text-transform: uppercase
    }

    #appBody.is-mobile .pzv-semi-bold {
        font-weight: 600
    }

    #appBody.is-mobile .pzv-bold {
        font-weight: 700
    }

    #appBody.is-mobile .hr-row {
        width: 100%;
        height: 0;
        margin: 20px 0;
        border-top: 1px solid #eee;
        border-left: none;
        border-bottom: none;
        border-right: none
    }

    #appBody.is-mobile .color-blue {
        color: #4c99d0
    }

    #appBody.is-mobile .color-white {
        color: #fff
    }

    #appBody.is-mobile .orderMgt {
        background-color: #fff
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .nav.nav-tabs li {
        padding: 0 10px;
        text-align: center;
        margin-bottom: 15px;
        margin-right: 0
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .nav.nav-tabs li.active a {
        color: #4d99cd;
        border-bottom: solid #4d99cd 2px;
        height: 32px;
        font-size: 16px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .nav.nav-tabs li a {
        background-color: transparent;
        font-size: 16px;
        border-bottom: solid transparent 2px;
        font-weight: 600;
        height: 42px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .nav.nav-tabs li.disabled {
        opacity: .4;
        cursor: not-allowed;
        top: 0;
        left: 0;
        z-index: 1
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .nav.nav-tabs li.disabled a {
        font-weight: 400
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .exp-qty-status .avl-qty-txt {
        font-weight: 700
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-view-title {
        font-size: 24px;
        margin: 0 0 20px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul {
        margin-bottom: 0;
        font-size: 14px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li {
        display: inline-block;
        width: 100%;
        border: 1px solid #e6e6e6;
        border-radius: 7px;
        padding: 15px 10px;
        margin-bottom: 7px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li i.fa-trash-o {
        font-size: 20px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li .product_id_num {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
        display: inline-block
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li table {
        border-style: none;
        outline: 0
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li table>tbody {
        color: #535353
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li table tr {
        margin-bottom: 5px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li table tr td,
    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li table tr th {
        border-style: none;
        padding: 10px 0 0
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li table tr td {
        font-weight: 500
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper>ul>li table tr th {
        font-weight: 700;
        text-align: right
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper .search-part-for-fast-order {
        margin: 5px auto 10px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper .search-part-for-fast-order .fast-order-add {
        float: right;
        margin-top: 2px;
        margin-bottom: 10px;
        margin-right: 0
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper .search-part-for-fast-order .fast-order-add .btn-color {
        color: #fff;
        background-color: #4c9acc
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper .flex-input-quantity {
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px;
        margin-bottom: 10px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper .flex-input-quantity form .form-group {
        margin-bottom: 0
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper .flex-input-quantity .pckg-qty-err {
        text-align: left;
        padding-left: 13px;
        line-height: 12px;
        min-width: 85px;
        margin-top: 5px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper .flex-input-quantity .pckg-qty-err .fa-info-circle {
        font-size: 11px;
        margin-right: 5px;
        left: 0;
        top: 2px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-card-wrapper .ext-price {
        color: #313231
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .alert-dismissible {
        margin-bottom: 10px !important
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-total-panel {
        font-size: 16px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-total-panel h4 {
        padding-left: 15px;
        font-weight: 600;
        color: #6f6f6f;
        margin-bottom: 0
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-total-panel .discount-container {
        background: #fefefe
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-total-panel .discount-search {
        padding: 0
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-total-panel .discount-row {
        clear: both;
        padding-top: 10px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-total-panel .checked-coupon-applied::after {
        top: 12px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .cart-total-panel .apply-code {
        float: right;
        display: block;
        text-transform: uppercase;
        padding-top: 7px;
        font-size: 11px;
        font-weight: 700;
        cursor: pointer;
        padding-bottom: 5px
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .bottom-fixed-checkout-bar {
        background: #323232;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 999;
        padding: 10px;
        transition: .4s;
        animation: bottom-to-top .4s ease-in alternate;
        -webkit-animation: .4s ease-in alternate;
        -webkit-animation-name: bottom-to-top;
        -webkit-animation-duration: .4s;
        transition-delay: 1s
    }

    #appBody.is-mobile .orderMgt .mobile-cart-view-wrapper .bottom-fixed-checkout-bar p {
        margin-bottom: 0
    }

    #appBody.is-mobile .ellipsis {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group {
        margin-bottom: 11px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-default>.panel-heading {
        background-color: #f8f8f9;
        padding: 15px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-default>.panel-heading .panel-title {
        position: relative
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-default>.panel-heading .panel-title a {
        display: block
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-default>.panel-heading .panel-title a i {
        font-size: 28px;
        line-height: 15px;
        color: #7b7b7b
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-default>.panel-heading .panel-title a .default-text {
        text-transform: uppercase;
        background: #323232;
        color: #fff;
        font-size: 10px;
        font-weight: 600;
        position: absolute;
        top: 0;
        right: 100px;
        padding: 5px;
        border-radius: 10%;
        margin-top: -2px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner,
    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner a {
        font-size: 15px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-default>.panel-heading p {
        margin-bottom: 0
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner .other_card_logo {
        height: 20px;
        margin-left: 5px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner .american_card_logo {
        width: 35px;
        height: 20px;
        margin-left: 5px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner input[type=radio]:checked:before {
        background: 0 0;
        border: 2px solid transparent;
        border-radius: 50%
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner .email-list-container .email-mobile-added {
        margin: 5px 0 15px;
        font-size: 16px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner .email-list-container .email-mobile-added .email-mobile-added-container {
        display: inline-block
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner .email-list-container .email-mobile-added .email-mobile-added-container a {
        color: #828282;
        border: 2px solid #828282;
        width: 24px;
        height: 24px;
        display: inline-block;
        text-align: center;
        border-radius: 25px;
        line-height: 19px;
        font-size: 13px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner .email-list-container .email-mobile-add a {
        font-size: 16px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner .prev-ordr-form .btn-group.dropdown .btn.pzv-dropdown-default {
        padding: 12px 12px 10px;
        text-transform: uppercase;
        width: 100%
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .panel-group .panel-collapse .panel-body .mobile-toggle-inner .prev-ordr-form .btn-group.dropdown .btn.pzv-dropdown-default i {
        float: right
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .cart-total-panel {
        font-size: 15px
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .cart-total-panel>h4 {
        font-weight: 600
    }

    #appBody.is-mobile .previewOrder .mobile-preview-order .cart-total-panel .bg-default-bg {
        padding: 15px
    }

    @keyframes left-to-right {
        100% {
            left: 0
        }

        50% {
            left: -50%
        }

        0% {
            left: -100%
        }
    }

    @keyframes bottom-to-top {
        100% {
            bottom: 0
        }

        50% {
            bottom: -50%
        }

        0% {
            bottom: -100%
        }
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container {
        padding: 0;
        margin-top: 10px;
        margin-bottom: 28px
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel {
        border-radius: 3px;
        box-shadow: none
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .no-carousel {
        width: 100%;
        display: none
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .slick-slider {
        padding: 0 10px
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .slick-slider .slick-track .slick-slide,
    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .slick-slider .slick-track .slick-slide img {
        outline: 0
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .slick-slider .multi-carousel-arrow i {
        display: none
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .multi-carousel-dot {
        list-style: none;
        position: absolute;
        width: 94%;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .multi-carousel-dot li {
        display: inline-block;
        margin: auto 2px auto auto
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .multi-carousel-dot li :focus {
        outline: 0
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .multi-carousel-dot li button {
        margin-right: 3px;
        font-size: 0;
        height: 5px;
        width: 5px;
        padding: 0;
        border-radius: 50%;
        border: 1px solid #acacac
    }

    #appBody.is-mobile .part-details .part-details-container .mobile-carousel-container .mobile-carousel .multi-carousel-dot li.slick-active button {
        background: #000;
        border: 1px solid #000;
        transition-delay: .1s
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile {
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 10px 0
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .no-carousel {
        width: 100% !important;
        display: none
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider {
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list {
        background: #fff
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container {
        height: 172px;
        display: table-cell;
        vertical-align: middle;
        padding: 10px
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container:hover {
        cursor: pointer;
        transform: scale(1.05);
        z-index: 9999
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container .item-selected {
        cursor: pointer;
        -webkit-transition: all .1s ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all .1s ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all .1s ease-in;
        -moz-transform: scale(1.05);
        transition: all .1s ease-in;
        transform: scale(1.09) !important;
        z-index: 9999;
        border: 1px solid #0093c6;
        position: relative;
        box-shadow: 0 0 5px 0 rgba(6, 6, 6, .25);
        padding: 4px
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container .item-selected:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        bottom: -10px;
        left: 60px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #0093c6
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container .img-container {
        height: 110px;
        padding: 9px;
        width: 128px
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container .img-container img {
        max-width: 100%;
        max-height: 100%
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container p.title {
        text-align: center;
        font-size: 14px;
        margin: 5px 0 0
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container p.title .id {
        font-weight: 600
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .slick-list .slick-item .sub-model-wrapper-mob .sub-model-item-container p.desc {
        text-align: left
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .multi-carousel-arrow.left {
        float: left
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .multi-carousel-arrow.left i {
        position: absolute;
        top: 60px;
        left: 0;
        font-size: 20px;
        color: #fff;
        border: 1px solid #e5e6e7;
        padding: 0 5px;
        background: #333;
        cursor: default;
        z-index: 99
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .multi-carousel-arrow.right {
        float: right
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .multi-carousel-arrow.right i {
        right: 1px;
        position: absolute;
        top: 60px;
        font-size: 20px;
        color: #fff;
        border: 1px solid #e5e6e7;
        padding: 0 5px;
        background: #333;
        cursor: pointer
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .multi-item-carousel .slick-slider .multi-carousel-arrow.slick-disabled i {
        background: #b2b2b2;
        cursor: default
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .sub-model-data-load {
        background: #fff
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .sub-model-data-load .loader {
        height: 100%;
        min-height: 200px;
        padding: 80px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.suggested-parts-mobile .sub-model-data-load .loader img {
        width: 40px;
        height: 40px;
        z-index: 999;
        text-align: center;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.recommended-parts .item-container .img-container,
    #appBody.is-mobile .part-details .part-details-container .suggestion-container.related-parts .item-container .img-container {
        height: 130px
    }

    #appBody.is-mobile .part-details .part-details-container .suggestion-container.recommended-parts .item-container .img-container img,
    #appBody.is-mobile .part-details .part-details-container .suggestion-container.related-parts .item-container .img-container img {
        height: auto;
        max-height: 100%
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel {
        margin-bottom: 0
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row {
        padding: 10px 0
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container {
        overflow: hidden;
        position: relative
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container .represent-img {
        top: 86px;
        left: -14px;
        height: 22px;
        padding-top: 3px;
        width: 48%
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container .rep-abs-img {
        background: #ff0;
        color: red;
        font-weight: 600;
        font-size: 10px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .carousel {
        padding: 0 10px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .carousel .left.carousel-control,
    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .carousel .right.carousel-control {
        display: none
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .carousel .carousel-indicators {
        bottom: -40px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .carousel .carousel-indicators li {
        border: 1px solid #323232;
        width: 16px;
        height: 16px;
        margin-left: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .carousel .carousel-indicators li.active {
        background-color: #323232;
        margin-left: 5px;
        width: 16px;
        height: 16px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .active-img-container {
        padding-bottom: 15px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .active-img-container #active-pic .image-zoom #img-container {
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .thumbnail-container {
        margin: 10px 0
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails {
        margin-top: 40px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .pzv-mobile-list-accordion .panel .collapse {
        background: #fff;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .pzv-mobile-list-accordion .panel .collapse .add-to-list-mobile {
        padding: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .pzv-mobile-list-accordion .panel .collapse .add-to-list-mobile .pulldown-mylists {
        border-bottom: 1px solid #dbdbdb
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .pzv-mobile-list-accordion .panel .collapse .add-to-list-mobile .pulldown-mylists .qty {
        padding: 15px 10px 0
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .pzv-mobile-list-accordion .panel .collapse .add-to-list-mobile .pulldown-mylists .create-new-list {
        padding-left: 10px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .pzv-mobile-list-accordion .panel .collapse .add-to-list-mobile .pulldown-mylists .scrolled-list-names {
        padding: 0 10px;
        margin-bottom: 10px;
        max-height: 166px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .coming-soon-feature {
        display: table
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .coming-soon-feature .coming-soon-badge {
        height: 50px;
        width: 73px;
        margin: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .coming-soon-feature .coming-soon-text {
        float: right;
        width: 70%;
        display: table-cell
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .part-name-title {
        display: table;
        font-size: 18px
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .part-name-title b {
        padding-left: 0
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .part-name-title .part-desc-img {
        width: 15%;
        vertical-align: middle;
        display: table-cell;
        position: relative
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .part-name-title .part-num-name {
        display: table-cell
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails label {
        font-size: 14px;
        font-weight: 400
    }

    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .desc-container .panel .panel-body .partDetails .partDetailsTabDesc {
        text-transform: uppercase
    }

    #appBody.is-mobile .part-details .part-details-container .spec-n-model.show-on-mobile {
        display: block
    }

    #appBody.is-mobile .part-details .part-details-container .spec-n-model.show-on-mobile .spec-section {
        margin-bottom: 10px;
        border-radius: 3px
    }

    #appBody.is-mobile .part-details .part-details-container .spec-n-model.show-on-mobile .spec-section h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .spec-n-model.show-on-mobile .spec-section .spec-table-container {
        padding: 0;
        background: #fff
    }

    #appBody.is-mobile .part-details .part-details-container .spec-n-model.show-on-mobile .spec-section .spec-table-container.expand {
        max-height: 139px;
        overflow: hidden
    }

    #appBody.is-mobile .part-details .part-details-container .spec-n-model.show-on-mobile .spec-section .link-collapse,
    #appBody.is-mobile .part-details .part-details-container .spec-n-model.show-on-mobile .spec-section .link-expand {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: #0093c6;
        right: 29px;
        position: absolute
    }

    #appBody.is-mobile .part-details .part-details-container .spec-n-model.show-on-mobile .modal-section-mobile h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile {
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile .bom-card-search {
        padding-bottom: 20px;
        padding-top: 10px
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile .bom-card-search i {
        margin-right: 10px
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile .bom-card-search .pzv-search-table {
        height: 28px !important;
        font-size: 13px !important
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile .bom-card {
        background: #fff;
        font-size: 14px;
        padding: 10px;
        margin: 10px 0;
        border-radius: 3px
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile .bom-card .data-container {
        display: inline-block;
        width: 100%
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile .bom-card .data-container span.pull-left {
        width: 50%
    }

    #appBody.is-mobile .part-details .part-details-container .bom-details.show-on-mobile .bom-card .data-container span.pull-right {
        width: 50%;
        text-align: left
    }

    #appBody.is-mobile .part-details .part-details-container .literature-pdf-container.show-on-mobile {
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .literature-pdf-container.show-on-mobile h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .literature-pdf-container.show-on-mobile .mobile-carousel-container {
        background: #fff;
        padding: 10px
    }

    #appBody.is-mobile .part-details .part-details-container .literature-pdf-container.show-on-mobile .mobile-carousel-container .slider {
        margin-top: 10px
    }

    #appBody.is-mobile .part-details .part-details-container .literature-video-mobile.show-on-mobile {
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .literature-video-mobile.show-on-mobile h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .literature-video-mobile.show-on-mobile iframe {
        height: auto
    }

    #appBody.is-mobile .part-details .part-details-container .literature-video-mobile.show-on-mobile .slick-video-container .literature-video-nav .video-list {
        padding: 20px
    }

    #appBody.is-mobile .part-details .part-details-container .literature-video-mobile.show-on-mobile .slick-video-container .literature-video-nav .video-list .video-container {
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .literature-video-mobile.show-on-mobile .slick-video-container .literature-video-nav .video-list .video-container i {
        position: absolute;
        top: 0;
        float: left
    }

    #appBody.is-mobile .part-details .part-details-container .literature-video-mobile.show-on-mobile .slick-video-container .literature-video-nav .video-list .video-container img {
        position: relative;
        left: 0;
        padding-left: 15px;
        width: 90%
    }

    #appBody.is-mobile .part-details .part-details-container .literature-video-mobile.show-on-mobile .slick-video-container .literature-video-nav .video-list .video-desc {
        padding: 0 0 0 10px
    }

    #appBody.is-mobile .part-details .part-details-container .interchange-container.show-on-mobile {
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .interchange-container.show-on-mobile h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .interchange-container.show-on-mobile .interchange-card {
        background: #fff;
        font-size: 14px;
        padding: 10px;
        margin: 10px 0;
        border-radius: 3px
    }

    #appBody.is-mobile .part-details .part-details-container .interchange-container.show-on-mobile .interchange-card .data-container {
        display: inline-block;
        width: 100%
    }

    #appBody.is-mobile .part-details .part-details-container .interchange-container.show-on-mobile .interchange-card .data-container span.pull-left {
        width: 50%
    }

    #appBody.is-mobile .part-details .part-details-container .interchange-container.show-on-mobile .interchange-card .data-container span.pull-right {
        width: 50%;
        text-align: left
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile {
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile .compatibility-table-container {
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile .compatibility-table-container .compatibility-card-wrapper {
        background: #fff;
        font-size: 14px;
        margin: 10px 0;
        border-radius: 3px
    }

    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile,
    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile .model-use-table-container .model-use-wrapper {
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile .compatibility-table-container .compatibility-card-wrapper .compatibility-card {
        border: 1px solid #ccc0c0;
        padding: 10px;
        margin-bottom: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile .compatibility-table-container .compatibility-card-wrapper .margin-tb-0 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile .compatibility-table-container .compatibility-card-wrapper .data-container {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #eee;
        padding-top: 5px;
        padding-bottom: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile .compatibility-table-container .compatibility-card-wrapper .data-container span.pull-left {
        width: 50%
    }

    #appBody.is-mobile .part-details .part-details-container .compatibility-table-mobile .compatibility-table-container .compatibility-card-wrapper .data-container span.pull-right {
        width: 50%;
        text-align: left
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile {
        background: 0 0;
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .default-select-default {
        color: #000;
        font-weight: 600
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .default-select {
        color: #757575;
        font-weight: 600
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .whereUsedInputs {
        margin: 10px 0
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .whereUsedInputs input,
    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .whereUsedInputs select {
        margin: 5px 2px;
        padding: 5px;
        width: 100%;
        font-weight: 500;
        font-size: 14px
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .where-used-card {
        border: 1px solid #ccc0c0;
        padding: 10px;
        margin-bottom: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .where-used-card .data-container {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #eee;
        padding-top: 5px;
        padding-bottom: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .where-used-card .data-container span.pull-left {
        width: 50%
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .where-used-card .data-container span.pull-right {
        width: 50%;
        text-align: left
    }

    #appBody.is-mobile .part-details .part-details-container .where-used-mobile .pagination-sm-custom-container .items-dropdown {
        display: inline-block;
        width: 100%;
        min-width: 131px;
        max-width: 160px;
        position: relative;
        top: -10px
    }

    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile h3 {
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700
    }

    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile .model-use-table-container {
        padding: 0
    }

    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile .model-use-table-container .model-use-wrapper .model-use-contaner {
        background: #fff;
        font-size: 14px;
        margin: 10px 0;
        border-radius: 3px
    }

    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile .model-use-table-container .model-use-wrapper .model-use-contaner .model-use-card {
        border: 1px solid #ccc0c0;
        padding: 10px;
        margin-bottom: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile .model-use-table-container .model-use-wrapper .model-use-contaner .data-container {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #eee;
        padding-top: 5px;
        padding-bottom: 5px
    }

    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile .model-use-table-container .model-use-wrapper .model-use-contaner .data-container span.pull-left {
        width: 50%
    }

    #appBody.is-mobile .part-details .part-details-container .model-use-table-mobile .model-use-table-container .model-use-wrapper .model-use-contaner .data-container span.pull-right {
        width: 50%;
        text-align: left
    }

    #appBody.is-mobile .hide-for-mobile {
        display: none
    }
}

#nav-header .menu-container,
#nav-header .menu-container.default-menu {
    min-width: 193px
}

@media only screen and (min-device-width:768px) and (max-device-width:1023px) {
    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form {
        width: 70%;
        padding: 33px 24px;
        float: right;
        margin: 0
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form label {
        text-align: left
    }

    #appBody.is-mobile .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-info {
        width: 30%
    }
}

@media only screen and (max-device-width:1023px) {
    .previewOrder {
        padding-top: 70px;
        margin-top: 0;
        background: #fff
    }

    .mobile-check-availability-model {
        height: auto;
        background: #fff;
        padding-bottom: 20px;
        min-height: 100vh
    }

    .mobile-check-availability-model .avail-order-wrapper {
        color: #474747;
        position: relative
    }

    .mobile-check-availability-model .modal-lg {
        margin: 0;
        width: 100%;
        top: 0;
        left: 0
    }

    .mobile-check-availability-model .modal-lg .avail-detail-container {
        border-radius: 3px;
        font-size: 16px;
        color: #474747;
        position: relative
    }

    .mobile-check-availability-model .modal-lg .parent-content {
        position: absolute;
        width: 100%;
        height: 100%;
        display: inline-block;
        top: 0;
        background-color: rgba(255, 255, 255, .9)
    }

    .mobile-check-availability-model .modal-lg .parent-content .disclaimers {
        margin-left: 0
    }

    .mobile-check-availability-model .modal-lg .parent-content .disclaimers .message {
        padding: 40px 15px
    }

    .mobile-check-availability-model .modal-lg .parent-content .disclaimers .button-p-25 {
        padding: 25px 15px
    }

    .mobile-check-availability-model .modal-lg .parent-content .disclaimer-msg {
        cursor: pointer
    }

    .mobile-check-availability-model .modal-lg .modal-content {
        width: 100%
    }

    .mobile-check-availability-model .modal-lg .modal-content .pzv-card-select-34 {
        border-color: #109be6 !important;
        background-color: rgba(92, 168, 209, .06)
    }

    .mobile-check-availability-model .modal-lg .modal-content .item-in-center {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: start;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-check-availability-model .modal-lg .modal-content .loader {
        height: 200px;
        padding: 80px;
        width: 100%;
        text-align: center
    }

    .mobile-check-availability-model .modal-lg .modal-content .loader img {
        width: 40px;
        height: 40px;
        z-index: 999;
        text-align: center;
        font-weight: 700
    }

    .mobile-check-availability-model .modal-lg .modal-content .pad-t-5 {
        padding-top: 5px
    }

    .mobile-check-availability-model .modal-lg .modal-content .mar-t-25 {
        margin-top: 25px
    }

    .mobile-check-availability-model .modal-lg .modal-content .mar-t-15 {
        margin-top: 15px
    }

    .mobile-check-availability-model .modal-lg .modal-content .add-remaining-label {
        padding: 6px;
        position: absolute;
        top: -27px;
        border-radius: 3px;
        left: 15px
    }

    .mobile-check-availability-model .modal-lg .modal-content .add-remaining-label.bto_msg {
        background-color: #74a318;
        font-size: 12px;
        color: #FFF;
        font-weight: 700
    }

    .mobile-check-availability-model .modal-lg .modal-content .other-location-label {
        padding: 6px;
        position: absolute;
        top: -25px;
        border-radius: 3px;
        left: 15px
    }

    .mobile-check-availability-model .modal-lg .modal-content .other-location-label.bto_msg {
        background-color: #8a2be2;
        font-size: 12px;
        color: #FFF;
        font-weight: 700
    }

    .mobile-check-availability-model .modal-lg .modal-content .add-remaining-checkbox {
        font-size: 25px
    }

    .mobile-check-availability-model .modal-lg .modal-content .contact-email,
    .mobile-check-availability-model .modal-lg .modal-content .contact-number,
    .mobile-check-availability-model .modal-lg .modal-content .contact-time {
        font-size: 12px;
        font-weight: 600;
        font-style: initial;
        line-height: 14px
    }

    .mobile-check-availability-model .modal-lg .modal-content .scrollDiv {
        max-height: 212px;
        overflow-y: auto
    }

    .mobile-check-availability-model .modal-lg .modal-content .errorDiv {
        padding: 10px;
        text-align: center
    }

    .mobile-check-availability-model .modal-lg .modal-content .errorDiv .exclamation-div {
        font-size: 20px
    }

    .mobile-check-availability-model .modal-lg .modal-content .errorDiv .err-msg {
        padding: 20px 0;
        display: inline-block
    }

    .mobile-check-availability-model .modal-lg .modal-content .errorDiv .try-again {
        padding-left: 0;
        padding-right: 0
    }

    .mobile-check-availability-model .modal-lg .modal-content .errorDiv .try-again button {
        width: 100%;
        margin-top: 20px
    }

    .mobile-check-availability-model .modal-lg .modal-content .errorDiv.priceError {
        padding: 10px 10px 15px
    }

    .mobile-check-availability-model .modal-lg .modal-content .sort-by-options {
        margin: 0 10px 10px;
        padding-top: 10px;
        text-align: right
    }

    .mobile-check-availability-model .modal-lg .modal-content .sort-by-options .select-box-wrap {
        position: relative;
        display: inline-block
    }

    .mobile-check-availability-model .modal-lg .modal-content .sort-by-options .select-box-wrap label {
        float: left;
        margin-right: 5px;
        color: #acacac;
        font-size: 11px;
        line-height: 25px;
        padding-top: 10px
    }

    .mobile-check-availability-model .modal-lg .modal-content .sort-by-options .select-box-wrap select {
        border: none !important
    }

    .mobile-check-availability-model .modal-lg .modal-content .sort-by-options .select-box-wrap .form-control {
        width: auto;
        min-height: 24px;
        float: right;
        padding: 5px
    }

    .mobile-check-availability-model .modal-lg .modal-content .sort-by-options .select-box-wrap .custom-down-arrow {
        padding-right: 30px;
        position: relative
    }

    .mobile-check-availability-model .modal-lg .modal-content .sort-by-options .select-box-wrap i.ar-down {
        position: absolute;
        right: 5px;
        top: 20%;
        font-size: 24px
    }

    .mobile-check-availability-model .modal-lg .modal-content .info-block {
        text-align: center;
        padding-left: 10px
    }

    .mobile-check-availability-model .modal-lg .modal-content .info-block .info-title {
        font-size: 14px;
        font-weight: 600
    }

    .mobile-check-availability-model .modal-lg .modal-content .info-block .info-desc {
        font-size: 12px;
        font-weight: 400
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .req-qoute-form {
        width: 90%;
        margin: 10px auto 0
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .req-qoute-form .form-group-btn {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .req-qoute-form input.form-control {
        font-weight: 600
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .req-qoute-form .number-container {
        width: 50%;
        display: inline-block;
        margin-left: 10px
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .req-qoute-form .number-container input {
        padding: 5px 8px;
        opacity: 1 !important
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .rfq-sent-already-msg,
    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .rfq-sent-msg {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 50px
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .rfq-sent-already-msg h2,
    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .rfq-sent-msg h2 {
        margin-bottom: 25px
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .rfq-sent-already-msg p,
    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .rfq-sent-msg p {
        margin-bottom: 2px
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .modal-header {
        padding: 20px;
        border: 0
    }

    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .modal-body {
        padding: 20px;
        overflow: hidden
    }
}

@media only screen and (max-device-width:1023px) and (min-width:380px) {
    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .modal-body {
        height: calc(100% - 73px)
    }
}

@media only screen and (max-device-width:1023px) and (max-width:379px) {
    .mobile-check-availability-model .modal-lg .modal-content .req-qoute-container .modal-body {
        height: calc(100% - 94px)
    }
}

@media only screen and (max-device-width:1023px) {
    .mobile-check-availability-model .modal-lg .modal-content .back-to-emergency {
        padding: 10px 0 9px 12px;
        border-bottom: 1px solid #e5e5e5
    }

    .mobile-check-availability-model .modal-lg .modal-content .back-to-emergency i {
        margin-right: 5px;
        cursor: pointer;
        font-size: 13px
    }

    .mobile-check-availability-model .modal-lg .modal-content .back-to-emergency .text {
        cursor: pointer;
        font-size: 12px;
        font-weight: 600
    }

    .mobile-check-availability-model .modal-lg .modal-content .modal-header {
        padding: 10px 10px 0;
        background: #f7f6f6
    }

    .mobile-check-availability-model .modal-lg .modal-content .modal-header .pzv-product-title-pt1 {
        font-size: 18px;
        width: 90%
    }

    .mobile-check-availability-model .modal-lg .modal-content .modal-header .pzv-product-title-pt1 i {
        color: #09c;
        margin-right: 5px;
        cursor: pointer
    }

    .mobile-check-availability-model .modal-lg .modal-content .modal-header .close-icon {
        float: right;
        margin-top: 5px
    }

    .mobile-check-availability-model .modal-lg .modal-content .modal-header .close {
        margin: 0
    }

    .mobile-check-availability-model .modal-lg .modal-content .modal-header .close h1 {
        margin-top: 0
    }

    .mobile-check-availability-model .modal-lg .modal-content .err-msg {
        height: 25px
    }

    .mobile-check-availability-model .modal-lg .modal-content .err-msg .error,
    .mobile-check-availability-model .modal-lg .modal-content .err-msg .warning {
        padding: 10px 10px 0;
        font-size: 12px;
        color: red
    }

    .mobile-check-availability-model .modal-lg .modal-content .selection-err-msg {
        height: auto
    }

    .mobile-check-availability-model .modal-lg .modal-content .selection-err-msg .error,
    .mobile-check-availability-model .modal-lg .modal-content .selection-err-msg .warning {
        padding: 10px 10px 0;
        font-size: 11px;
        color: #ed962f;
        font-weight: 700;
        font-style: italic;
        text-align: center;
        line-height: 14px
    }

    .mobile-check-availability-model .modal-lg .modal-content .avail-detail-container .item-detail {
        border: 1px solid #cbcccb;
        margin: 20px 10px
    }

    .mobile-check-availability-model .modal-lg .modal-content .card-stock-list {
        padding: 10px 10px 0
    }

    .mobile-check-availability-model .modal-lg .modal-content .card-stock-list .card-stock-order {
        font-size: 15px;
        border: 1px solid #fff;
        padding: 10px;
        display: block;
        border-radius: 3px;
        margin-bottom: 10px;
        box-shadow: 0 0 4px 0 #bbb
    }

    .mobile-check-availability-model .modal-lg .modal-content .card-stock-list .card-stock-order .contact_to_icon {
        float: right
    }

    .mobile-check-availability-model .modal-lg .modal-content .card-stock-list .card-stock-order .contact_to_icon .color {
        font-weight: 600;
        color: #09c
    }

    .mobile-check-availability-model .modal-lg .modal-content .card-stock-list .card-stock-order .value-show {
        padding-left: 5px;
        font-weight: 700;
        font-size: 15px
    }

    .mobile-check-availability-model .modal-lg .modal-content .card-stock-list .card-stock-order .value-show .lead-time-days {
        color: #6d6d6d;
        margin-left: 5px;
        font-weight: 600
    }

    .mobile-check-availability-model .modal-lg .modal-content .card-stock-list .card-stock-order.fg_row {
        background-color: #f8f8f8
    }

    .mobile-check-availability-model .modal-lg .modal-content .card-stock-list .card-stock-order .checkbox-middle .disable-checkbox i {
        color: #d8d8d8
    }

    .mobile-check-availability-model .modal-lg .add-to-cart-row {
        padding-top: 20px;
        margin: 10px;
        clear: both
    }

    .confirm-Order,
    .pzvPartAvlMain.coming-soon-tag-main .coming-soon-tag .tilted-element p {
        margin-bottom: 0
    }

    .mobile-check-availability-model .modal-lg .add-to-cart-row .add-to-list {
        font-size: 11px;
        font-weight: 600;
        border-radius: 3px;
        background-color: #0096c9;
        outline: 0;
        border: none
    }

    .mobile-check-availability-model .modal-lg .add-to-cart-row .add-to-list:active,
    .mobile-check-availability-model .modal-lg .add-to-cart-row .add-to-list:hover {
        background-color: #0096c9
    }

    .mobile-check-availability-model .modal-lg .add-to-cart-row .qty-mismatch-info {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        display: inline-block
    }

    .mobile-check-availability-model .modal-lg .add-to-cart-row .qty-mismatch-info .fa-info-circle {
        font-size: 14px;
        color: #6e6e6e;
        margin-right: 3px;
        position: relative;
        top: 1px
    }

    .mobile-check-availability-model .final-price {
        padding: 10px 10px 0
    }

    .mobile-check-availability-model .final-price .line-gap {
        padding: 5px 0
    }

    .mobile-check-availability-model .qty-avail {
        padding-top: 30px;
        padding-bottom: 20px;
        font-size: 16px;
        color: #474747
    }

    .mobile-check-availability-model .qty-avail.current-avail {
        padding-top: 0
    }

    .mobile-check-availability-model .qty-avail .check-avail-title {
        font-size: 16px;
        font-weight: 800
    }

    .mobile-check-availability-model .qty-avail .information-icon {
        color: #6e6e6e;
        font-size: 18px;
        padding-left: 10px
    }

    .mobile-check-availability-model .qty-avail .total-quantity {
        float: right;
        color: #323232;
        font-weight: 700;
        font-size: 20px
    }

    .mobile-check-availability-model .qty-err-wrapper {
        font-size: 16px;
        color: #474747
    }

    .mobile-check-availability-model .qty-err-wrapper .chk-btn .btn {
        outline: 0;
        box-shadow: none
    }

    .mobile-check-availability-model .qty-err-wrapper .error {
        padding: 2px 0 0 10px
    }

    .mobile-check-availability-model .qty-err-wrapper .pckg-qty-err {
        text-align: left;
        padding: 0 0 10px 10px;
        margin-top: 0
    }

    .mobile-check-availability-model .qty-err-wrapper .pckg-qty-err .fa-info-circle {
        color: #6e6e6e;
        font-size: 13px;
        margin-right: 5px
    }

    .mobile-check-availability-model .total-priceRow {
        margin-top: 5px;
        font-size: 16px;
        color: #474747
    }

    .mobile-check-availability-model .total-priceRow span {
        padding-top: 5px
    }

    .mobile-check-availability-model .price-unit .information-icon {
        font-size: 18px;
        padding-left: 10px
    }

    .mobile-check-availability-model .price-unit .total-quantity {
        float: right;
        font-weight: 700;
        font-size: 18px
    }

    .mobile-check-availability-model .price-unit .unit-price-value {
        float: right;
        font-size: 16px
    }

    .mobile-check-availability-model .price-unit .unit-price-value .seprator-line {
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        display: block
    }

    .mobile-check-availability-model .price-loader {
        width: 100%;
        text-align: center
    }

    .mobile-check-availability-model .price-loader img {
        width: 15px;
        height: 15px;
        z-index: 999;
        text-align: center;
        font-weight: 700
    }

    .pzvPartAvlMain.coming-soon-tag-main {
        display: block;
        overflow: hidden
    }

    .pzvPartAvlMain.coming-soon-tag-main .coming-soon-tag {
        position: relative
    }

    .pzvPartAvlMain.coming-soon-tag-main .coming-soon-tag .tilted-element {
        background-color: #fff;
        padding: 15px 50px;
        transform: rotate(-45deg);
        display: inline-block;
        position: absolute;
        z-index: 111;
        top: 40px;
        width: 300px;
        text-align: center;
        left: -65px;
        box-shadow: 2px 0 8px #f2f2f2
    }

    .pzvPartAvlMain.coming-soon-tag-main .coming-soon-tag .tilted-element h3 {
        margin: 0;
        color: #45c500;
        font-size: 16px
    }

    .coming-soon-tag {
        position: absolute;
        z-index: 9
    }

    .confirm-Order {
        margin-top: 0;
        background-color: #fff;
        padding-top: 10px
    }

    .confirm-Order .order-title {
        background-color: #f7fbf0;
        padding: 15px;
        border: 1px solid #a6d845;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        position: relative
    }

    .confirm-Order .order-title .row-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .confirm-Order .order-title .row-flex h4 span {
        margin-bottom: 5px;
        display: inline-block;
        font-size: 16px
    }

    .confirm-Order .order-placed-row {
        padding: 15px;
        border: 1px solid #e4e4e4;
        margin-bottom: 15px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        margin-top: -1px
    }

    .confirm-Order .order-placed-row .complete-order-success-msg h5 {
        color: #000;
        margin-bottom: 15px;
        font-weight: 700;
        line-height: 24px
    }

    .confirm-Order .order-placed-row .complete-order-success-msg p {
        font-size: 15px;
        font-weight: 600
    }

    .confirm-Order .btn.btn-center {
        width: 70%;
        margin: 15px auto;
        padding: 11px 22px;
        font-size: 16px;
        letter-spacing: .6px;
        height: 100%
    }

    .confirm-Order .my-list-wrapper {
        padding: 20px;
        font-size: 16px
    }

    .confirm-Order .my-list-wrapper .list-heading {
        color: #000;
        margin-bottom: 15px;
        font-weight: 700;
        line-height: 24px;
        font-size: 17px;
        margin-top: 15px;
        display: inline-block
    }

    .order-detail-mobile-container {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 15px;
        background-color: #fff
    }

    .order-detail-mobile-container .po-tbl-wrapper {
        padding: 15px
    }

    .order-detail-mobile-container .po-tbl-wrapper .bg-light-total {
        background: #f7f9fa
    }

    .order-detail-mobile-container .po-tbl-wrapper .action-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .order-detail-mobile-container .po-tbl-wrapper .btn.btn-custom-back {
        border: transparent;
        color: #4d99cd;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        background: 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .order-detail-mobile-container .po-tbl-wrapper .btn.btn-custom-back i {
        font-size: 28px;
        color: inherit;
        margin-right: 10px
    }

    .order-detail-mobile-container .po-tbl-wrapper h2.my-oder-lbl {
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 26px;
        color: #535353
    }

    .order-detail-mobile-container .po-tbl-wrapper .order-type-tag {
        margin: 15px 0;
        background: #f9f9f9;
        display: inline-block;
        color: #a70ca7;
        font-size: 16px;
        padding: 6px 12px;
        border-radius: 4px;
        line-height: 18px
    }

    .order-detail-mobile-container .po-tbl-wrapper .order-detail-subHeading {
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 700;
        color: #000;
        margin: 20px 0 10px
    }

    .order-detail-mobile-container .po-tbl-wrapper .order-list-view li {
        display: inline-block;
        margin-bottom: 0;
        padding: 10px 0;
        width: 100%
    }

    .order-detail-mobile-container .po-tbl-wrapper .order-list-view li>div {
        margin: 5px;
        float: left
    }

    .order-detail-mobile-container .po-tbl-wrapper .order-list-view li>div .order-list-view-img {
        max-width: 70px
    }

    .order-detail-mobile-container .po-tbl-wrapper .order-list-view li>div.product-qty {
        float: right
    }

    .order-detail-mobile-container .po-tbl-wrapper .order-list-view li>div:first-child {
        margin-right: 25px
    }

    .order-detail-mobile-container .po-tbl-wrapper .order-list-view li>div.product-desc .product-part-name,
    .order-detail-mobile-container .po-tbl-wrapper .order-list-view li>div.product-desc .product-part-no {
        margin: 5px 0
    }

    .order-detail-mobile-container .po-tbl-wrapper .responsive-scroll {
        overflow: scroll
    }

    .order-detail-mobile-container .po-tbl-wrapper .responsive-scroll .scrollable-shipping-details {
        display: block;
        width: 800px;
        overflow: auto
    }

    .order-detail-mobile-container .po-tbl-wrapper .responsive-scroll .scrollable-shipping-details .to-details {
        border: 1px solid rgba(83, 83, 83, .211765);
        padding: 12px 15px;
        box-shadow: 0 2px 8px rgba(83, 83, 83, .211765);
        border-radius: 5px;
        display: inline-block;
        width: 32%;
        margin-right: .9%;
        margin-bottom: 10px
    }

    .order-detail-mobile-container .po-tbl-wrapper .responsive-scroll .scrollable-shipping-details .to-details h5 {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 15px;
        font-weight: 700
    }

    .order-detail-mobile-container .po-tbl-wrapper .responsive-scroll .scrollable-shipping-details .to-details p {
        font-size: 14px;
        margin-bottom: 5px
    }

    .stock-order-choose-quantity-container .order-type-col1 {
        width: 45%;
        float: left;
        padding-left: 20px;
        position: relative;
        margin-right: 5%
    }

    .stock-order-choose-quantity-container .order-type-col2 {
        width: 50%;
        float: left;
        padding-right: 20px
    }

    .stock-order-choose-quantity-container .order-type-col2 .tooltip {
        z-index: 1039
    }

    .stock-order-choose-quantity-container .order-type-col2 .tooltip .tooltip-arrow {
        border-top-color: #323232
    }

    .stock-order-choose-quantity-container .order-type-col2 .tooltip .tooltip-inner {
        max-width: 400px;
        width: 317px;
        padding: 10px 15px;
        text-align: left;
        background-color: #323232
    }

    .stock-order-choose-quantity-container .borderBottom {
        border-bottom: 1px solid #dbdbdb
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob {
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        width: 100%
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .permission-denied {
        position: absolute;
        background-color: #fff;
        opacity: .6;
        cursor: not-allowed;
        width: 100%;
        height: 100%;
        top: -5px;
        padding: 20px
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .permission-denied-avl-model {
        background-color: #f7f6f6
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob h3 {
        padding: 0;
        margin: 0
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob h3~p {
        padding-top: 5px;
        font-size: 10px
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob input {
        display: inline-block;
        visibility: hidden;
        position: absolute
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob label {
        background: #fff;
        border: 3px solid #0093c6 !important;
        border-radius: 2px;
        color: #000;
        cursor: pointer;
        display: table;
        font-size: 7px;
        height: 17px;
        padding: 0;
        position: relative;
        text-align: center;
        width: 17px
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob label.disabled-brand {
        border: 3px solid #acacac;
        cursor: default
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob label.disabled-brand i {
        color: #acacac
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob label.disabled-brand i.order-select-style {
        color: #0093c6 !important
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob label.orderType.type-radio.disabled-brand {
        border: 3px solid #acacac !important
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob label i {
        display: none;
        font-size: 7px;
        border-radius: 0 !important
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob input:checked+label i {
        display: table-cell;
        vertical-align: middle
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .orderType {
        float: left;
        margin-bottom: 20px;
        margin-right: 10px
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .orderTypeContent {
        margin-bottom: 20px
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .orderTypeContent p {
        line-height: 1em
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .ordertype-selector {
        margin-left: 15px
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .ordertype-selector .ordertype-label {
        font-size: 14px;
        font-weight: 400;
        float: left;
        padding: 5px 10px 0 0
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .ordertype-selector .button-ordertype-selector {
        background-color: #FFF;
        border: 1px solid #EEE
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .ordertype-selector .ordertype_head {
        margin-bottom: 0
    }

    .stock-order-choose-quantity-container .orderTypeSectionMob .ordertype-selector .ordertype-list {
        padding: 0 10px 5px
    }

    .stock-order-choose-quantity-container .checkAvlSection .non-rtb-cust-i,
    .stock-order-choose-quantity-container .checkAvlSection .non-rtb-cust-i .list-msg {
        margin-top: 10px
    }

    .stock-order-choose-quantity-container .checkAvlSection .non-rtb-cust-i .list-msg.tooltip-container {
        position: relative;
        display: inline-block
    }

    .stock-order-choose-quantity-container .checkAvlSection .non-rtb-cust-i .dana-cust-note .title {
        font-weight: 700;
        margin-right: 5px
    }

    .stock-order-choose-quantity-container .checkAvlSection .non-rtb-cust-i.stk-dealer {
        display: table
    }

    .stock-order-choose-quantity-container .checkAvlSection .non-rtb-cust-i.stk-dealer .fa-exclamation-triangle {
        display: table-cell
    }

    .stock-order-choose-quantity-container .checkAvlSection .non-rtb-cust-i.fa-exclamation-triangle {
        color: #ff8a00;
        font-size: 12px
    }

    .stock-order-choose-quantity-container .checkAvlSection .non-rtb-cust-i .fa-info-circle {
        margin-right: 5px
    }

    .stock-order-choose-quantity-container .checkAvlSection .data-row {
        margin-top: 10px;
        margin-left: 10px
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block {
        padding: 0 0 10px;
        font-weight: 600;
        display: table;
        width: 100%
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .check-price-n-avail,
    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .desire-qty {
        display: table-cell
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .check-price-n-avail .align-cart-button,
    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .desire-qty .align-cart-button {
        margin-top: 5px
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .check-price-n-avail .number-container input[type=text],
    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .desire-qty .number-container input[type=text] {
        font-size: 18px
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .desire-qty {
        max-width: 99px;
        margin-left: 0
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .qty-lbl {
        font-size: 11px;
        line-height: 1em;
        margin-right: 5px;
        font-weight: 700;
        color: #797979
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .qty-lbl a {
        cursor: pointer;
        color: #0093c6
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .data-row {
        margin-top: 10px
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .stk-non-auth-row .data-row {
        margin-top: 4px
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .qty-val {
        margin-right: 5px
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .qty-val input {
        width: 80px;
        margin-left: 0;
        padding: 5px
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .qty-val input.qty_invalid {
        outline: 0
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .qty-val .tooltip.top {
        width: 200px;
        z-index: 999
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .uom {
        height: 27px
    }

    .stock-order-choose-quantity-container .checkAvlSection .qty-check-block .uom strong {
        font-size: 12px;
        line-height: 12px
    }

    .stock-order-choose-quantity-container .checkAvlSection .check-btn {
        padding-top: 8px;
        padding-right: 12px
    }
}

.pzv-primary-btn-lg,
.pzv-primary-btn-md,
.pzv-primary-btn-sm,
.pzv-primary-btn-xl,
.pzv-primary-btn-xs {
    border: 2px solid #4d99cd
}

.pzv-primary-btn-lg[disabled],
.pzv-primary-btn-md[disabled],
.pzv-primary-btn-sm[disabled],
.pzv-primary-btn-xl[disabled],
.pzv-primary-btn-xs[disabled] {
    border: 2px solid #dbdbdb
}

.selected-address-card {
    position: absolute;
    right: 30px;
    top: 33%
}

.default-address-select-soldto {
    background-color: #e1e1e1
}

.default-selected-address-soldto {
    background-color: rgba(13, 181, 236, .11) !important
}

.text-decoration-none,
.text-decoration-none:hover {
    text-decoration: none
}

.category-list,
.regular-text,
.sub-title,
body {
    font-weight: 400px
}

.viewMoreLess {
    margin: 0;
    line-height: 2
}

.viewMoreLess a.read-less,
.viewMoreLess a.read-more {
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #09c;
    line-height: 1.5
}

.viewMoreLess a.read-less p,
.viewMoreLess a.read-more p {
    margin-bottom: 0
}

.viewMoreLess a.read-less i,
.viewMoreLess a.read-more i {
    font-size: 18px;
    position: relative;
    left: 5px;
    color: #0093c6;
    top: 2px
}

.viewMoreLess span.more-text {
    display: none
}

.viewMoreLess span.more-text.show {
    display: inline !important
}

.category-list,
.sub-title {
    font-size: 13px
}

.tiny-text {
    font-size: 9px;
    line-height: 1
}

.pzv-cross-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    cursor: pointer;
    right: 9px;
    top: 10px;
    z-index: 1049
}

#overlay,
.content .home img {
    width: 100%
}

body,
html {
    height: 100%
}

body #pzv_aftermarket,
html #pzv_aftermarket {
    background: #E8E8E8
}

html {
    background: #f0f0f0
}

body {
    margin: 0 auto;
    padding-right: 0 !important
}

@media (min-width:0) and (max-width:767px) {
    body.is-mobile {
        overflow: hidden !important;
        position: relative;
        top: 0;
        left: 0
    }
}

body.is-mobile main {
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

body.is-mobile main .home .carousel {
    height: calc(100% - 74px)
}

.nr-backdrop,
.un-supported-info-wrap {
    display: none
}

.orientation-warning-message {
    background-color: #ffdc4c;
    width: 100%;
    height: 64px;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px
}

.content>* {
    margin: auto;
    min-height: 100%
}

.content .home {
    height: 100%
}

.content .home .carousel {
    height: calc(100% - 41px)
}

#overlay,
.content .home .carousel .carousel-inner {
    height: 100%
}

.content .home .carousel .carousel-indicators {
    margin-bottom: -10px
}

@media (min-width:1024px) {
    .content .home .carousel .carousel-inner>.item>img {
        min-height: 400px
    }
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s
}

.dim-overlay .dim-bg,
.dummy-class {
    background-color: #000
}

html {
    -ms-overflow-y: scrollbar
}

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

.caret {
    border-top: 4px solid !important
}

.interchange-supersession {
    margin-left: -28px;
    margin-top: -5px;
    margin-bottom: 10px
}

.interchange-supersession .interchange-badge {
    float: left;
    width: auto;
    height: 20px;
    display: table;
    position: relative
}

.interchange-supersession .interchange-badge .legal-text i:focus {
    outline: 0
}

.interchange-supersession .interchange-badge .legal-text i {
    position: absolute;
    right: -15px;
    bottom: 2px;
    font-size: 15px;
    cursor: pointer;
    color: #494949
}

.interchange-supersession .interchange-badge span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 20px
}

.interchange-supersession .interchange-badge:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.interchange-supersession .superseded-badge {
    width: auto;
    float: left
}

.interchange-supersession .superseded-partnumber {
    float: left;
    font-weight: 600;
    color: #0093C6;
    margin-left: 10px;
    font-size: 14px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {

    article,
    body,
    html,
    main {
        cursor: pointer
    }

    body {
        overflow-x: hidden !important;
        width: 100% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1),
only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
screen and (device-width:601px) and (device-height:906px) and (-webkit-min-device-pixel-ratio:1.331) and (-webkit-max-device-pixel-ratio:1.332) and (orientation:portrait),
only screen and (min-device-width:800px) and (max-device-width:1280px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait),
only screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait),
only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3),
screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2),
screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3),
screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3),
screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) {
    body {
        width: 100%;
        overflow-x: hidden !important
    }
}

.pzv-sort-icon.small-label {
    margin-left: 5px
}

.pzv-sort-icon.large-label {
    margin-left: 3px
}

.pzv-sort-icon {
    font-size: 13px;
    width: 11px;
    height: 11px;
    margin-left: 1px;
    cursor: pointer;
    position: relative;
    color: #acacac
}

.pzv-sort-icon.sort .fa-caret-up {
    color: #323232
}

.pzv-sort-icon.sort.desc .fa-caret-up {
    color: #acacac
}

.pzv-sort-icon.sort.desc .fa-caret-down {
    color: #323232
}

.pzv-sort-icon .fa-caret-up {
    position: absolute;
    top: 0
}

.pzv-sort-icon .fa-caret-down {
    position: absolute;
    top: 6px
}

.dim-overlay,
.dim-overlay .dim-bg,
.dim-overlay .loading-spinner {
    position: fixed;
    width: 100%;
    height: 100%
}

.dim-overlay {
    top: 0;
    left: 0;
    z-index: 1031
}

.dim-overlay .dim-bg {
    z-index: 1032;
    opacity: .3
}

.dim-overlay .loading-spinner {
    z-index: 1033;
    opacity: 1
}

.dim-overlay .loading-spinner .top-left {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    top: 50%
}

.dim-overlay .loading-spinner .top-left .bottom-right {
    position: absolute;
    width: 64px;
    height: 64px;
    right: 50%;
    bottom: 50%
}

.prime-popover {
    max-width: 180px !important
}

a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
    text-decoration: none
}

.category-menu-wrapper {
    padding: 2px 0 0;
    position: static
}

.switch-cst-sign-out-link {
    z-index: 1032;
    position: absolute;
    top: 40px;
    right: 25px;
    color: #09c;
    width: 150px;
    text-align: right
}

.customer-blocker {
    padding-top: 45px !important
}

#nav-header {
    background-color: #323232;
    min-height: 94px;
    padding: 1rem 1rem 0
}

#nav-header .pzv-tbl-tc1 {
    border-color: #fff
}

#nav-header .menu-container.menu-for-prime {
    max-width: 350px;
    width: 300px
}

#nav-header .menu-container .prime_container {
    width: 300px;
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 10px
}

#nav-header .menu-container .prime_container .prime_wrapper {
    padding: 3px 10px;
    position: relative
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_head .head_title {
    font-weight: 900;
    font-size: 14px;
    padding-bottom: 5px
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_head .des-user {
    font-size: 12px;
    font-weight: 530;
    width: 75%
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_head span {
    color: #323232 !important
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_head .act {
    margin-left: auto;
    padding: 10px 0
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_head .act .btn {
    border-radius: 5%
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_head .act .btn span {
    color: #fff !important
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px;
    max-height: 40vh;
    overflow-y: auto
}

#nav-header .menu-container .prime_container .prime_wrapper .prime_body .benifits {
    color: #323232 !important;
    font-size: 12px;
    font-weight: 550;
    margin-bottom: 10px
}

#nav-header .menu-container .prime_container .prime_wrapper .membership {
    position: absolute;
    top: 0;
    right: 10px;
    color: #fff;
    padding: 3px;
    text-align: center
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-status-diamond {
    margin: 0 0 0 24.3px;
    width: 60px;
    border-width: 0 0 27px;
    border-style: solid;
    border-color: #E2E5F9 transparent
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-status-diamond:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 29px;
    left: 27px;
    border-width: 15px 31px 0;
    border-style: solid;
    border-color: #E2E5F9 transparent transparent
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-status-gold {
    margin: 0 0 0 24.3px;
    width: 60px;
    border-width: 0 0 27px;
    border-style: solid;
    border-color: #EDC133 transparent
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-status-gold:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 29px;
    left: 27px;
    border-width: 15px 31px 0;
    border-style: solid;
    border-color: #EDC133 transparent transparent
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-status-silver {
    margin: 0 0 0 24.3px;
    width: 60px;
    border-width: 0 0 27px;
    border-style: solid;
    border-color: #C5C4C4 transparent
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-status-silver:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 29px;
    left: 27px;
    border-width: 15px 31px 0;
    border-style: solid;
    border-color: #C5C4C4 transparent transparent
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-status-bronze {
    margin: 0 0 0 24.3px;
    width: 60px;
    border-width: 0 0 27px;
    border-style: solid;
    border-color: #8F6000 transparent
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-status-bronze:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 29px;
    left: 27px;
    border-width: 15px 31px 0;
    border-style: solid;
    border-color: #8F6000 transparent transparent
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .level-name-count {
    position: absolute;
    top: 5px;
    left: 25px;
    font-size: 12px;
    right: 0;
    font-weight: 600
}

#nav-header .menu-container .prime_container .prime_wrapper .membership .font-style-change {
    color: #485777
}

#nav-header .menu-container .prime_container .prime_wrapper ::-webkit-scrollbar {
    width: 4px
}

#nav-header .menu-container .prime_container .prime_wrapper ::-webkit-scrollbar-track {
    background: #DAD6CA
}

#nav-header .menu-container .prime_container .prime_wrapper ::-webkit-scrollbar-thumb {
    background: #BCB29A
}

#nav-header .menu-container .prime_container .prime_wrapper ::-webkit-scrollbar-thumb:hover {
    background: #c4b38d
}

#nav-header .password-show-wrapper {
    position: absolute;
    font-size: 18px;
    right: 20px;
    z-index: 10;
    color: #3083C9;
    cursor: pointer;
    top: -2px
}

#nav-header #sign-in-password,
#nav-header .pzv-search-general-dynamic {
    position: relative
}

#nav-header .password-show-wrapper .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#nav-header .password {
    padding-right: 30px
}

#nav-header .pzv-cross-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    cursor: pointer;
    right: 9px
}

#nav-header .navbar-nav>li {
    float: left;
    position: static
}

#nav-header .lang-cur-selector .dropdown .dropdown-toggle {
    top: 4px;
    background-color: transparent !important;
    color: #fff !important
}

#nav-header .lang-cur-selector .dropdown .dropdown-toggle.notlogged-in {
    padding-top: 10px;
    padding-bottom: 10px
}

#nav-header .dropdown.open .dropdown-toggle .fa-caret-down:after,
#nav-header .lang-cur-selector .dropdown.open .dropdown-toggle .fa-caret-down:after {
    content: " ";
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: 10px;
    top: 3px;
    position: absolute;
    left: -15px;
    z-index: 1001
}

#nav-header .lang-cur-selector .dropdown .dropdown-menu {
    top: 41px
}

#nav-header .lang-cur-selector .dropdown .dropdown-menu.notlogged-in {
    top: 35px
}

#nav-header .pzv-cust-care {
    float: right
}

#nav-header .pzv-cust-care a {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#nav-header #customerList ul.dropdown-menu {
    right: 0;
    left: inherit;
    margin-top: -8px;
    min-width: 580px;
    padding: 20px
}

#nav-header #customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr>td i {
    color: #cacaca;
    font-size: 14px
}

#nav-header #customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr>td i.fa-dot-circle-o {
    color: #1ed500
}

#nav-header #customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr.selected {
    background-color: #f9f9f9 !important;
    border: 1px solid #eee;
    pointer-events: none
}

#nav-header #customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody {
    cursor: pointer
}

#nav-header #customerList ul.dropdown-menu .search-container {
    position: relative
}

#nav-header #customerList ul.dropdown-menu .search-container .fa-search {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 16px;
    z-index: 4
}

#nav-header #customerList .customer-backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .6;
    z-index: 20
}

#nav-header .cust-no {
    color: #fff;
    padding: 0 10px 5px;
    float: right;
    font-weight: 400
}

#nav-header .cust-no :focus {
    text-decoration: none
}

#nav-header .cust-no .fa-caret-down {
    margin-left: 5px;
    color: #fff;
    outline: 0;
    position: relative;
    font-size: 16px;
    top: 2px
}

#nav-header .cust-no .fa-caret-down :focus {
    color: #3c7ab7
}

#nav-header .cust-no .dropdown.open .dropdown-toggle .fa-caret-down:after {
    content: " ";
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: 10px;
    top: 4px;
    position: absolute;
    left: 112px;
    z-index: 1001
}

#nav-header .category-list li.open,
#nav-header .nav-section.bottom ul li.open {
    border-bottom: 4px solid #09C
}

#nav-header .iconNav {
    color: #fff
}

#nav-header .navbar-nav>li>a {
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px
}

#nav-header .category-list li dl a {
    color: #000;
    position: relative
}

#nav-header .category-list li a {
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0
}

#nav-header .category-list.nav li .mega-cat-item {
    display: block !important;
    padding: 13px 15px !important
}

@media only screen and (min-width:768px) and (max-width:1220px) {
    #nav-header .category-list.nav li .mega-cat-item {
        padding: 13px 18px 0 0 !important
    }
}

#nav-header .category-list.nav li.open>div>.dropdown-menu {
    display: block;
    margin-top: 0
}

#nav-header .category-menu {
    padding-right: 15px;
    padding-left: 15px
}

#nav-header #main {
    width: 500px;
    height: 0;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#nav-header #main div {
    width: 120px;
    height: 50px
}

#nav-header .search-bar {
    width: 100%;
    margin: 0
}

#nav-header .search-bar .srchPlace {
    float: left
}

#nav-header .container {
    margin: 0;
    padding: 0
}

#nav-header .pzv-logo {
    max-width: 100%;
    max-height: 100%
}

#nav-header .pzv-main-col {
    padding-left: 0
}

#nav-header .pzv-main-col .search-col {
    padding: 0
}

@media only screen and (min-width:768px) and (max-width:1220px) {
    #nav-header .category-list {
        margin-left: 0
    }

    #nav-header .pzv-main-col {
        padding-left: 10px
    }
}

#nav-header .login-input-field {
    border-radius: 4px;
    height: 23px !important;
    min-height: 20px !important
}

#nav-header .pzv-span {
    color: #9a9a9a;
    font-size: 11px
}

#nav-header .pzv-span>b>a {
    cursor: pointer
}

#nav-header .pzv-search {
    width: calc(100% - 40px);
    font-size: 14px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

#nav-header .pzv-search-icon-btn {
    width: 40px
}

#nav-header .pzv-label {
    color: azure;
    font-weight: 500
}

#nav-header .pzv-search-btn {
    padding-top: 10px;
    padding-bottom: 9px
}

#nav-header .regionImg {
    height: 16px;
    top: 16px;
    float: left;
    position: absolute;
    left: -5px
}

#nav-header .regionImg.after-login {
    top: 19px
}

#nav-header .pzv-region-span {
    color: #fff;
    font-size: 13px;
    padding: 7px
}

#nav-header .pzv-login {
    position: relative
}

#nav-header .pzv-login .pzv-login-btn {
    width: 60%;
    position: absolute
}

#nav-header .cart-menu {
    position: relative;
    top: 18px;
    left: 82%
}

@media (min-width:1028px) and (max-width:1188px) {
    #nav-header .cart-menu {
        margin-right: 20px
    }
}

#nav-header .cart-menu a {
    display: inline-block;
    text-align: center
}

#nav-header .cart-menu a .badge-cart {
    position: absolute;
    left: 53%;
    min-width: 27px;
    margin-top: -6px;
    font-size: 9px;
    font-weight: 700;
    margin-left: -20px;
    border-radius: 5px
}

#nav-header .cart-menu a.focus,
#nav-header .cart-menu a:hover {
    text-decoration: none
}

#nav-header .cart-menu a .carticon {
    width: 31px;
    height: 27px
}

#nav-header .cart-menu a .carttxt {
    top: 6px;
    position: relative;
    font-size: 13px;
    left: 2px
}

#nav-header .input-group.md-form.form-sm.form-1 input {
    border: 1px solid #bdbdbd;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

#nav-header .input-group.md-form.form-sm.form-2 input {
    border: 1px solid #bdbdbd;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

#nav-header .input-group-append>a {
    position: absolute
}

#nav-header .nav-right-row {
    position: relative;
    float: right
}

#nav-header .nav-right-row.not-logged-in {
    top: -7px
}

#nav-header .nav-right-row .signedinpopup {
    padding-bottom: 5px;
    line-height: 1.2;
    display: inline-block;
    cursor: pointer
}

#nav-header .nav-right-row .signedinpopup .user-name {
    font-size: 12px
}

#nav-header .nav-right-row .navbar-right {
    margin-right: 20px !important;
    padding: 0 !important;
    width: -moz-max-content;
    width: max-content
}

#nav-header .nav-right-row .region-li {
    position: relative;
    top: 18px;
    list-style: none
}

#nav-header .nav-right-row .region-li span {
    color: #fff
}

#nav-header .nav-right-row .region-li i.fa-reply {
    color: #fff;
    margin-top: 18px;
    font-size: 12px
}

#nav-header .nav-right-row .region-li .lang-cur-selector .dropdown .dropdown-toggle .fa-caret-down {
    margin-left: 5px;
    color: #fff !important;
    outline: 0;
    position: relative;
    font-size: 16px;
    top: 0;
    width: 12px
}

#nav-header .nav-right-row .region-li lang-cur-selector>a {
    top: 4px
}

#nav-header .nav-right-row .pzv-color-link {
    color: #3c7ab7
}

#nav-header .nav-right-row .availability-li-out {
    list-style: none;
    padding-left: 10px
}

#nav-header .nav-right-row .availability-li-out .availability-image {
    position: relative;
    top: -2px;
    padding: 2px
}

#nav-header .nav-right-row .availability-li-out .avail-a {
    padding-top: 7px
}

#nav-header .nav-right-row .availability-li {
    min-width: 130px
}

#nav-header .nav-right-row .availability-li .availability-image {
    width: 24px;
    height: 20px;
    position: relative;
    top: -3px
}

#nav-header .nav-right-row .availability-li .avail-a {
    width: 75px
}

#nav-header .nav-right-row .availability-li .avail-span {
    font-weight: 600;
    position: relative;
    top: 2px
}

#nav-header .nav-right-row .support-li {
    margin-top: 15px;
    font-weight: 600
}

#nav-header .nav-right-row .account-li {
    position: relative;
    max-width: 210px;
    top: 8px
}

#nav-header .nav-right-row .account-li li.rfq-list a .badge {
    background: #ff0600;
    font-size: 10px;
    position: relative;
    top: -5px;
    left: -1px;
    border: 2px solid #464646;
    color: #fff;
    padding: 3px 5px
}

#nav-header .nav-right-row .account-li.new-arrival-show {
    position: relative
}

#nav-header .nav-right-row .account-li.new-arrival-show .badge-arrival-show {
    position: absolute;
    left: 50%;
    min-width: 30px;
    margin-top: 2px;
    font-size: 8px;
    background-color: #45c500;
    text-transform: uppercase;
    padding: 3px
}

#nav-header .nav-right-row .account-li hr {
    margin-top: 2px;
    margin-bottom: 2px
}

#nav-header .nav-right-row .account-li span {
    color: #fff
}

#nav-header .nav-right-row .account-li a:focus {
    color: #3c7ab7
}

#nav-header .nav-right-row .account-li .fa-caret-down {
    margin-left: 5px;
    color: #fff !important;
    outline: 0;
    position: relative;
    font-size: 16px;
    top: 0;
    width: 12px
}

#nav-header .nav-right-row .account-li .fa-caret-down:focus {
    color: #3c7ab7
}

#nav-header .nav-right-row .account-li .dropdown.open .dropdown-toggle .fa-caret-down:after {
    content: " ";
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: 10px;
    top: 3px;
    position: absolute;
    left: -15px;
    z-index: 1001
}

#nav-header .nav-right-row .account-li .price-settings {
    margin-top: 0;
    padding-bottom: 5px;
    color: #3c7ab7
}

#nav-header .nav-right-row .account-li .price-settings.epp-link .accordion-body {
    font-size: 13px;
    color: #323232;
    padding-left: 20px
}

#nav-header .nav-right-row .account-li .price-settings .switch {
    margin-right: 10px
}

#nav-header .nav-right-row .account-li .price-settings a span {
    color: #3c7ab7
}

#nav-header .nav-right-row .account-li .price-settings .panel-group .panel-heading .panel-title a>span i {
    margin-top: 4px
}

#nav-header .nav-right-row .account-li .price-settings .panel-group .panel-default .panel-title {
    padding-left: 20px;
    padding-right: 10px
}

#nav-header .nav-right-row .account-li .price-settings .panel-group .panel-body .price-download {
    position: relative
}

#nav-header .nav-right-row .account-li .price-settings .panel-group .panel-body .price-download a {
    line-height: 22px
}

#nav-header .nav-right-row .account-li .price-settings .pzv-lnk-uib-accordion .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    padding-top: 7px;
    border-top: 1px solid #ebebeb;
    margin-top: 5px
}

#nav-header .nav-right-row .account-li .price-settings.price-list-download .panel-body {
    padding-top: 0 !important;
    border-top: 0 !important
}

#nav-header .nav-right-row .account-li .price-settings .panel-default,
#nav-header .nav-right-row .account-li .price-settings .panel-heading,
#nav-header .nav-right-row .account-li .price-settings .panel-title {
    background: 0 0
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body>span {
    font-size: 13px;
    color: #acacac;
    padding-left: 20px
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body .price-download {
    padding-left: 30px
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body .price-download .download-new {
    position: absolute;
    border: 4px solid #0CEB0C;
    top: 0;
    left: 0;
    border-bottom: 18px solid #0CEB0C
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body .switch {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 14px;
    margin-bottom: 0;
    top: 3px
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body .switch input {
    display: none
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body input:checked+.slider {
    background-color: #39A200
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body input:focus+.slider {
    box-shadow: 0 0 1px #39A200
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body input:checked+.slider:before {
    transform: translateX(6px)
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body .slider.round {
    border-radius: 12px
}

#nav-header .nav-right-row .account-li .price-settings .accordion-body .slider.round:before {
    border-radius: 50%
}

#nav-header .nav-right-row .list-li {
    position: relative;
    top: 31px
}

#nav-header .nav-right-row .list-li .order-list .pzv-without-href,
#nav-header .nav-right-row .list-li .order-list>a {
    color: #fff
}

#nav-header .nav-right-row .list-li .fa-caret-down {
    margin-left: 5px;
    color: #fff;
    outline: 0;
    position: relative;
    font-size: 16px;
    top: 2px
}

#nav-header .nav-right-row .list-li #listpopover .create-new-list-icon>span,
#nav-header .nav-right-row .list-li .fa-caret-down:focus {
    color: #3c7ab7
}

#nav-header .nav-right-row .list-li #listpopver .ddlarrow {
    position: absolute;
    top: -43px;
    right: -7px
}

#nav-header .nav-right-row .cart-li {
    position: relative;
    top: 35px;
    list-style: none
}

#nav-header .nav-right-row .cart-li .carticon {
    width: 31px;
    height: 27px;
    float: left
}

#nav-header .nav-right-row .cart-li .badge-cart {
    position: absolute;
    min-width: 27px;
    font-size: 9px;
    font-weight: 700;
    border-radius: 5px;
    left: 12px;
    top: -11px
}

.ymmFilterInputs {
    margin: 10px
}

.ymmFilterInputs input {
    margin: 5px;
    padding: 5px
}

.ymmFilterInputs .btn {
    padding: 5px 10px;
    margin-top: 0
}

.thumbnail-img {
    height: 100px
}

.embed-footer {
    position: fixed;
    width: 100%;
    min-height: auto !important;
    bottom: 20px;
    left: 5px;
    margin: auto -10px !important
}

.embed-footer .footer-logo-wrapper {
    float: left
}

.embed-footer .footer-logo-wrapper .logo-img-external {
    max-width: 100px
}

.embed-footer .privacy-links {
    float: right;
    line-height: 53px
}

.order-price {
    display: inline
}

.locator-icon {
    font-size: 14px;
    cursor: pointer
}

.popover.locator-details-popover {
    background: #323232;
    opacity: 1;
    max-width: 350px;
    width: 350px
}

.popover.locator-details-popover.right>.arrow {
    border-right-color: #323232 !important
}

.popover.locator-details-popover.right>.arrow:after {
    border-right-color: #323232
}

.popover.locator-details-popover .popover-inner {
    color: #fff;
    max-width: 350px;
    width: 350px
}

.popover.locator-details-popover .popover-inner .popover-content {
    padding: 20px
}

.popover.locator-details-popover .popover-inner .popover-content .part-title {
    padding-right: 20px
}

.popover.locator-details-popover .popover-inner .popover-content .close-bar img {
    right: -5px
}

.popover.locator-details-popover .popover-inner .popover-content .label-txt {
    margin-right: 5px
}

.popover.locator-details-popover .popover-inner .popover-content .img-container {
    margin: 10px 0
}

.popover.locator-details-popover .popover-inner .popover-content .mb-5 {
    margin-bottom: 5px
}

.partDetails.invalid-part {
    padding-top: 160px;
    background: inherit
}

.default-select-default {
    color: #000;
    font-weight: 600
}

.default-select {
    color: #757575;
    font-weight: 600
}

.partDetails {
    padding-bottom: 10px
}

.partDetails>.container-fluid {
    padding: 0
}

.partDetails>.container-fluid .part-details-container {
    padding-left: 10px;
    padding-right: 10px
}

.partDetails>.container-fluid .part-details-container .used-part-img {
    width: 35px
}

.partDetails>.container-fluid .part-details-container .field-row-height {
    position: relative
}

.partDetails>.container-fluid .part-details-container .field-row-height i {
    position: absolute;
    font-size: 16px;
    pointer-events: none;
    top: 12px;
    right: 15px
}

.partDetails>.container-fluid .part-details-container .clr-btn {
    margin: 5px;
    padding: 5px 10px
}

.partDetails>.container-fluid .part-details-container .where-used-container .where-used-wrapper {
    border: 1px solid #DBDBDB;
    margin: 10px
}

.partDetails>.container-fluid .part-details-container .where-used-container .where-used-wrapper .accord-label {
    color: #acacac;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: 600
}

.partDetails>.container-fluid .part-details-container .where-used-container .where-used-wrapper .accord-data {
    font-weight: 650;
    font-size: 14px
}

.partDetails>.container-fluid .part-details-container .loader {
    height: 100%;
    min-height: 400px;
    padding: 80px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.partDetails>.container-fluid .part-details-container .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.partDetails>.container-fluid .part-not-found-wrapper {
    height: 70vh;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.partDetails .replace-part-no {
    padding-left: 4px;
    padding-bottom: 20px;
    line-height: 15px;
    display: inline-block;
    float: left;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #6e6e6e
}

.partDetails .replace-part-no a {
    font-weight: 700;
    color: #09c
}

.partDetails .bread-crumb {
    padding-right: 10px
}

.partDetails>.error-section {
    height: 308px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 308px
}

.partDetails>.error-section .vc-aligned {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.partDetails>.error-section .vc-aligned>h2 {
    font-size: 18px;
    margin-top: 0;
    color: #323232;
    line-height: 18px;
    margin-bottom: 40px
}

.partDetails>.error-section .vc-aligned .btn-app {
    height: 32px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    min-width: 90px
}

.partDetails>.error-section .vc-aligned .btn-app.active.focus,
.partDetails>.error-section .vc-aligned .btn-app.active:focus,
.partDetails>.error-section .vc-aligned .btn-app.focus,
.partDetails>.error-section .vc-aligned .btn-app:active.focus,
.partDetails>.error-section .vc-aligned .btn-app:active:focus,
.partDetails>.error-section .vc-aligned .btn-app:focus {
    outline: 0
}

.partDetails>.error-section .vc-aligned .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.partDetails>.error-section .vc-aligned .btn-app-primary.focus,
.partDetails>.error-section .vc-aligned .btn-app-primary:focus,
.partDetails>.error-section .vc-aligned .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.partDetails .th-fit-notes {
    width: 30%
}

.partDetails .part-name-title {
    line-height: 28px;
    padding-bottom: 11px;
    position: relative;
    padding-left: 44px;
    margin-bottom: 10px;
    margin-top: 0
}

.partDetails .part-name-title .part-desc-img {
    position: absolute;
    left: 0;
    top: 0
}

.partDetails .part-name-title .part-desc-img.part-status {
    top: 10px !important
}

.partDetails .part-panel {
    margin-top: 20px
}

.partDetails .warranty {
    width: 80%
}

.partDetails .custom-thumbnail {
    max-width: 100%;
    margin: auto auto 7px
}

.partDetails .custom-thumbnail img {
    max-width: 100%;
    max-height: 100%
}

.partDetails .custom-thumbnail img.opaque {
    opacity: .4;
    filter: alpha(opacity=40)
}

.partDetails .sales-desc {
    margin-top: 10px !important
}

.partDetails .disclaimer-wrapper {
    font-size: 11px;
    color: #6e6e6e;
    font-weight: 400;
    margin: 0 0 15px 2px
}

.partDetails .disclaimer-wrapper i {
    font-size: 13px
}

.partDetails .active-thumb {
    border: 1px solid #dbdbdb;
    padding: 2px;
    width: 40px
}

.partDetails .inactive-thumb {
    border: 1px solid #f0f0f0;
    padding: 2px;
    width: 40px
}

.partDetails .spec-n-model {
    margin: 0;
    border-radius: 2px;
    padding: 0
}

.partDetails .spec-n-model .col-md-5,
.partDetails .spec-n-model .col-md-7 {
    padding: 0
}

.partDetails .spec-n-model table {
    margin-bottom: 0
}

.partDetails .spec-n-model .col-md-7 {
    text-align: center
}

.partDetails .comp-table table {
    margin-top: 15px
}

.partDetails .data-sheet,
.partDetails .mid-sections,
.partDetails .scroll-to-btns {
    margin-top: 20px
}

.partDetails .data-sheet .task {
    display: inline-block;
    margin-left: 30px;
    position: relative
}

.partDetails .data-sheet .task.share-part-via-email,
.partDetails .data-sheet .task:first-of-type {
    margin-left: 0
}

.partDetails .data-sheet .task a {
    color: #0093c6;
    text-decoration: none;
    outline: 0
}

.partDetails .data-sheet .task a i {
    font-size: 16px;
    margin-right: 5px
}

.partDetails .data-sheet .task .fa {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.partDetails .data-sheet .task img {
    margin-bottom: 4px
}

.partDetails .scroll-to-btns .btn {
    color: #0093c6;
    background-color: #fafafa;
    border-left: 1px solid #eee
}

.partDetails .scroll-to-btns .btn:first-child {
    border-left: 0
}

.partDetails .add-to-order input {
    width: 60px;
    height: 25px;
    text-align: center
}

.partDetails .add-to-order .activeButton,
.partDetails .add-to-order button {
    width: 50px;
    height: 25px;
    text-align: center;
    color: #fff;
    margin-left: 10px;
    padding: 0
}

.partDetails .add-to-order button {
    background: #CCC;
    pointer-events: none
}

.partDetails .add-to-order .activeButton {
    background-color: #007cc3;
    pointer-events: visible
}

.partDetails .top-section-row {
    padding: 0 15px 0 0
}

.partDetails .top-section-row .list-avail-container .tooltip {
    width: 300px
}

.partDetails .top-section-row .list-avail-container .tooltip-inner {
    color: #000;
    max-width: 280px;
    background-color: #FFF799;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #a2a2a2
}

.partDetails .top-section-row .list-avail-container .tooltip.top .tooltip-arrow {
    border-top-color: #707070;
    border-width: 9px;
    bottom: -12px
}

.partDetails .top-section-row .list-avail-container .checking-avlbt span {
    font-size: 14px;
    margin: 5px;
    float: left
}

.partDetails .top-section-row .list-avail-container .checking-avlbt span b {
    color: #6e6e6e
}

.partDetails .top-section-row .list-avail-container .checking-avlbt .qty-avail {
    font-size: 15px;
    font-weight: 700
}

.partDetails .top-section-row .list-avail-container .checking-avlbt a,
.partDetails .top-section-row .list-avail-container .checking-avlbt i {
    font-size: 14px;
    margin: 6px;
    float: left;
    color: #000
}

.partDetails .top-section-row .list-avail-container .checking-avlbt a {
    color: #23527c;
    text-decoration: none;
    outline: 0
}

.partDetails .top-section-row .list-avail-container .list-added-container {
    border: 1px solid #ccc;
    width: 90%;
    float: left;
    border-radius: 3px;
    margin-top: 10px
}

.partDetails .top-section-row .list-avail-container .list-added-container p {
    padding: 0;
    font-size: 12px;
    margin: 5px;
    float: left
}

.partDetails .top-section-row .list-avail-container .list-added-container p i {
    color: #0acd0a;
    margin-right: 5px
}

.partDetails .top-section-row .list-avail-container .dropdown-menu {
    padding: 0;
    margin-top: 5px
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes {
    right: 0;
    background-color: #FFF;
    border: 1px solid #707070;
    width: 180px;
    z-index: 1000;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 3px 4px 11px -1px rgba(0, 0, 0, .34)
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists .select-text,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes .select-text {
    padding-bottom: 5px;
    border-bottom: 1px solid #acacac;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    margin: 0 10px;
    padding-top: 5px
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists .nodata-msg,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes .nodata-msg {
    font-size: 13px;
    color: #acacac
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists .fa-info-circle,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes .fa-info-circle {
    color: #6e6e6e;
    font-size: 18px;
    margin: 10px 3px
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists ul,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes ul {
    list-style-type: none;
    padding: 0;
    max-height: 138px;
    overflow-y: auto
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists li,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes li {
    padding: 5px 10px;
    text-align: left
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists li a,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes li a {
    color: #000
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists li:hover,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes li:hover {
    background-color: #EEE
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists .hrLine,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes .hrLine {
    padding: 0;
    margin-bottom: 10px
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists .create-lbl,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes .create-lbl {
    padding: 0 0 10px 10px
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists .create-list-div,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes .create-list-div {
    border-top: 1px solid #acacac;
    margin: 0 10px;
    text-align: left;
    padding-top: 8px
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists .create-list-div a,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes .create-list-div a {
    font-weight: 600;
    text-decoration: none
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists .create-list-div .fa-plus,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes .create-list-div .fa-plus {
    font-size: 12px
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists:after {
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.partDetails .top-section-row .list-avail-container .pulldown-mylists:before,
.partDetails .top-section-row .list-avail-container .pulldown-ordertypes:before {
    top: -6px;
    left: 25px;
    position: absolute;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #707070;
    border-left: 7px solid transparent;
    border-bottom-color: #707070;
    content: ''
}

.partDetails .top-section-row .list-avail-container button {
    float: right;
    margin-right: 10px;
    border-radius: 3px;
    background: #0093c6;
    border: none
}

.partDetails .top-section-row .list-avail-container button.check-avail {
    margin-right: 0;
    padding: 6px 15px;
    float: right;
    font-size: 12px
}

.partDetails .top-section-row .list-avail-container button.add-to-list {
    padding: 6px 15px;
    float: left;
    font-size: 12px
}

.partDetails .top-section-row .list-avail-container .list-added-list {
    float: right
}

.partDetails .top-section-row .list-avail-container .list-added-list .row {
    margin-left: 20px
}

.partDetails .top-section-row .list-avail-container .list-added-list .row i {
    color: #0acd0a;
    float: left;
    margin: 3px
}

.partDetails .top-section-row .list-avail-container .list-added-list .row p {
    float: left;
    color: #6e6e6e
}

.partDetails .top-section-row .list-avail-container .list-added-list .row:nth-child(3) {
    text-align: center;
    width: 80%;
    float: left;
    margin-top: 10px;
    color: #ccc
}

.partDetails .top-section-row .list-avail-container .list-added-list .row:nth-child(2) button {
    background: #fff;
    color: #0093c6;
    border: 1px solid #ccc;
    font-weight: 700
}

.partDetails .top-section-row .list-avail-container .list-added-list .row:nth-child(1) {
    margin-top: 5px;
    margin-bottom: 5px
}

.partDetails .top-section-row .list-avail-container .list-added-list .row:nth-child(1) i {
    font-size: 16px;
    margin-right: 10px;
    margin-left: 10px
}

.partDetails .top-section-row .list-avail-container .list-added-list .row:nth-child(1) p {
    font-size: 16px
}

.partDetails #active-pic {
    padding: 0 4px !important;
    width: 100%
}

.partDetails #active-pic .represent-img {
    width: 50%;
    height: 26px;
    display: block;
    left: -2rem;
    top: 10rem;
    padding: 6px
}

.partDetails #active-pic .represent-img span {
    padding-left: 10px;
    padding-right: 10px
}

.partDetails #active-pic .represent-img.rep-return-img {
    background: #ff0;
    color: #000
}

.partDetails #active-pic .rep-abs-img {
    background: #ff0;
    color: red;
    font-weight: 600;
    font-size: 10px
}

.partDetails .breadcrumb-section {
    margin-top: 0 !important;
    margin-left: -10px;
    margin-right: -10px !important
}

.partDetails .breadcrumb-section .breadcrumb {
    padding: 20px 20px 10px;
    background-color: #fff;
    border-radius: 0
}

.partDetails .breadcrumb-section .breadcrumb li+li:before {
    content: " : ";
    padding: 0 5px
}

.partDetails .breadcrumb-section .breadcrumb li a {
    color: #000;
    font-size: 13px;
    font-weight: 600
}

.partDetails .breadcrumb-section .breadcrumb li a:focus,
.partDetails .breadcrumb-section .breadcrumb li a:hover {
    text-decoration: none
}

.partDetails .breadcrumb-section .breadcrumb li.active a {
    color: #0093c6;
    font-size: 13px;
    font-weight: 600
}

.partDetails .panel-default {
    border-color: none
}

.partDetails .panel .panel-heading {
    padding: 21px 22px
}

.partDetails .panel .panel-body {
    padding: 20px 15px
}

.partDetails .elearn,
.partDetails .thumbnail {
    border-radius: 0
}

.partDetails .other-images .thumbnail {
    height: 70px
}

.partDetails .active-on-print {
    display: none
}

.partDetails .companybtn {
    padding: 15px 20px;
    border: 1px solid #e9e9e9;
    border-radius: 3px
}

.partDetails .wrapperbox {
    background-color: #fff;
    padding: 0 20px 10px
}

.partDetails .fa-exclamation-triangle {
    color: #b4b4b4;
    padding-right: 10px;
    font-size: 16px
}

.partDetails .fa-user {
    color: #0093c6;
    font-size: 25px;
    padding-right: 10px
}

.partDetails .fa-question-circle {
    color: gray
}

.partDetails .lightcolor {
    color: #d7e9f8
}

.partDetails .question-cir {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 2px
}

.catalog a,
.partlist a {
    font-weight: 400;
    font-size: 13px
}

.partDetails .proceed-head {
    color: #555;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 13px
}

.partDetails .proceed-head span {
    padding-top: 10px
}

.partDetails a {
    text-decoration: none;
    cursor: pointer
}

.partDetails .lightboxaddtocard {
    width: 100%;
    height: 25px;
    padding: 20px
}

.partDetails .lightboxaddtocard .fa-check {
    margin-right: 10px
}

.partDetails .gotocart {
    margin: 0 5px
}

.partDetails .part-price-wrapper .hr-line {
    margin: 0 10px;
    border-top: 1px solid #e8e8e8
}

.partDetails .part-price-wrapper .stk-price-note {
    font-style: italic;
    display: inline-block;
    margin-left: 10px
}

.partDetails .hr-line-mobile {
    border-top: 1px solid #e8e8e8
}

.catalog a {
    color: #0093c6
}

.catalog a:focus,
.catalog a:hover {
    color: #0093c6;
    text-decoration: none
}

.part a,
.search-results .parts .part1 a,
.search-results .parts .part2 a {
    color: #0093c6;
    font-size: 13px;
    font-weight: 400
}

.part a:focus,
.part a:hover,
.search-results .parts .part1 a:focus,
.search-results .parts .part1 a:hover,
.search-results .parts .part2 a:focus,
.search-results .parts .part2 a:hover {
    color: #0093c6;
    text-decoration: none
}

.partlist a {
    color: #0093c6
}

.partlist a:focus,
.partlist a:hover {
    color: #0093c6;
    text-decoration: none
}

.Answered-by a,
.viewAll a,
div.Warranty-Matrix a,
span.readmore a {
    color: #0093c6 !important
}

.Answered-by a,
.Answered-by a:hover,
.viewAll a,
.viewAll a:hover,
div.Warranty-Matrix a,
div.Warranty-Matrix a:hover,
span.readmore a,
span.readmore a:hover {
    text-decoration: none !important
}

div.Warranty-Matrix a {
    font-size: 13px;
    font-weight: 600
}

span.readmore a {
    font-weight: 400;
    font-size: 13px
}

.viewAll a {
    font-weight: 600;
    font-size: 12px
}

.Answered-by a {
    font-weight: 400;
    font-size: 9px
}

i.fa-1x {
    font-size: 18px
}

.pannel .partDetails header {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.partDetails h4 {
    padding-bottom: 10px
}

.partDetails .reducePaddingRt {
    padding-right: 0
}

.partDetails .elearn .panel-body>span {
    padding-left: 1px;
    border-width: 5px
}

.partDetails .elearn .panel-body>span b {
    font-size: 13px
}

.partDetails .coming-soon-feature {
    text-align: left;
    vertical-align: middle;
    padding: 14px 8px;
    background-color: #f6f6f6;
    height: 80px
}

.partDetails .coming-soon-feature .coming-soon-badge {
    text-align: center;
    width: 69px;
    margin: 0 auto 1px;
    padding: 7px;
    background-color: #FFF;
    color: #43c500;
    float: left;
    font-size: 14px
}

.partDetails .coming-soon-feature .coming-soon-text {
    float: left;
    padding-left: 16px;
    padding-top: 3px;
    width: 230px
}

.partDetails .pzv-mobile-list-accordion .panel-group {
    margin-bottom: 0
}

.partDetails .pzv-mobile-list-accordion .panel {
    border: 0
}

.partDetails .pzv-mobile-list-accordion .panel .collapse {
    margin: -4px -12px;
    padding: 10px;
    background-color: #fafafa
}

.partDetails .pzv-mobile-list-accordion .panel .panel-heading {
    background-color: inherit;
    padding: 0
}

.partDetails .pzv-mobile-list-accordion .panel .panel-heading h4 {
    padding-bottom: 0
}

.partDetails .pzv-mobile-list-accordion .panel .panel-heading .accordion-toggle:focus {
    outline: 0
}

.partDetails .pzv-mobile-list-accordion .panel .panel-heading .accordion-toggle>span {
    display: inline-block;
    width: 100%
}

.partDetails .pzv-mobile-list-accordion .panel .panel-heading i.glyphicon {
    top: 15px
}

.partDetails .pzv-mobile-list-accordion .panel .panel-heading .accordion-toggle span span {
    display: inline-block;
    margin: 15px 0
}

.partDetails .pzv-mobile-list-accordion .panel .panel-body {
    padding: 0;
    border: 0
}

.partDetails .pzv-mobile-list-accordion .hr-nopadding {
    margin: 0 -10px
}

.search-results .parts div.part1:before,
.search-results .parts div.part2:before,
div.catalog:before,
div.part:before,
div.partlist:before {
    background-repeat: no-repeat;
    content: "" !important;
    display: block;
    width: 24px;
    height: 20px
}

div.elearn p {
    margin: 0 !important
}

.search-results .parts div.part1,
.search-results .parts div.part2,
div.elearn .row div.catalog,
div.part,
div.partlist {
    padding-bottom: 10px
}

div.feature {
    padding: 20px 0
}

div.feature img {
    float: left;
    margin: 0 20px 0 0;
    width: 62px;
    height: 30px
}

div.feature p {
    margin-top: 0
}

div.feature p a {
    color: #0093c6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none
}

div.feature p a:focus,
div.feature p a:hover {
    color: #0093c6;
    text-decoration: none
}

div.poster {
    height: 300px;
    background-repeat: no-repeat;
    background-position: right center
}

div.partDetails div#wrap {
    width: 400px;
    margin: 0 auto
}

div.partDetails div#left_col {
    float: left;
    width: 200px
}

div.partDetails div#right_col {
    float: right;
    width: 200px
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    margin: auto
}

.pairCarousel label {
    font-size: 13px;
    background-color: #eff0f1;
    font-weight: 400;
    color: #0093c6;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    padding: 10px 5px
}

.warranty h5,
div.comment .section-title {
    font-size: 18px;
    font-weight: 700
}

.pairCarousel .thumbnail {
    padding: 0;
    height: 190px;
    position: relative
}

.carousal-control.left,
.carousal-control.right {
    background-image: none !important;
    width: 50px;
    height: 50px;
    background-color: #333;
    top: 40%
}

.carouselNav .left,
.carouselNav .right {
    background-image: none !important;
    width: 40px;
    height: 40px;
    background-color: #333;
    top: 40%
}

.carouselNav .left {
    left: 30px
}

.carouselNav .right {
    right: 7px !important
}

.partDetails .bottom-part {
    border-bottom: 1px solid #ccc
}

.bomDetails tr:nth-child(even) {
    background-color: #eaeaea
}

.bomDetails tr:nth-child(odd),
.partResultsBM ul {
    background-color: #fafafa
}

.partDetails table {
    width: 100%;
    padding: 0
}

h2.partDesc {
    width: 100%;
    margin: 0
}

h2.partDetailsTabDesc {
    margin: 0 0 10px;
    padding-top: 25px;
    width: 100%
}

.resetPadding {
    padding: 0 !important
}

.partDetails table,
.partDetails table tr {
    line-height: 25px !important
}

.inner-addon {
    position: relative
}

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none
}

.left-addon .glyphicon {
    left: 0
}

.right-addon .glyphicon {
    right: 0;
    border-left: 1px solid #ccc
}

.left-addon input {
    padding-left: 30px
}

.right-addon input {
    padding-right: 200px
}

.pannel .warranty .panel-body {
    padding: 0
}

.extraLeft {
    padding: 8px
}

.section-title {
    padding-bottom: 11px
}

div.comment {
    padding: 25px 18px 5px
}

div.comment .section-title {
    padding-bottom: 1px
}

.partResultsBM ul {
    margin: 0;
    padding: 0
}

.partResultsBM ul li {
    display: inline-block;
    line-height: 25px;
    text-align: center;
    font-size: 12x;
    width: 32%;
    padding-left: 10px;
    border-right: 1px solid #eee;
    padding-top: 3px;
    padding-bottom: 3px
}

.partResultsBM ul li a {
    color: #0093c6;
    font-size: 13px;
    font-weight: 600
}

.partResultsBM ul li a:focus,
.partResultsBM ul li a:hover {
    text-decoration: none;
    color: #0093c6
}

.partResultsBM ul li:last-child {
    border-right: none
}

.pz-tabset .bill-table .collapse-bar i,
.pz-tabset .expand-bar i {
    border: 1px solid #ddd;
    font-size: 18px;
    background: #fff;
    color: #585858;
    cursor: pointer
}

.part-panel .top-bottom-gap {
    padding: 0 10px 11px
}

.sub-model-container {
    background: #fff;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: -50px
}

.sub-model-container .sub-model-data-load {
    background: #fff
}

.sub-model-container .sub-model-data-load .loader {
    height: 100%;
    min-height: 400px;
    padding: 80px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.sub-model-container .sub-model-data-load .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .item-container p.title .id,
.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container p.title .id,
ul.lmsHub li {
    font-weight: 600
}

.pz-tabset .expand-bar {
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    display: none
}

.pz-tabset .expand-bar i {
    padding: 4px 7px 4px 8px
}

.pz-tabset .bill-table.col-xs-12 table {
    width: 100%
}

.pz-tabset .table-mobile {
    overflow-x: auto
}

.pz-tabset .bill-table.col-xs-5 {
    position: relative;
    height: 600px;
    display: block
}

.pz-tabset .bill-table.col-xs-5 .collapse-bar {
    position: absolute;
    right: 12px
}

.pz-tabset .bill-table.col-xs-5 .table-container {
    height: 600px;
    overflow-y: auto;
    width: 95%
}

.pz-tabset .bill-table.col-xs-5 .table-container table {
    width: 100%
}

.pz-tabset .pzv-search-table {
    padding: 5px;
    margin: 5px
}

.pz-tabset .bill-table {
    overflow-x: hidden
}

.pz-tabset .bill-table .collapse-bar {
    position: relative;
    z-index: 999
}

.pz-tabset .bill-table .collapse-bar i {
    padding: 4px 7px 4px 8px;
    position: absolute;
    right: -8px
}

.pz-tabset .bill-table table {
    width: 95%
}

.pz-tabset .part-image .part-enlarge-icon {
    position: relative
}

.pz-tabset .part-image .part-enlarge-icon i {
    font-size: 15px;
    color: #585858;
    position: absolute;
    right: 2px;
    bottom: 5px;
    cursor: pointer
}

.pz-tabset .part-image .bom-image-container img {
    max-width: 100;
    width: 100%;
    height: auto;
    margin: 0
}

.suggestion-container:last-child .multi-item-carousel {
    margin-bottom: 35px
}

.suggestion-container {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

.suggestion-container .suggestion-header {
    margin: 15px 0 6px 18px
}

.suggestion-container .no-carousel slick.slick-slider {
    padding: 0 !important
}

.suggestion-container .multi-item-carousel {
    background: #fff;
    border-radius: 3px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    -o-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05)
}

.suggestion-container .multi-item-carousel .no-carousel {
    width: 100% !important;
    display: none
}

.suggestion-container .multi-item-carousel .slick-slider {
    text-align: center;
    padding: 0 60px;
    height: 290px
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item {
    margin: 7px 0;
    position: relative
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item:focus,
.suggestion-container .multi-item-carousel .slick-slider .slick-item:hover {
    outline: 0
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .item-container {
    height: 272px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .item-container:hover {
    cursor: pointer;
    box-shadow: 0 7px 17px 5px #e5e6e7;
    -webkit-transition: all .1s ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all .1s ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all .1s ease-in;
    -moz-transform: scale(1.05);
    transition: all .1s ease-in;
    transform: scale(1.05);
    z-index: 9999
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .item-container .img-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    padding: 10px;
    margin: 0 auto
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .item-container .img-container img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .item-container .part-number-wrapper {
    margin-top: 20px
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .item-container p.title {
    text-align: center;
    font-size: 14px;
    margin: 5px 0 0
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .item-container p.desc {
    text-align: left
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper {
    height: 220px
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    -webkit-transition: all .1s ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all .1s ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all .1s ease-in;
    -moz-transform: scale(1.05);
    transition: all .1s ease-in
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container a {
    color: #fff
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container:hover {
    cursor: pointer;
    transform: scale(1.05);
    z-index: 9999;
    box-shadow: 0 0 6px 1px rgba(167, 166, 166, .25)
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container .item-selected {
    cursor: pointer;
    -webkit-transition: all .1s ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all .1s ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all .1s ease-in;
    -moz-transform: scale(1.05);
    transition: all .1s ease-in;
    transform: scale(1.09) !important;
    z-index: 9999;
    border: 1px solid #0093c6;
    position: relative;
    box-shadow: 0 0 5px 0 rgba(6, 6, 6, .25);
    padding: 4px
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container .item-selected:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 75px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0093c6
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container .img-container {
    height: 140px;
    padding: 9px;
    width: 160px
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container .img-container img {
    max-width: 100%;
    max-height: 100%
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container p.title {
    text-align: center;
    font-size: 14px;
    margin: 5px 0 0
}

.suggestion-container .multi-item-carousel .slick-slider .slick-item .sub-model-wrapper .sub-model-item-container p.desc {
    text-align: left
}

.suggestion-container .multi-item-carousel .slick-slider .multi-carousel-arrow.left {
    float: left
}

.suggestion-container .multi-item-carousel .slick-slider .multi-carousel-arrow.left i {
    position: absolute;
    top: 100px;
    left: 20px;
    font-size: 25px;
    color: #fff;
    border: 1px solid #e5e6e7;
    padding: 7px 16px 7px 13px;
    background: #333;
    cursor: pointer
}

.suggestion-container .multi-item-carousel .slick-slider .multi-carousel-arrow.right {
    float: right
}

.suggestion-container .multi-item-carousel .slick-slider .multi-carousel-arrow.right i {
    position: absolute;
    top: 100px;
    font-size: 25px;
    color: #fff;
    border: 1px solid #e5e6e7;
    padding: 7px 13px 7px 16px;
    background: #333;
    cursor: pointer
}

.suggestion-container .multi-item-carousel .slick-slider .multi-carousel-arrow.slick-disabled i {
    background: #b2b2b2;
    cursor: default
}

.suggestion-container .multi-item-carousel .multi-carousel-dot {
    list-style: none;
    position: absolute;
    left: 45%;
    margin-top: 5px
}

.suggestion-container .multi-item-carousel .multi-carousel-dot li {
    display: inline-block;
    margin: 0 0 0 7px
}

.suggestion-container .multi-item-carousel .multi-carousel-dot li :focus {
    outline: 0
}

.suggestion-container .multi-item-carousel .multi-carousel-dot li button {
    font-size: 0;
    height: 12px;
    width: 12px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #bbb
}

.suggestion-container .multi-item-carousel .multi-carousel-dot li.slick-active button {
    background: #acacac;
    border: 1px solid #bbb;
    transition-delay: .1s
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider {
    padding: 0
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-arrow {
    position: absolute;
    top: -29px;
    right: 60px
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-arrow .fa-angle-left,
.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-arrow .fa-angle-right {
    top: 0;
    background: 0 0;
    border: none;
    color: #09c;
    padding: 0 5px;
    font-size: 22px
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-arrow .fa-angle-left {
    left: -22px
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-arrow.slick-disabled .fa-angle-left,
.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-arrow.slick-disabled .fa-angle-right {
    color: #79c7e1
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot {
    top: -32px;
    right: 0
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot li {
    display: none
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot li:nth-child(1) {
    display: inline-block;
    position: absolute;
    right: 90px
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot li:last-child {
    display: inline-block;
    position: absolute;
    right: 11px
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot li a {
    background: #09c;
    padding: 3px 5px;
    border-radius: 3px
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot li a .fa-angle-left,
.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot li a .fa-angle-right {
    font-size: 17px;
    color: #fff
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot .slick-active a {
    background: #79c7e1
}

.wishlist .btn-primary,
.wishlist .btn-primary:active,
.wishlist .btn-primary:focus,
.wishlist .btn-primary:hover {
    background-color: #0093c6;
    border-color: #0093c6
}

.suggestion-container .recommended_parts_list.multi-item-carousel .slick-slider .multi-carousel-dot .slick-active a:hover {
    cursor: context-menu
}

.wishlist .btn-primary {
    width: 100%;
    font-weight: 600
}

ul.lmsHub li {
    list-style: square
}

.partDetails .panel.well {
    padding: 10px 19px;
    border: none;
    box-shadow: none
}

.partDetails .withoutBorder .panel {
    box-shadow: none;
    margin-bottom: 0
}

.partDetails .addTopSpacing {
    margin-top: 50px;
    display: none
}

.part-details {
    width: 100%;
    min-height: 0
}

.part-details .img-for-print {
    display: none
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {

    .partDetails .top-section-row .list-avail-container .add-to-list-ipad .list-added-list .save-list-col button,
    .partDetails .top-section-row .list-avail-container .add-to-list-ipad .list-added-list .share-list-col button {
        font-size: 11px;
        float: none
    }

    .partDetails .top-section-row .part-desc-ipad {
        width: 33%
    }

    .partDetails .top-section-row .part-desc-ipad-small {
        width: 25%
    }

    .partDetails .top-section-row .list-avail-container .check-avail-ipad {
        padding-left: 0
    }

    .partDetails .top-section-row .list-avail-container .check-avail-ipad .checking,
    .partDetails .top-section-row .list-avail-container .check-avail-ipad .fa-spinner {
        font-size: 11px
    }

    .partDetails .top-section-row .list-avail-container .add-to-list-ipad {
        padding: 0
    }

    .partDetails .top-section-row .list-avail-container .add-to-list-ipad .list-added-list .row {
        margin-left: 0
    }

    .partDetails .top-section-row .list-avail-container .add-to-list-ipad .list-added-list .details {
        margin-left: 7px
    }

    .partDetails .top-section-row .list-avail-container .add-to-list-ipad .list-added-list .save-list-col {
        width: 34%;
        padding-left: 0
    }

    .partDetails .top-section-row .list-avail-container .add-to-list-ipad .list-added-list .share-list-col {
        width: 66%;
        padding-left: 20px
    }

    .partDetails .top-section-row .list-avail-container .checking-avlbt span {
        margin-bottom: 0
    }

    .partDetails .top-section-row .list-avail-container .checking-avlbt .qty-avail {
        display: inline-block;
        float: right;
        padding-right: 48px
    }

    .partDetails .top-section-row .list-avail-container .checking-avlbt .qty-avail span {
        font-size: 18px;
        margin-top: 0
    }

    .partDetails .top-section-row .list-avail-container .checking-avlbt .qty-avail a {
        font-size: 16px;
        margin-top: 5px
    }

    .partDetails .top-section-row .availability-container .instructions {
        width: 90%;
        margin-left: 24px
    }

    .partDetails .top-section-row .availability-container .paSection .orderTypeSection,
    .partDetails .top-section-row .availability-container .paSection .orderTypeSection .order-type-col1 {
        width: 100%
    }

    .partDetails .top-section-row .availability-container .paSection .orderTypeSection .order-type-col2 {
        width: 100%;
        padding-left: 20px
    }

    .partDetails .top-section-row .availability-container .paSection .checkAvlSection .qty-check-block .desire-qty {
        width: 100%;
        margin-bottom: 10px
    }

    .partDetails .top-section-row .availability-container .paSection .checkAvlSection .qty-check-block .prize-n-avail {
        width: 100%
    }

    .partDetails .top-section-row .availability-container .paSection .checkAvlSection .qty-check-block .check-price-n-avail {
        padding: 0;
        width: 100%
    }

    .partDetails .top-section-row .availability-container .paSection .checkAvlSection .qty-check-block .check-price-n-avail .add-to-cart button,
    .partDetails .top-section-row .availability-container .paSection .checkAvlSection .qty-check-block .check-price-n-avail .listContainer {
        width: 100%
    }

    .partDetails .top-section-row .availability-container .paSection .checkAvlSection .qty-check-block .check-price-n-avail .listContainer button {
        float: left !important
    }

    .partDetails .top-section-row .availability-container .paSection .checkAvlSection .qty-check-block .check-price-n-avail .avil-checkbtn {
        width: 100%;
        font-size: 11px
    }

    .partDetails .top-section-row .ipad-desc-cont,
    .partDetails .top-section-row .ipad-desc-cont .partDetails {
        padding: 0
    }

    .partDetails .top-section-row .ipad-desc-cont .part-price-wrapper .core-unit-price,
    .partDetails .top-section-row .ipad-desc-cont .part-price-wrapper .unit-price {
        width: 100%
    }

    .partDetails #active-pic .represent-img {
        width: 90%
    }

    .partDetails #active-pic .represent-img span {
        font-size: 9px
    }

    .partDetails .notify-msg {
        font-size: 14px
    }

    .partDetails .notify-msg .fa-check-circle {
        font-size: 20px;
        padding-right: 12px
    }

    .partDetails .literature-video-nav .fa-play {
        top: 25px !important;
        left: -6px !important
    }

    .partDetails .literature-video iframe {
        width: 640px;
        height: 360px
    }

    .popover.locator-details-popover,
    .popover.locator-details-popover .popover-inner {
        max-width: 300px;
        width: 300px
    }
}

@media print {
    @page {
        margin-left: 50px;
        margin-right: 50px
    }

    .print-logo {
        display: block !important;
        margin-top: 40px !important;
        margin-bottom: 20px !important;
        width: 105px !important
    }

    a[href]:after {
        content: none !important
    }

    .top-section-row {
        display: table
    }

    .top-section-row .thumbnail-container {
        display: none
    }

    .top-section-row .active-img-container {
        display: table-cell;
        width: 50% !important
    }

    .top-section-row .active-img-container .image-zoom {
        width: 90%;
        margin-right: 10px
    }

    .top-section-row .active-img-container .image-zoom #active-img {
        padding-right: 20px
    }

    .top-section-row .active-img-container .img-for-print {
        display: none !important
    }

    .top-section-row .desc-container {
        display: table-cell
    }

    #printSection.partdetail-print-section {
        position: absolute !important;
        left: 0;
        top: 0
    }

    .tabset {
        display: none
    }

    .availability-container,
    .list-avail-container,
    .task {
        display: none !important
    }

    .disable-on-print {
        display: none
    }

    .active-on-print {
        display: block !important;
        float: none
    }

    .active-on-print .inline {
        display: inline-block;
        padding: 5px;
        width: 150px;
        vertical-align: top;
        page-break-after: always
    }

    .active-on-print .model-section,
    .active-on-print .pagination,
    .active-on-print .ymmFilterInputs {
        display: none
    }

    .active-on-print .inline .img-container {
        border: 2px solid #585858;
        padding: 5px;
        width: 150px
    }

    .active-on-print .inline .img-container img {
        height: 125px;
        width: auto
    }

    .active-on-print table td,
    .active-on-print table th {
        font-size: 12px
    }

    .active-on-print .custom-thumbnail {
        text-align: center;
        margin-top: 30px
    }

    .active-on-print.images {
        text-align: center
    }

    .active-on-print.images img {
        margin-top: 20px
    }
}

.pz-tabset .tab-content {
    padding: 20px
}

.pz-tabset .tab-content .literature-pdf-container .wrapper {
    min-height: 302px;
    overflow: hidden;
    margin-top: 10px;
    padding: 0
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container {
    width: 145px;
    padding: 0
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .ellipse-too-long .ellipse-text {
    font-size: 18px;
    line-height: .1;
    font-weight: 700
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .img-container {
    height: 180px;
    border: 1px solid #e1e1e1
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .img-container img {
    width: 100%;
    height: 100%
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .settings {
    width: 100%;
    margin: 5px 1px
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .settings a,
.pz-tabset .tab-content .literature-pdf-container .wrapper .container .settings i {
    padding: 0
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .settings .fa-envelope {
    font-size: 16px;
    cursor: pointer;
    text-align: right
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .settings .size {
    font-size: 12px;
    font-weight: 600;
    padding-left: 0
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .settings .fa-download {
    font-size: 16px;
    padding: 0;
    text-align: left
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container .title {
    width: 100%;
    padding: 0;
    margin: 0 0 4px;
    word-wrap: break-word
}

.pz-tabset .tab-content .literature-pdf-container .wrapper .container [pzv-ellipse-tooltip] {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: #585858;
    padding: 0;
    margin: 0 0 4px;
    word-wrap: break-word;
    line-height: 1.5
}

.pz-tabset .tab-content .slick-video-container {
    margin-top: 10px
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav {
    height: 380px;
    overflow-y: auto
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav>.row {
    margin: 0 0 10px 10px
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav>.row .video-container {
    position: relative
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav>.row .video-container img {
    width: 100%;
    height: auto;
    cursor: pointer
}

.pz-tabset .tab-content .slick-video-container .literature-video .slick-item,
.pz-tabset .tab-content .slick-video-container .literature-video-nav .slick-item {
    height: 100%
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav>.row .video-container img.highlight {
    border: 4px solid #0093c6;
    cursor: default
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav>.row .video-container img.no-highlight {
    border: 0 solid;
    cursor: pointer
}

.pz-tabset .nav-tabs,
.pz-tabset .nav-tabs li.active .nav-link uib-tab-heading {
    border-bottom: transparent
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav>.row .video-container .fa-play {
    position: absolute;
    font-size: 15px;
    top: 35px;
    left: -14px;
    color: #494949
}

.pz-tabset .tab-content .slick-video-container .literature-video .video-carousel-arrow i,
.pz-tabset .tab-content .slick-video-container .literature-video-nav .video-nav-carousel-arrow i {
    font-size: 18px
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav>.row .video-desc {
    padding-left: 0
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav .video-nav-carousel-arrow {
    position: relative;
    z-index: 999
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav .video-nav-carousel-arrow.left {
    text-align: left;
    top: 58px;
    right: 17px
}

.pz-tabset .tab-content .slick-video-container .literature-video-nav .video-nav-carousel-arrow.right {
    text-align: right;
    bottom: 64px;
    right: -15px
}

.pz-tabset .tab-content .slick-video-container .literature-video .slick-item img {
    width: 100%
}

.pz-tabset .tab-content .slick-video-container .literature-video .video-description {
    margin: 10px 10px 10px 0
}

.pz-tabset .tab-content .slick-video-container .literature-video .video-description h4 {
    padding: 0;
    font-weight: 600;
    margin: 0 0 7px;
    color: #6e6e6e
}

.pz-tabset .tab-content .slick-video-container .literature-video .video-description p {
    padding: 0
}

.pz-tabset .tab-content .slick-video-container .literature-video .video-carousel-arrow {
    position: relative;
    z-index: 999
}

.pz-tabset .tab-content .slick-video-container .literature-video .video-carousel-arrow.left {
    text-align: left;
    top: 185px;
    right: 17px
}

.pz-tabset .tab-content .slick-video-container .literature-video .video-carousel-arrow.right {
    text-align: right;
    bottom: 188px;
    right: -15px
}

.pz-tabset .nav-tabs li {
    border-radius: 0;
    margin-right: 8px !important;
    margin-bottom: 0 !important
}

.modal.part-overlay {
    top: 0 !important
}

.modal.part-overlay .modal-lg {
    width: 100%;
    height: 100%;
    margin: 0
}

.modal.part-overlay .createnewList {
    background: #0c0c0c;
    padding: 13px 14px 0 0
}

.modal.part-overlay .modal-body img {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 15px 15px 15px 7px
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .unit-price .loader img,
.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .unit-price .loader img {
    max-width: 18px
}

.visibility-visible {
    visibility: visible
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .unit-price.visibility-hidden,
.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .unit-price.visibility-hidden {
    visibility: hidden
}

@media only screen and (min-width:310px) and (max-width:330px) {
    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container .represent-img {
        width: 58%
    }
}

@media only screen and (min-width:700px) and (max-width:1290px) {

    .partDetails #active-pic .rep-abs-img,
    .partDetails #active-pic .represent-img {
        width: 70%
    }
}

@media only screen and (min-width:850px) and (max-width:1600px) {

    .partDetails #active-pic .rep-abs-img,
    .partDetails #active-pic .represent-img {
        width: 63%
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-width:1024px) and (max-width:1034px) {
    .partDetails #active-pic .represent-img {
        width: 91%;
        top: 9rem
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-device-width:1020px) and (max-device-width:1160px) {
    .partDetails #active-pic .represent-img {
        width: 88%;
        top: 9rem
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-width:1175px) and (max-width:1229px) {
    .partDetails #active-pic .represent-img {
        width: 79%
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-device-width:1774px) and (max-device-width:2019px) and (orientation:landscape) {
    .partDetails #active-pic .represent-img {
        width: 46%
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-device-width:2019px) and (max-device-width:2342px) and (orientation:landscape) {
    .partDetails #active-pic .represent-img {
        width: 38%
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-width:630px) and (max-width:650px) and (orientation:landscape) {
    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container .represent-img {
        width: 29%
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-width:660px) and (max-width:680px) and (orientation:landscape) {
    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container .represent-img {
        width: 27%
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-width:730px) and (max-width:770px) {
    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container .represent-img {
        width: 24%
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-width:810px) and (max-width:830px) and (orientation:landscape) {
    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container .represent-img {
        width: 23%
    }

    .rep-return-img {
        width: 200px !important
    }
}

@media only screen and (min-width:560px) and (max-width:570px) and (orientation:landscape) {
    #appBody.is-mobile .part-details .part-details-container .part-panel .panel-body .top-section-row .rep-image-container .represent-img {
        width: 32%
    }

    .rep-return-img {
        width: 200px !important
    }
}

.show-banner-migration {
    font-weight: 600;
    font-size: 13px;
    padding: 15px
}

.mobile-show-banner-migration {
    margin-bottom: 10px !important
}

.notification-header {
    font-size: 14px;
    color: #000;
    font-weight: 700
}

.bold_date {
    font-weight: 900;
    color: #000
}

.part-comparison-wrapper-desktop .container {
    min-height: 400px;
    background: #fff;
    width: 97%;
    margin: 20px 0 0 20px;
    padding: 12px 29px 2px;
    position: relative
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper {
    padding-bottom: 25px;
    margin-left: 10%
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper {
    padding: 0 21px;
    width: 24.4%
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content {
    padding: 20px 9px 0;
    border: 1px solid #e5e6e7;
    height: 100%
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .compare-image-wrapper {
    min-height: 139px
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .compare-close {
    position: relative
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .compare-close img {
    position: absolute;
    right: 0;
    z-index: 111;
    bottom: -12px;
    cursor: pointer
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .compare-image-wrapper .compare-image {
    width: 75%;
    left: 12%;
    height: auto
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .compare-desc {
    padding-bottom: 5px;
    min-height: 17px;
    margin-bottom: 0
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .compare-desc a {
    color: #0093c6;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .unit-price {
    font-size: 15px;
    font-weight: 600
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .unit-price.visibility-block {
    display: block
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .part-content .unit-price .loader {
    position: relative
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .compare-action .pzv-other-btn-sm {
    margin-top: 5px;
    padding: 5px;
    float: left
}

.part-comparison-wrapper-desktop .container .compare-list-wrapper .part-wrapper .compare-action .pzv-primary-btn-sm {
    float: right;
    margin-top: 5px
}

.part-comparison-wrapper-desktop .container .compare-list-table-wrapper .compare-list-table thead tr th {
    width: 20%
}

.part-comparison-wrapper-desktop .container .compare-list-table-wrapper .compare-list-table thead tr th:nth-child(1) {
    width: 10%
}

.part-comparison-wrapper-desktop .container .compare-list-table-wrapper .compare-list-table tbody .attribute-cell {
    color: #acacac;
    background-color: #fbfbfb;
    font-weight: 500;
    font-size: 12px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .part-comparison-wrapper-desktop .compare-action button {
        float: left;
        margin-top: 5px;
        width: 100%
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1600px) {
    .part-comparison-wrapper-desktop .compare-action button {
        float: left;
        margin-top: 5px;
        width: 100%
    }
}

.part-comparison-wrapper-mobile .includer>h3 {
    padding-left: 13px
}

.part-comparison-wrapper-mobile .includer .sticky-header {
    display: block;
    z-index: 10;
    width: 373px;
    position: fixed;
    left: 1.25px;
    top: 70px;
    margin-top: 0
}

.part-comparison-wrapper-mobile .includer .container {
    min-height: 400px;
    width: 92%;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper.sticky-header,
.part-comparison-wrapper-mobile .includer .container .sticky-header {
    z-index: 10;
    width: 373px;
    position: fixed;
    left: 1.25px;
    top: 70px;
    margin-top: 0;
    display: block
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper {
    margin: 0
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper>div:first-child {
    background: #fff;
    padding: 0;
    border-bottom: 5px solid #e8e8e8
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .compare-label {
    text-align: center;
    position: relative
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .compare-label p {
    background: #585858;
    border: 1px solid #e5e6e7;
    border-radius: 25px;
    width: 27px;
    height: 27px;
    padding: 5px 0 0;
    color: #fff;
    position: absolute;
    left: 46%;
    bottom: 18vh;
    font-size: 11px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper {
    padding: 0 5px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper:nth-child(even) {
    border-left: 1px solid #e5e6e7
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper:nth-child(odd) {
    border-right: 1px solid #e5e6e7
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content {
    padding: 10px 4px 0;
    height: 100%;
    width: 100%;
    margin: 0
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .compare-image-wrapper {
    min-height: 15vh
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .compare-close {
    position: relative
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .compare-close img {
    position: absolute;
    right: 0;
    z-index: 111;
    bottom: -12px;
    cursor: pointer
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .compare-image-wrapper .compare-image {
    width: 75%;
    left: 12%;
    height: auto
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .compare-desc {
    min-height: 17px;
    padding: 0 0 0 5px;
    margin: 0 0 2px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .compare-desc a {
    color: #0093c6;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    padding: 0
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .unit-price {
    font-size: 12px;
    font-weight: 600;
    padding: 0 0 0 5px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .unit-price.visibility-block {
    display: block
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .unit-price .loader {
    position: relative
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .compare-action {
    text-align: left;
    padding: 0 0 0 5px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .compare-action .pzv-other-btn-sm {
    margin-bottom: 10px;
    padding: 5px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .compare-action .pzv-primary-btn-sm,
.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .compare-action .pzv-primary-btn-xs {
    border: 0 solid #4d99cd;
    padding: 0 12px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer {
    padding: 0 0 8px 5px;
    position: relative
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists {
    position: absolute;
    top: 32px;
    right: 0;
    background-color: #FFF;
    border: 1px solid #707070;
    width: 180px;
    z-index: 1000;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 3px 4px 11px -1px rgba(0, 0, 0, .34)
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists ul {
    list-style-type: none;
    padding: 0;
    max-height: 138px;
    overflow-y: auto;
    margin-bottom: 0
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists li {
    text-align: left
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists li a {
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    height: 30px;
    line-height: 30px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists li:hover {
    background-color: #EEE
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists .hrLine {
    padding: 0;
    margin-bottom: 10px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists .create-lbl {
    padding: 0 0 10px 10px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists .select-text {
    padding-bottom: 5px;
    border-bottom: 1px solid #acacac;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    margin: 0 10px;
    padding-top: 5px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists .nodata-msg {
    font-size: 13px;
    color: #acacac;
    padding: 5px 10px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists .fa-info-circle {
    color: #6e6e6e;
    font-size: 18px;
    margin: 10px 3px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists .create-list-div {
    border-top: 1px solid #acacac;
    margin: 0 10px;
    text-align: left;
    padding-top: 8px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists .create-list-div a {
    font-weight: 600;
    text-decoration: none;
    color: #0093c6
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists .create-list-div .fa-plus {
    font-size: 12px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists a:hover {
    cursor: pointer
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists:after {
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .listContainer .pulldown-mylists:before {
    top: -7px;
    right: 18px;
    position: absolute;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #707070;
    border-left: 7px solid transparent;
    border-bottom-color: #707070;
    content: ''
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content {
    position: relative
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu {
    top: 19px !important;
    display: block;
    left: 5px !important;
    right: auto;
    width: 96%;
    padding: 10px
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu .list-names {
    max-height: 130px;
    overflow-y: auto
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu.shop-user-list {
    left: -126px
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu.shop-user-list:before {
    left: 200px
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu.shop-user-list:after {
    left: 201px
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu.mylist-dropdown-part-card {
    left: -75px;
    line-height: 25px
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu .ddlarrow {
    display: none
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu.uib-dropdown-menu-0:after,
.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu.uib-dropdown-menu-0:before {
    left: 38px
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu.uib-dropdown-menu-1:after,
.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu.uib-dropdown-menu-1:before {
    right: 73px
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #acacac
}

.part-comparison-wrapper-mobile .includer .container #dropdown-long-content [uib-dropdown-menu].dropdown-menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff
}

.part-comparison-wrapper-mobile .includer .container .compare-list-table-wrapper {
    padding: 6px
}

.part-comparison-wrapper-mobile .includer .container .compare-list-table-wrapper .m-t-0 {
    margin-top: 0 !important
}

.part-comparison-wrapper-mobile .includer .container .compare-list-table-wrapper .compare-list-table thead tr th {
    width: 20%
}

.part-comparison-wrapper-mobile .includer .container .compare-list-table-wrapper .compare-list-table thead tr th:nth-child(1) {
    width: 10%
}

.part-comparison-wrapper-mobile .includer .container .compare-list-table-wrapper .compare-list-table tbody {
    background-color: #fbfbfb
}

.part-comparison-wrapper-mobile .includer .container .compare-list-table-wrapper .compare-list-table tbody .attribute-cell {
    color: #acacac;
    font-weight: 500;
    font-size: 11px;
    text-align: center;
    padding: 0
}

.align-right {
    text-align: right
}

h3 {
    font-size: 18px
}

@media screen and (orientation:landscape) {
    .part-comparison-wrapper-mobile .includer .container .compare-list-wrapper .part-wrapper .part-content .compare-image-wrapper .compare-image {
        width: 35%;
        max-width: 40%;
        left: 32%;
        height: auto
    }
}

.filter-hint-popover,
.legal-hint-popover {
    max-width: 50%
}

.price-list-report-container .parent-row {
    padding-top: 0;
    padding-bottom: 30px
}

.price-list-report-container .parent-row>div {
    padding: 0
}

.price-list-report-container .price-list-wrapper {
    padding: 20px
}

.price-list-report-container .price-list-wrapper .page-title {
    padding: 0
}

.price-list-report-container .price-list-wrapper .page-title h1 {
    font-size: 30px;
    font-weight: 300;
    color: #a6a6a6;
    margin-top: 0;
    line-height: 22px;
    margin-bottom: 27px
}

.price-list-report-container .price-list-wrapper .table-wrapper {
    font-size: 11.7px
}

.price-list-report-container .price-list-wrapper .server-data-not-avail,
.price-list-report-container .price-list-wrapper .server-error {
    background: #fff;
    border-radius: 3px
}

.price-list-report-container .price-list-wrapper .server-data-not-avail .message,
.price-list-report-container .price-list-wrapper .server-data-not-avail .no-data,
.price-list-report-container .price-list-wrapper .server-error .message,
.price-list-report-container .price-list-wrapper .server-error .no-data {
    text-align: center;
    height: 230px;
    padding: 90px 0
}

.price-list-report-container .price-list-wrapper .server-data-not-avail .message .fa-warning,
.price-list-report-container .price-list-wrapper .server-data-not-avail .no-data .fa-warning,
.price-list-report-container .price-list-wrapper .server-error .message .fa-warning,
.price-list-report-container .price-list-wrapper .server-error .no-data .fa-warning {
    margin-right: 10px;
    font-size: 16px
}

.price-list-report-container .price-list-wrapper .table-wrapper {
    padding: 20px;
    background: #fff;
    border-radius: 3px
}

.rtc .side-view .nav li a,
.rtc .side-view .nav li a:focus,
.rtc .side-view .nav li a:hover {
    background-color: transparent
}

.price-list-report-container .price-list-wrapper tr>td.tr-no-records {
    padding: 70px 8px 80px
}

.price-list-report-container .price-list-wrapper tr.search-tr .form-group {
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
    margin-top: 5px;
    position: relative
}

.price-list-report-container .price-list-wrapper tr.search-tr .form-group input {
    padding: 6px 20px 6px 8px;
    height: 28px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    color: #494949
}

.price-list-report-container .price-list-wrapper tr.search-tr .form-group i {
    position: absolute;
    right: 7px;
    top: 8px;
    font-size: 12px;
    color: #ccc
}

.price-list-report-container .price-list-wrapper tr.search-tr .form-group img {
    position: absolute;
    top: 8px;
    right: 7px;
    width: 11px;
    height: 11px;
    z-index: 1049;
    cursor: pointer
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container {
    padding: 10px;
    overflow: hidden;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .items-dropdown {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .items-dropdown .page-count {
    display: inline-block
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .items-dropdown .page-count select {
    width: 62px
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .items-dropdown label {
    margin-right: 10px;
    color: #acacac;
    margin-bottom: 0
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .items-dropdown select::-ms-expand {
    display: none
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .items-dropdown select {
    -moz-appearance: none;
    appearance: none
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .items-dropdown select:hover {
    cursor: pointer
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .items-dropdown select+.fa-caret-down {
    position: absolute;
    right: 13px;
    top: 8px;
    font-size: 16px;
    color: #0093c6;
    pointer-events: none
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .tbl-info {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 700
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .pagination {
    margin: 0
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .tbl-info-content {
    margin-top: 17px
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .price-pagination-dropdown {
    left: 65px !important;
    top: 0 !important
}

.price-list-report-container .price-list-wrapper .pagination-sm-custom-container .price-pagination-dropdown select+.fa-caret-down {
    right: 73px !important
}

.rtc {
    padding-left: 20px;
    padding-right: 19px
}

.rtc .side-view {
    width: 200px
}

.rtc .side-view .nav li a {
    color: #000;
    font-size: 14px;
    padding: 10px 25px 10px 0
}

.rtc .side-view .nav li a .fa-chevron-right {
    color: #323232;
    font-size: 12px;
    float: right;
    margin-top: 3px
}

.rtc .side-view .nav li a.active {
    font-weight: 700;
    padding-right: 15px
}

.rtc .main-view {
    width: calc(100% - 209px);
    margin-bottom: 20px
}

.rtc .main-view.col-md-12 {
    width: 100%
}

.training-videos-page {
    background: #fff
}

.training-videos-page .training-videos {
    padding: 1em;
    display: inline-block;
    width: 100%
}

.training-videos-page .training-videos .player-wrapper {
    background: #000
}

.training-videos-page .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.training-videos-page .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.training-videos-page .embed-responsive-item {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0 auto;
    min-height: 363px
}

.training-videos-page .training-videos-list .selected-training-video-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px
}

.training-videos-page .training-videos-list .selected-training-video-description {
    color: grey
}

.training-videos-page .training-videos-list .training-video-heading {
    font-weight: 700;
    font-size: 15px;
    text-transform: capitalize
}

.training-videos-page .training-videos-list ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0
}

.training-videos-page .training-videos-list ul .training-video-links {
    color: #000;
    margin-bottom: 30px;
    display: block
}

.training-videos-page .training-videos-list ul .training-video-links .bg-training-video-card {
    position: relative
}

.training-videos-page .training-videos-list ul .training-video-links .bg-training-video-card .training-video-time {
    padding: 3px 5px;
    display: inline-block;
    background: rgba(0, 0, 0, .7);
    color: #e4e0e0;
    border-radius: 4px;
    margin: 5px;
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: 5px
}

.training-videos-page .training-videos-list ul .training-video-links .bg-training-video-card .hover-button {
    width: 100%;
    position: absolute;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    transition: .4s ease
}

.training-videos-page .training-videos-list ul .training-video-links .bg-training-video-card .hover-button img {
    width: auto
}

.training-videos-page .training-videos-list ul .training-video-links .training-video-title {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 5px;
    color: #2d2d2d;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis
}

.training-videos-page .training-videos-list ul .training-video-links .training-video-description {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: grey
}

.training-videos-page .training-videos-list ul .training-video-links:active,
.training-videos-page .training-videos-list ul .training-video-links:focus,
.training-videos-page .training-videos-list ul .training-video-links:hover {
    text-decoration: none
}

.training-videos-page .training-videos-list ul .training-video-links:active .bg-training-video-card .hover-button,
.training-videos-page .training-videos-list ul .training-video-links:focus .bg-training-video-card .hover-button,
.training-videos-page .training-videos-list ul .training-video-links:hover .bg-training-video-card .hover-button {
    opacity: 1;
    transition: .4s ease
}

.search-results-container {
    padding-right: 10px;
    padding-left: 10px
}

.manual-pagination,
.manual-pagination:active,
.manual-pagination:hover {
    color: #EAE9E6;
    cursor: none
}

.cursor-pointer {
    cursor: pointer
}

.normal-text {
    font-size: 1em;
    margin: inherit;
    font-weight: inherit
}

.filter-hint-popover .popover-content .desc h4,
.legal-hint-popover .popover-content .desc h4 {
    font-size: 22px
}

.filter-hint-popover .popover-content .desc p {
    margin: 0
}

.filter-hint-popover .popover-content .desc p img {
    max-height: 520px;
    padding: 10px;
    width: 100%
}

.legal-hint-popover .popover-content {
    max-width: 395px
}

.dynamic-pop-over .img-container img {
    width: 215px;
    height: auto
}

.dynamic-pop-over .close-bar {
    position: relative
}

.dynamic-pop-over .close-bar img {
    position: absolute;
    right: -11px;
    top: -4px;
    z-index: 9;
    cursor: pointer
}

.bread-crum {
    height: 40px;
    padding: 0 10px;
    margin: 0 -10px
}

.bread-crum .resultBar {
    font-size: 12px;
    float: left;
    line-height: 40px
}

.bread-crum .resultBar .bold {
    font-weight: 700
}

.bread-crum .resultBar .bold a {
    cursor: pointer
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .bread-crum .resultBar {
        font-size: 8px !important;
        line-height: 50px !important
    }

    .bread-crum .dropdownBar {
        line-height: 50px !important
    }
}

.bread-crum .dropdownBar {
    line-height: 40px;
    float: right
}

.bread-crum .dropdownBar .btn {
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 700
}

.comparison-wrapper {
    position: fixed;
    z-index: 990;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(35, 31, 32, .85);
    height: 100px;
    transition: bottom .4s ease
}

.comparison-wrapper.mobile-wrapper {
    height: auto
}

.comparison-wrapper.mobile-wrapper .compare-button {
    margin: 0 0 4px;
    padding: 0 5px
}

.comparison-wrapper.mobile-wrapper .compare-button .btn {
    width: 100%;
    margin: 0;
    padding: 10px
}

.comparison-wrapper .compare-preview {
    padding-left: 181px;
    height: 100%
}

.comparison-wrapper .compare-preview.mobile {
    padding: 0
}

.comparison-wrapper .compare-preview.mobile .compare-image-wrapper-mob {
    width: 100%;
    position: relative;
    height: 90px;
    margin: 0 0 5px
}

.comparison-wrapper .compare-preview.mobile .compare-image-wrapper-mob .compare-image-mob {
    position: absolute;
    left: 16%;
    height: auto;
    width: 67%
}

.comparison-wrapper .compare-preview.mobile .compare-desc-wrapper-mob {
    padding: 5px 14px 5px 16px
}

.comparison-wrapper .compare-preview.mobile .compare-desc-wrapper-mob p {
    padding: 0;
    margin: 0
}

.comparison-wrapper .compare-preview.mobile .compare-desc-wrapper-mob .compare-desc-mob {
    color: #000;
    padding: 0 0 0 10px
}

.comparison-wrapper .compare-preview.mobile .compare-desc-wrapper-mob .compare-desc-mob .num {
    font-size: 14px;
    font-weight: 600
}

.comparison-wrapper .compare-preview .compare-item {
    padding: 5px;
    height: 100%
}

.comparison-wrapper .compare-preview .compare-item .compare-item-inner {
    height: 100%;
    margin: 0;
    background: #fff
}

.comparison-wrapper .compare-preview .compare-item .compare-item-inner.empty {
    background: #000
}

.comparison-wrapper .compare-preview .compare-item .compare-item-inner .compare-close {
    position: relative
}

.comparison-wrapper .compare-preview .compare-item .compare-item-inner .compare-close img {
    position: absolute;
    right: 0;
    max-height: 17px;
    cursor: pointer
}

.comparison-wrapper .compare-preview .compare-item .compare-item-inner .compare-image {
    height: auto;
    width: 36%
}

@media only screen and (min-device-width:768px) and (max-device-width:1400px) {
    .comparison-wrapper .compare-preview .compare-item .compare-item-inner .compare-image {
        padding: 5px 0 0 8px
    }
}

@media (min-width:1500px) {
    .comparison-wrapper .compare-preview .compare-item .compare-item-inner .compare-image {
        width: 29%
    }
}

.comparison-wrapper .compare-preview .compare-item .compare-item-inner .compare-desc {
    color: #09c;
    padding: 5px 0 0 10px;
    overflow-wrap: break-word
}

.comparison-wrapper .compare-button {
    margin: 37px 0 0
}

.comparison-wrapper .compare-button .btn {
    margin-right: 13px
}

.comparison-wrapper .compare-button .clear-all {
    font-size: 13px;
    font-weight: 700
}

.old-view {
    padding: 40px 0 !important
}

.search-results {
    padding: 20px 0;
    margin-left: 0;
    margin-right: 0
}

.search-results .result-container {
    min-height: 400px
}

.search-results .status-results p {
    margin: 0 15px;
    font-size: 14px
}

.search-results hr.divider {
    margin-top: 12px;
    margin-bottom: 14px
}

.search-results .part-card hr.divider {
    margin: 0
}

.search-results .search-result-info {
    font-stretch: normal;
    line-height: 25px
}

.search-results .search-result-info .page-result-info {
    margin: 3px 0
}

.search-results .search-result-info .dropdownBar {
    text-align: right;
    margin-right: 10px
}

.search-results .search-result-info .dropdownBar .caret {
    margin-left: 10px
}

.search-results .search-result-info .dropdownBar .dropdown-menu {
    margin-top: 9px
}

.search-results .search-result-info .dropdownBar ul:before {
    content: "";
    position: absolute;
    right: 11px;
    top: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #fff;
    z-index: 1000
}

.search-results .search-result-info .dropdownBar ul:after {
    content: "";
    position: absolute;
    right: 10px;
    top: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 11px;
    border-color: transparent transparent #acacac;
    z-index: 999
}

.search-results .clr-filters ul {
    padding-left: 0;
    list-style-type: none;
    float: left;
    margin-left: 10px;
    margin-bottom: 0
}

.search-results .clr-filters ul li {
    display: inline-block;
    margin-right: 10px;
    margin-left: 0
}

.search-results .clr-filters ul li .label {
    white-space: inherit;
    word-break: break-all;
    text-align: inherit
}

.search-results .clr-filters ul .clear-all {
    text-transform: uppercase
}

.search-results .clr-filters .col-md-2 {
    position: relative
}

.search-results .clr-filters .col-md-2 .label {
    padding: 4px 4px 4px 10px;
    position: absolute;
    right: 10px
}

.search-results .clr-filters .col-md-10 {
    padding-top: 4px
}

.search-results .clr-filters .label {
    padding: 4px 4px 4px 10px;
    margin-bottom: 5px;
    display: inline-block
}

.search-results .clr-filters .label img {
    cursor: pointer;
    width: 20px
}

.search-results .filter .categoryHdr {
    margin-bottom: 5px;
    position: relative;
    font-weight: 600;
    font-size: 2rem;
    color: #666
}

.search-results .filter .categoryHdr .tooltip {
    left: 0 !important;
    top: auto !important;
    bottom: 18px !important;
    z-index: 9999 !important
}

.search-results .filter .categoryHdr .tooltip.top .tooltip-arrow {
    left: 20px
}

.search-results .filter .refine-list .text-muted {
    margin: 10px 0
}

.search-results .filter .refine-list .text-muted .refine {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.search-results .filter .refine-list .refine {
    background: #fff;
    padding-left: 15px;
    margin-bottom: 5px
}

.search-results .filter .refine-list hr {
    margin: 10px 0
}

.search-results .filter .refine-list .filterHdr {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 2rem;
    margin-top: 0;
    color: #666
}

.search-results .filter .refine-list .refine-header {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 5px
}

.search-results .filter .refine-list .refine-header i {
    float: left;
    margin-right: 5px;
    margin-top: 4px;
    font-size: 12px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section,
.search-results .filter .refine-list .refine-options .search .filterBox .glyphicon-search {
    float: right
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .search-results .filter .refine-list .refine-header {
        font-size: 12px
    }

    .search-results .filter .refine-list .refine-header i {
        margin-top: 3px
    }
}

.search-results .filter .refine-list .refine-header i:hover {
    cursor: pointer
}

.search-results .filter .refine-list .refine-header .blue {
    font-weight: 600
}

.search-results .filter .refine-list .refine-header .category:hover {
    cursor: pointer
}

.search-results .filter .refine-list .refine-header .subcategory {
    margin-left: 27px
}

.search-results .filter .refine-list .refine-header .subcategory:hover {
    cursor: pointer
}

.search-results .filter .refine-list .refineFilterHdr {
    padding-top: 10px
}

.search-results .filter .refine-list .refineFilterHdr i {
    font-size: 14px;
    color: #969696;
    cursor: pointer
}

.search-results .filter .refine-list .refineFilterHdr .refineFilterHdrText {
    font-size: 1.5rem;
    margin: 0;
    font-weight: 700;
    color: #323232
}

.search-results .filter .refine-list .refine-options label {
    font-weight: 400;
    padding-left: 0;
    padding-right: 5px
}

@media only screen and (min-device-width:800px) and (max-device-width:1024px) {
    .search-results .filter .refine-list .refine-options .list {
        margin-left: 10px
    }
}

.search-results .filter .refine-list .refine-options .list .search-text {
    margin-top: 10px;
    position: relative
}

.search-results .filter .refine-list .refine-options .list .search-text .input-search-icon {
    position: absolute;
    top: 2px;
    left: 5px
}

.search-results .filter .refine-list .refine-options .list .search-text .input-search-icon .fa {
    color: #a9a9a9
}

.search-results .filter .refine-list .refine-options .list .form-group {
    margin-bottom: 0
}

.search-results .filter .refine-list .refine-options .list .form-group .checkbox label {
    font-size: 12px
}

.search-results .filter .refine-list .refine-options .list .form-group .checkbox label .subcategory:active {
    color: #09C
}

.search-results .filter .refine-list .refine-options .list .form-group .checkbox .fa-check-square,
.search-results .filter .refine-list .refine-options .list .form-group .checkbox .fa-square-o {
    margin-right: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer
}

.search-results .filter .refine-list .refine-options .list .view-more {
    overflow: hidden
}

.search-results .filter .refine-list .refine-options .list .view-more a {
    cursor: pointer;
    font-size: 10px
}

.search-results .filter .refine-list .refine-options .list input {
    width: 90%;
    padding: 1px 5px 1px 20px;
    border: 1px solid #cacaca;
    line-height: 2.2rem
}

.search-results .filter .refine-list .refine-options .list input,
.search-results .filter .refine-list .refine-options .list input:-ms-input-placeholder {
    font-size: 12px;
    color: #686565
}

.search-results .filter .refine-list .refine-options .list input,
.search-results .filter .refine-list .refine-options .list input::placeholder {
    font-size: 12px;
    color: #686565
}

.search-results .filter .refine-list .refine-options .list .bold {
    font-weight: 600
}

.search-results .filter .refine-list .refine-options .list .icon {
    background-color: #000;
    height: 25px;
    position: absolute
}

.search-results .filter .refine-list .refine-options .list .icon i {
    color: #fff;
    padding: 7px;
    font-weight: 100;
    font-size: 12px
}

.search-results .filter .refine-list .refine-options .scale {
    margin-left: 10px
}

.search-results .filter .refine-list .refine-options .search .filterBox {
    padding: 5px 5px 10px 0
}

.search-results .filter .refine-list .refine-options .search .filterBox input[type=text] {
    width: 90%;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #ddd;
    border-image: none;
    border-width: 0 0 1px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 5px 5px 0
}

.search-results .filter .refine-list .refine-options .search .list {
    margin-left: 0;
    display: block
}

.search-results .parts img {
    margin: 0 auto;
    max-width: 100%
}

.search-results .parts .part,
.search-results .parts .part1,
.search-results .parts .part2 {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center
}

.search-results .parts .part1 p {
    margin: 10px 0 0
}

.search-results .parts .part1 p span {
    font-weight: 700
}

.search-results .parts .part2 p {
    font-size: 10px
}

.search-results .load-more {
    width: 465px;
    height: 40px;
    border-radius: 4px;
    margin-bottom: 50px;
    font-size: 13px;
    font-weight: 600;
    background-color: #525252;
    color: #fff;
    border: none
}

.search-results .no-results {
    margin: 20px auto;
    font-size: 14px
}

.search-results .no-results p {
    text-align: center
}

.search-results .no-results p .bold {
    font-weight: 700
}

.search-results .affix-div,
.search-results .affix-filters {
    position: fixed;
    top: 90px
}

.search-results .affix-ads {
    position: fixed;
    top: 80px;
    right: 7px
}

.search-results .affix-ads img {
    margin-top: 0
}

.search-results #dropdown-hidden-container {
    padding-left: 0 !important
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .search-results .visual-search-image {
        width: 60%;
        text-align: center;
        margin: 0 auto
    }
}

.refine-scroll {
    max-height: 215px;
    overflow-y: auto
}

.style-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.style-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

.style-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    background-color: #777
}

.view-sales-link {
    cursor: pointer
}

.visual-search-container {
    background: #fff;
    margin: 10px;
    padding: 10px
}

.visual-search-container .visual-search-banner-desc .left {
    -ms-grid-column-align: flex-start;
    justify-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 300px
}

.visual-search-container .visual-search-banner-desc .left img {
    width: 100%
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .visual-search-container .visual-search-banner-desc .left img {
        width: 50%
    }
}

.visual-search-container .spicer-logo {
    width: 120px;
    margin: 10px
}

.custom-loader,
.custom-loader .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.visual-search-container .title {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding: 5% 0
}

.visual-search-container .visual-verification {
    background: #fff00f;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer
}

.visual-search-container .submit-div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5%
}

.visual-search-container .submit-div .btn-submit {
    color: #fff;
    background-color: #337ab7;
    border: none;
    padding: 5px 20px;
    border-radius: 7px
}

.visual-search-container .btn-click-here {
    color: #337ab7;
    font-size: 16px;
    font-weight: 700;
    background: #fff;
    border: none
}

.visual-search-container .dont-have-label {
    font-size: 16px;
    font-weight: 700
}

.visual-search-container .d-flex {
    display: -ms-flexbox;
    display: flex
}

.visual-search-container .justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}

.visual-search-container .sp-title {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    padding: 3% 0;
    color: #000
}

.visual-search-container .btn-stop {
    border: 2px solid rgba(0, 173, 255, .54);
    border-radius: 6px;
    background: #fff;
    padding: 5px 50px;
    font-weight: 700;
    color: rgba(0, 173, 255, .54)
}

.visual-search-container .btn-continue {
    color: #fff;
    background-color: #0086cb;
    padding: 8px 30px;
    border-radius: 6px;
    border: none
}

.custom-loader,
.visual-search-container .bg-white,
.visual-search-container .sp-lite-container {
    background: #fff
}

.visual-search-container .sp-lite-container .disclaimer-2-conditions {
    margin-top: 40px
}

.visual-search-container .sp-lite-container .disclaimer-2-conditions span {
    font-weight: 600;
    font-style: italic
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {

    .visual-search-container .btn-continue,
    .visual-search-container .btn-stop {
        padding: 5px 25px;
        font-size: 12px
    }
}

.visual-search-container .pad-bottom-15,
.visual-search-container .readyshat-title {
    padding-bottom: 15px
}

.coupling-shaft-container .headings .header,
.drive-shaft-container .headings .header,
.interaxle-shaft-container .headings .header,
.short-couple-container .headings .header,
.short-couple-selection .headings .header,
.visual-search-container .readyshat-title {
    font-size: 25px;
    font-weight: 700;
    text-align: center
}

.visual-search-container .justify-content-space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.visual-search-container .border-top {
    border: 1.5px solid #e8e1e1;
    border-bottom: none
}

.visual-search-container .border-bottom {
    border: 1.5px solid #e8e1e1;
    border-top: none
}

.visual-search-container .mt-n1 {
    margin-top: -1px
}

.visual-search-container .justify-content-space-evenly {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.visual-search-container .marg-t-5 {
    margin-top: 5px
}

.custom-loader {
    position: fixed;
    z-index: 3000;
    opacity: .7
}

.custom-loader .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 50%;
    margin-top: -20px
}

.p-20 {
    padding: 20px
}

.coupling-shaft-container,
.drive-shaft-container,
.interaxle-shaft-container,
.short-couple-container,
.short-couple-selection {
    background: #fff;
    margin: 10px;
    padding: 10px
}

.coupling-shaft-container .headings .title,
.drive-shaft-container .headings .title,
.interaxle-shaft-container .headings .title,
.short-couple-container .headings .title,
.short-couple-selection .headings .title {
    font-weight: 700;
    font-size: 20px;
    text-align: center
}

.coupling-shaft-container .headings .category-list,
.coupling-shaft-container .headings .sub-title,
.drive-shaft-container .headings .category-list,
.drive-shaft-container .headings .sub-title,
.interaxle-shaft-container .headings .category-list,
.interaxle-shaft-container .headings .sub-title,
.short-couple-container .headings .category-list,
.short-couple-container .headings .sub-title,
.short-couple-selection .headings .category-list,
.short-couple-selection .headings .sub-title {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding: 1% 0
}

.coupling-shaft-container .headings .additional.category-list,
.coupling-shaft-container .headings .sub-title.additional,
.drive-shaft-container .headings .additional.category-list,
.drive-shaft-container .headings .sub-title.additional,
.interaxle-shaft-container .headings .additional.category-list,
.interaxle-shaft-container .headings .sub-title.additional,
.short-couple-container .headings .additional.category-list,
.short-couple-container .headings .sub-title.additional,
.short-couple-selection .headings .additional.category-list,
.short-couple-selection .headings .sub-title.additional {
    font-size: 20px
}

.coupling-shaft-container .section-notes,
.drive-shaft-container .section-notes,
.interaxle-shaft-container .section-notes,
.short-couple-container .section-notes,
.short-couple-selection .section-notes {
    border: 1.5px solid #e8e1e1
}

.coupling-shaft-container .section-notes .left,
.coupling-shaft-container .section-notes .right,
.drive-shaft-container .section-notes .left,
.drive-shaft-container .section-notes .right,
.interaxle-shaft-container .section-notes .left,
.interaxle-shaft-container .section-notes .right,
.short-couple-container .section-notes .left,
.short-couple-container .section-notes .right,
.short-couple-selection .section-notes .left,
.short-couple-selection .section-notes .right {
    padding: 10px
}

.coupling-shaft-container .btn-continue,
.drive-shaft-container .btn-continue,
.interaxle-shaft-container .btn-continue,
.short-couple-container .btn-continue,
.short-couple-selection .btn-continue {
    color: #fff;
    background-color: #337ab7;
    padding: 5px 30px;
    border-radius: 6px;
    border: none
}

.coupling-shaft-container .btn-continue.disabled,
.drive-shaft-container .btn-continue.disabled,
.interaxle-shaft-container .btn-continue.disabled,
.short-couple-container .btn-continue.disabled,
.short-couple-selection .btn-continue.disabled {
    color: #acacac;
    background-color: #dbdbdb;
    pointer-events: none
}

.coupling-shaft-container .watch-video,
.drive-shaft-container .watch-video,
.interaxle-shaft-container .watch-video,
.short-couple-container .watch-video,
.short-couple-selection .watch-video {
    background-color: #337ab7;
    border-color: #337ab7
}

.coupling-shaft-container .watch-video img,
.drive-shaft-container .watch-video img,
.interaxle-shaft-container .watch-video img,
.short-couple-container .watch-video img,
.short-couple-selection .watch-video img {
    width: 15px;
    margin-right: 5px
}

.coupling-shaft-container .step-count,
.drive-shaft-container .step-count,
.interaxle-shaft-container .step-count,
.short-couple-container .step-count,
.short-couple-selection .step-count {
    font-size: 14px;
    font-weight: 700
}

.coupling-shaft-container .pad-top-5,
.drive-shaft-container .pad-top-5,
.interaxle-shaft-container .pad-top-5,
.short-couple-container .pad-top-5,
.short-couple-selection .pad-top-5 {
    padding-top: 5%
}

.coupling-shaft-container .justify-content-space-between,
.drive-shaft-container .justify-content-space-between,
.interaxle-shaft-container .justify-content-space-between,
.short-couple-container .justify-content-space-between,
.short-couple-selection .justify-content-space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.coupling-shaft-container .d-flex,
.drive-shaft-container .d-flex,
.interaxle-shaft-container .d-flex,
.short-couple-container .d-flex,
.short-couple-selection .d-flex {
    display: -ms-flexbox;
    display: flex
}

.coupling-shaft-container .width-100,
.drive-shaft-container .width-100,
.interaxle-shaft-container .width-100,
.short-couple-container .width-100,
.short-couple-selection .width-100 {
    width: 100%
}

.coupling-shaft-container .margin-auto,
.drive-shaft-container .margin-auto,
.interaxle-shaft-container .margin-auto,
.short-couple-container .margin-auto,
.short-couple-selection .margin-auto {
    margin: 0 auto
}

.coupling-shaft-container .justify-content-center,
.drive-shaft-container .justify-content-center,
.interaxle-shaft-container .justify-content-center,
.short-couple-container .justify-content-center,
.short-couple-selection .justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}

.coupling-shaft-container .selector,
.drive-shaft-container .selector,
.interaxle-shaft-container .selector,
.short-couple-container .selector,
.short-couple-selection .selector {
    height: 80px;
    background: #337ab7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    text-align: center
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {

    .coupling-shaft-container .selector,
    .drive-shaft-container .selector,
    .interaxle-shaft-container .selector,
    .short-couple-container .selector,
    .short-couple-selection .selector {
        height: 40px;
        margin-bottom: 5px;
        font-size: 12px
    }
}

.coupling-shaft-container .till,
.drive-shaft-container .till,
.interaxle-shaft-container .till,
.short-couple-container .till,
.short-couple-selection .till {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding-top: 15px
}

.coupling-shaft-container .justify-content-end,
.drive-shaft-container .justify-content-end,
.interaxle-shaft-container .justify-content-end,
.short-couple-container .justify-content-end,
.short-couple-selection .justify-content-end {
    -ms-flex-pack: end;
    justify-content: end
}

.coupling-shaft-container .part-number,
.drive-shaft-container .part-number,
.interaxle-shaft-container .part-number,
.short-couple-container .part-number,
.short-couple-selection .part-number {
    font-size: 20px;
    font-weight: 700
}

.coupling-shaft-container .step8-p,
.drive-shaft-container .step8-p,
.interaxle-shaft-container .step8-p,
.short-couple-container .step8-p,
.short-couple-selection .step8-p {
    font-size: 14px;
    font-weight: 700
}

.coupling-shaft-container .btn-back,
.drive-shaft-container .btn-back,
.interaxle-shaft-container .btn-back,
.short-couple-container .btn-back,
.short-couple-selection .btn-back {
    color: #337ab7;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    border: none
}

.coupling-shaft-container .arrow-color,
.drive-shaft-container .arrow-color,
.interaxle-shaft-container .arrow-color,
.short-couple-container .arrow-color,
.short-couple-selection .arrow-color {
    color: #337ab7
}

.coupling-shaft-container .border-top,
.drive-shaft-container .border-top,
.interaxle-shaft-container .border-top,
.short-couple-container .border-top,
.short-couple-selection .border-top {
    border: 1.5px solid #e8e1e1;
    border-bottom: none
}

.coupling-shaft-container .main-section,
.drive-shaft-container .main-section,
.interaxle-shaft-container .main-section,
.short-couple-container .main-section,
.short-couple-selection .main-section {
    min-height: 280px
}

.coupling-shaft-container .main-section .left-section,
.drive-shaft-container .main-section .left-section,
.interaxle-shaft-container .main-section .left-section,
.short-couple-container .main-section .left-section,
.short-couple-selection .main-section .left-section {
    height: 280px
}

.coupling-shaft-container .main-section .left-section img,
.drive-shaft-container .main-section .left-section img,
.interaxle-shaft-container .main-section .left-section img,
.short-couple-container .main-section .left-section img,
.short-couple-selection .main-section .left-section img {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.coupling-shaft-container .bottom-section,
.drive-shaft-container .bottom-section,
.interaxle-shaft-container .bottom-section,
.short-couple-container .bottom-section,
.short-couple-selection .bottom-section {
    padding: 10px
}

.coupling-shaft-container .border-bottom,
.drive-shaft-container .border-bottom,
.interaxle-shaft-container .border-bottom,
.short-couple-container .border-bottom,
.short-couple-selection .border-bottom {
    border: 1.5px solid #e8e1e1;
    border-top: none
}

.coupling-shaft-container .border,
.drive-shaft-container .border,
.interaxle-shaft-container .border,
.short-couple-container .border,
.short-couple-selection .border {
    border: 1.5px solid #e8e1e1
}

.coupling-shaft-container .pad-bottom-15,
.drive-shaft-container .pad-bottom-15,
.interaxle-shaft-container .pad-bottom-15,
.short-couple-container .pad-bottom-15,
.short-couple-selection .pad-bottom-15 {
    padding-bottom: 15px
}

.coupling-shaft-container .cart-border,
.drive-shaft-container .cart-border,
.interaxle-shaft-container .cart-border,
.short-couple-container .cart-border,
.short-couple-selection .cart-border {
    display: -ms-grid;
    display: grid;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1.5px solid #e8e1e1;
    padding-bottom: 6px
}

.coupling-shaft-container .note p,
.drive-shaft-container .note p,
.interaxle-shaft-container .note p,
.short-couple-container .note p,
.short-couple-selection .note p {
    font-size: 14px;
    font-weight: 700;
    padding-left: 10px
}

.coupling-shaft-container .tech-card-headings,
.drive-shaft-container .tech-card-headings,
.interaxle-shaft-container .tech-card-headings,
.short-couple-container .tech-card-headings,
.short-couple-selection .tech-card-headings {
    border: 1px solid #f7f7f7;
    padding: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f7f7;
    font-size: 20px
}

.coupling-shaft-container .pad-top-2,
.drive-shaft-container .pad-top-2,
.interaxle-shaft-container .pad-top-2,
.short-couple-container .pad-top-2,
.short-couple-selection .pad-top-2 {
    padding-top: 2%
}

.coupling-shaft-container .input-icons,
.drive-shaft-container .input-icons,
.interaxle-shaft-container .input-icons,
.short-couple-container .input-icons,
.short-couple-selection .input-icons {
    padding-left: 3%
}

.coupling-shaft-container .border-sel-msg,
.drive-shaft-container .border-sel-msg,
.interaxle-shaft-container .border-sel-msg,
.short-couple-container .border-sel-msg,
.short-couple-selection .border-sel-msg {
    border: 1.5px solid #e8e1e1;
    border-top: none;
    border-bottom: none
}

.menu-view-all-wrapper .container {
    min-height: 400px;
    background: #fff;
    width: 97%;
    margin: 20px 0 0 20px;
    padding: 12px 29px 2px;
    position: relative
}

.menu-view-all-wrapper .container ul.nav li.uib-tab {
    width: auto
}

.menu-view-all-wrapper .container ul.nav li.uib-tab a.nav-link {
    color: #323232;
    font-weight: 700;
    font-size: 14px;
    border: 0;
    background: #fff
}

.menu-view-all-wrapper .container ul.nav li.uib-tab a.nav-link:hover {
    background: #fff
}

.menu-view-all-wrapper .container ul.nav li.uib-tab.active a.nav-link {
    color: #09C;
    border-bottom: 2px solid #09C
}

.menu-view-all-wrapper .container .tab-content-container {
    border-top: 1px solid #eee;
    padding-top: 20px
}

.menu-view-all-wrapper .container .tab-content-container span:last-child dl {
    border: 0
}

.menu-view-all-wrapper .container .tab-content-container dl {
    padding: 0 0 20px;
    border-bottom: 1px solid #eee
}

.menu-view-all-wrapper .container .tab-content-container dl .class-lines dt {
    margin-bottom: 5px
}

.menu-view-all-wrapper .container .tab-content-container dl .class-lines dt a {
    color: #a6a6a6;
    text-decoration: none
}

.menu-view-all-wrapper .container .tab-content-container dl .class-lines dd {
    margin-bottom: 5px;
    padding-left: 10px
}

.menu-view-all-wrapper .container .tab-content-container dl .class-lines dd a {
    color: #323232;
    text-decoration: none;
    font-size: 13px
}

.menu-view-all-wrapper .container .tab-content-container dl .class-lines dd a:hover {
    color: #09C;
    cursor: pointer
}

.menu-view-all-wrapper .container .part-compare-link {
    position: relative;
    top: 13px
}

.sign-up-container .sign-up-form-container.email-verify {
    height: calc(100vh - 381px);
    margin-bottom: 0;
    margin-top: 20px;
    display: table;
    padding: 0
}

.sign-up-container .sign-up-form-container.email-verify .user-info {
    display: table-cell;
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
    font-weight: 600
}

.sign-up-container .sign-up-form-container.email-verify .user-info .loading-img,
.sign-up-container .sign-up-form-container.email-verify .user-info .success-img {
    height: 28px;
    margin-right: 5px
}

.sign-up-container .sign-up-form-container.email-verify .user-info .fa-exclamation-triangle {
    font-size: 20px;
    margin-right: 5px
}

.my-modal-popup.login-expired-modal {
    top: 24% !important
}

.my-modal-popup.login-expired-modal .modal-dialog {
    width: 50%;
    margin-top: 0
}

.my-modal-popup.login-expired-modal .modal-dialog #loginSuccess {
    border: 0
}

.my-modal-popup.login-expired-modal .modal-dialog #loginSuccess .modal-body {
    position: relative;
    padding: 15px 15px 17px;
    border-radius: 4px
}

.my-modal-popup.login-expired-modal .modal-dialog #loginSuccess .modal-body h1 {
    margin: 0
}

.create-password-container,
.password-changed-container {
    background-color: #fff;
    max-width: 460px;
    padding: 38px 50px 50px;
    box-shadow: 0 3px 6px #d6d6d6;
    margin: 34px auto
}

.create-password-container {
    border: 1px #dbdbdb;
    border-radius: 3px
}

.password-changed-container {
    border: 1px #dbdbdb;
    border-radius: 3px;
    text-align: center
}

.button-panel {
    margin-top: 29px
}

.button-panel .form-group {
    margin-bottom: 0
}

.my-modal-popup.sign-in-modal {
    top: 0 !important
}

.my-modal-popup.sign-in-modal .modal-dialog {
    margin-top: 46px
}

.my-modal-popup.sign-in-modal .modal-dialog .modal-content {
    border-width: 0
}

#loginpopup {
    border: 0
}

#loginpopup .modal-body {
    padding: 0;
    border-radius: 3px
}

#loginpopup .modal-body .section-wrapper {
    overflow: hidden;
    border-radius: 3px
}

#loginpopup .modal-body .section-wrapper .btn.pzv-secondary-btn-xl {
    line-height: 16px;
    color: #fff;
    margin-bottom: 20px
}

#loginpopup .modal-body .section-wrapper .btn.pzv-secondary-btn-xl:hover {
    background: 0 0
}

#loginpopup .modal-body .section-wrapper hr {
    border-top: 1px solid #DFDFDF
}

#loginpopup .modal-body .section-wrapper .tenant-info-section {
    float: left;
    width: 40%;
    color: #fff;
    min-height: 456px
}

#loginpopup .modal-body .section-wrapper .tenant-info-section,
#loginpopup .modal-body .section-wrapper .tenant-login-section {
    box-sizing: border-box;
    padding: 40px
}

#loginpopup .modal-body .section-wrapper .tenant-info-section h5 {
    margin-top: 0;
    margin-bottom: 15px
}

#loginpopup .modal-body .section-wrapper .tenant-info-section h5+p {
    margin-bottom: 10px
}

#loginpopup .modal-body .section-wrapper .tenant-info-section hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #b7b7b7;
    opacity: .36
}

#loginpopup .modal-body .section-wrapper .tenant-info-section h5.h5-2 {
    font-size: 14px;
    font-weight: 600;
    color: #ececec;
    margin-bottom: 12px
}

#loginpopup .modal-body .section-wrapper .tenant-info-section h5.h5-2+p,
#loginpopup .modal-body .section-wrapper .tenant-info-section p.bold-p {
    margin-bottom: 20px
}

#loginpopup .modal-body .section-wrapper .tenant-info-section .social-title {
    text-align: center;
    bottom: 1px;
    margin-bottom: 10px;
    text-transform: uppercase
}

#loginpopup .modal-body .section-wrapper .tenant-info-section ul.social-lnk-img-container {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

#loginpopup .modal-body .section-wrapper .tenant-info-section ul.social-lnk-img-container li {
    display: inline-block;
    width: 20%;
    margin: 0 auto
}

#loginpopup .modal-body .section-wrapper .tenant-info-section ul.social-lnk-img-container li a {
    display: inline-block
}

#loginpopup .modal-body .section-wrapper .tenant-info-section ul.social-lnk-img-container li a img {
    width: 100%;
    height: 100%
}

#loginpopup .modal-body .section-wrapper .tenant-login-section {
    width: 60%
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .top-error {
    display: inline-block;
    border: 1px solid #ff9d02;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 3px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .top-error .fa {
    margin-right: 10px;
    font-size: 16px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section form {
    padding-top: 5px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section form>.row {
    margin-bottom: 20px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section form>.row .form-group .show-password-icon {
    top: 8.5px;
    right: 10px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .top-error.ng-hide,
#loginpopup .modal-body .section-wrapper .tenant-login-section .top-error.ng-hide:not(.ng-hide-animate) {
    display: none !important;
    visibility: collapse !important
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .ng-hide:not(.ng-hide-animate) {
    display: block !important;
    visibility: hidden !important
}

#loginpopup .modal-body .section-wrapper .tenant-login-section button .ng-hide:not(.ng-hide-animate) {
    display: inline-block !important;
    visibility: hidden !important
}

#loginpopup .modal-body .section-wrapper .tenant-login-section input[type=password],
#loginpopup .modal-body .section-wrapper .tenant-login-section input[type=text] {
    box-shadow: none
}

#loginpopup .modal-body .section-wrapper .tenant-login-section input.input-logo {
    border-radius: 0 3px 3px 0 !important
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .input-group-addon {
    text-align: center;
    border-right: 0
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .input-group-addon i {
    width: 11px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .help-block {
    margin-top: 2px;
    height: 16.8px;
    margin-bottom: 5px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .error .help-block {
    text-align: right;
    margin-bottom: 0;
    height: 16.8px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section hr {
    border-top: 1px solid #b7b7b7;
    margin-top: 5px;
    margin-bottom: 10px;
    opacity: .36
}

#loginpopup .modal-body .section-wrapper .tenant-login-section h2 {
    margin-top: 0;
    margin-bottom: 22px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section h2 .fa-times-circle {
    font-size: 24px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section h2 .fa-times-circle:hover {
    cursor: pointer
}

#loginpopup .modal-body .section-wrapper .tenant-login-section h2 img {
    vertical-align: top
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .form-group {
    margin-bottom: 5px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .form-group label {
    margin-left: 5px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .remember-me {
    font-weight: 600;
    font-size: 12px;
    color: #7f7f7f
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .remember-me input {
    margin-top: 2px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .remember-me .checkbox-label {
    padding-left: 0
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .remember-me .checkbox-label .fa-check-square,
#loginpopup .modal-body .section-wrapper .tenant-login-section .remember-me .checkbox-label .fa-square-o {
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle;
    cursor: pointer
}

#loginpopup .modal-body .section-wrapper .tenant-login-section a.reset-pswrd:hover {
    text-decoration: none
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .req-info {
    top: 20px;
    position: relative
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .btn-form-group {
    margin-bottom: 0
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .btn {
    margin-top: 10px
}

#loginpopup .modal-body .section-wrapper .tenant-login-section .btn-app-primary.loader-in-progress {
    cursor: none
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern {
    padding: 0 10px;
    cursor: pointer
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning {
    display: table;
    width: 100%;
    background-color: #D7EAF0;
    padding: 20px;
    border-radius: 3px;
    border-color: #C4E3ED
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning:hover {
    background-color: #C4E3ED;
    box-shadow: rgba(0, 0, 0, .2) 0 2px 3px
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning .info-icon {
    width: 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 20px
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning .info-icon img {
    max-width: 100%;
    width: 100%
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning .info-link {
    padding-left: 20px
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning .info-link .switch-signIn-link {
    font-size: 13px;
    color: #323232;
    font-weight: 600;
    text-decoration: none
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning .info-link .switch-signIn-link:hover {
    columns: #0909cc
}

#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning .info-icon,
#loginpopup .modal-body .section-wrapper .switch-sign-in-pattern .alert-warning .info-link {
    display: table-cell
}

#loginpopup .modal-body .section-wrapper .switch-signIn-link {
    color: #09c
}

#loginpopup .modal-body .section-wrapper .fixed-height-field {
    height: 80px;
    min-height: 80px
}

.my-modal-popup.pswrd-changed-success-modal {
    top: 5% !important;
    z-index: 2000 !important
}

.my-modal-popup.pswrd-changed-success-modal .modal-dialog {
    margin-top: 0;
    width: 682px
}

.my-modal-popup.pswrd-changed-success-modal .modal-dialog #pswrdChangedSuccess {
    border: 0
}

.my-modal-popup.pswrd-changed-success-modal .modal-dialog #pswrdChangedSuccess .modal-body {
    padding: 15px 15px 24px;
    border-radius: 4px;
    background: #3FB300
}

.my-modal-popup.pswrd-changed-success-modal .modal-dialog #pswrdChangedSuccess .modal-body h1 {
    margin: 0;
    color: #fff
}

.my-modal-popup.pswrd-changed-success-modal .modal-dialog #pswrdChangedSuccess .modal-body h1 span.fa-check-circle {
    margin-right: 15px;
    font-size: 30px;
    position: relative;
    top: 5px
}

.my-modal-popup.pswrd-assist-modal {
    top: 12% !important
}

.my-modal-popup.pswrd-assist-modal .modal-dialog {
    margin-top: 0;
    width: 500px
}

#userMigrationPopUp .loader,
#userMigrationPopUp .loader .loading-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.my-modal-popup.pswrd-assist-modal .modal-dialog .modal-content {
    border-radius: 3px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance {
    border: 0;
    padding: 41px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-header {
    padding: 0;
    border: 0;
    margin-bottom: 31px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-header h2 {
    margin: 0;
    line-height: 30px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-header h2 .fa {
    color: #9b9b9b
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-header h2 img {
    vertical-align: top
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body {
    padding: 0
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body h5.err-txt {
    min-height: 1px;
    margin: 17px 0
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body label {
    margin-left: 5px;
    margin-bottom: 6px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body p.email-info {
    font-size: 12px;
    font-weight: 600;
    color: #5f5f5f
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body .top-error {
    display: inline-block;
    border: 1px solid #ff9d02;
    color: #ff9d02;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 3px;
    line-height: 20px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body .top-error .fa {
    margin-right: 10px;
    font-size: 16px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body h5.text-danger {
    margin: 11px 0
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body form .form-group {
    margin-bottom: 20px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body form .form-group p {
    margin-bottom: 5px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body form .form-group.last {
    margin-bottom: 41px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body .btn {
    min-width: 80px;
    margin-bottom: 41px;
    line-height: 20px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body button {
    line-height: 16px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body input.input-logo {
    border-radius: 0 3px 3px 0 !important
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body .input-group-addon {
    color: #dedede;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 4px 0 0 4px;
    border-right: 0
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body .help-block {
    margin-top: 2px
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body .error .help-block {
    text-align: right;
    margin-bottom: 0
}

.my-modal-popup.pswrd-assist-modal .modal-dialog #pswrdassistance .modal-body .error .input-group-addon {
    color: #ff9d02;
    background-color: #fff3e5;
    border-color: #ff9d02
}

#userMigrationPopUp {
    background-color: #fcfcfc;
    padding: 20px
}

#userMigrationPopUp .loader .loading-bg {
    display: block;
    opacity: .3;
    background-color: #000;
    z-index: 1024
}

#userMigrationPopUp .loader .loading-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -22px;
    margin-left: -22px;
    height: 44px;
    z-index: 1023
}

#userMigrationPopUp .migration-frm .customer-info {
    margin-bottom: 10px;
    overflow-x: hidden;
    max-height: calc(100vh - 375px);
    min-height: 50px;
    display: block;
    overflow-y: auto
}

#userMigrationPopUp .migration-frm .customer-info .col-md-12 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px
}

#userMigrationPopUp .migration-success .check-mark {
    height: 20px;
    width: 20px;
    margin-right: 7px;
    margin-top: -4px
}

#userMigrationPopUp .migration-success .fa-exclamation-triangle {
    font-size: 24px;
    margin-right: 7px
}

#userMigrationPopUp .migration-success>.pzv-title-t1,
#userMigrationPopUp .migration-success>p {
    margin-bottom: 20px;
    text-align: center
}

#userMigrationPopUp .migration-success p {
    font-size: 14px
}

#userMigrationPopUp .migration-success .actions {
    text-align: center
}

#userMigrationPopUp .migration-success .actions .btn-app {
    padding: 7.5px 15px
}

#userMigrationPopUp .modal-header {
    border-bottom: none
}

#userMigrationPopUp .modal-header .pzv-title-t1 {
    margin: 0
}

#userMigrationPopUp .modal-footer {
    border-top: none
}

#userMigrationPopUp .warning-panel {
    display: -ms-inline-flexbox;
    display: inline-flex
}

#userMigrationPopUp .same-sentence-part {
    margin-bottom: 0
}

#userMigrationPopUp .pzv-text-bt28 {
    margin-bottom: 24px
}

#userMigrationPopUp .btn-no {
    padding: 5px 20px;
    font-size: 13px;
    margin-right: 10px
}

#userMigrationPopUp .fa-exclamation-triangle {
    margin-top: 5px
}

#userMigrationPopUp .mandatory-msg {
    margin-left: 10px
}

.my-modal-popup.shipto-soldto-modal {
    top: 0 !important
}

.my-modal-popup.shipto-soldto-modal .modal-dialog {
    margin-top: 65px;
    width: 586px
}

@media only screen and (max-width:1023px) {
    .my-modal-popup.shipto-soldto-modal .modal-dialog {
        width: 100%
    }
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp {
    border-radius: 3px;
    background: #f6f6f6;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-header {
    padding: 28px 28px 18px;
    border-bottom: 1px solid #e5e5e5
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-header .alert-success {
    line-height: 32px;
    background: #45C500;
    color: #353535;
    padding: 0 13px;
    margin-bottom: 20px
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-header .alert-success i {
    color: #fff;
    margin-right: 6px
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-header h4 {
    color: #6a6a6a;
    margin: 0;
    padding-left: 44px;
    position: relative;
    line-height: 20px
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-header h4 i {
    position: absolute;
    top: 13px;
    left: 13px;
    font-size: 14px;
    color: #fca807
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-body {
    padding: 25px 38px 70px
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-body h5 {
    margin: 0 0 10px;
    color: #9b9b9b
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-body .sold-to-list-wrapper ul {
    display: block;
    margin: 0;
    padding: 0
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-body .sold-to-list-wrapper ul li {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 0
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-body .sold-to-list-wrapper ul li i {
    font-size: 16px;
    color: #d1d1d1;
    margin-right: 15px
}

.my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-body .sold-to-list-wrapper ul li span {
    color: #585858;
    width: calc(100% - 130px);
    display: inline-block
}

@media only screen and (min-width:1024px) {
    .my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-body .sold-to-list-wrapper ul li span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:1023px) {
    .my-modal-popup.shipto-soldto-modal .modal-dialog #shipToSoldToPopUp .modal-body .sold-to-list-wrapper ul li span {
        width: calc(100% - 70px);
        font-size: 16px
    }
}

.reset-password-container {
    background-color: #fff;
    width: 460px;
    height: 305px;
    margin: 34px auto;
    padding: 47px 50px 46px;
    border: 1px #dbdbdb;
    border-radius: 3px;
    box-shadow: 0 3px 6px #d6d6d6
}

.email-sent-container,
.set-password-container {
    background-color: #fff;
    border: 1px #dbdbdb;
    box-shadow: 0 3px 6px #d6d6d6
}

.reset-password-container .form-container {
    margin-top: 22px
}

.reset-password-container .reset-password-title {
    margin: inherit
}

.email-sent-container {
    width: 460px;
    margin: 34px auto;
    height: 245px;
    padding: 22px 50px 47px;
    text-align: center !important;
    border-radius: 3px
}

.email-sent-container .img-circle-tick {
    width: 19px;
    margin-bottom: 5px
}

@media only screen and (max-width:1023px) {
    #appBody.is-mobile .reset-password-container {
        width: auto;
        padding: 30px 25px 35px;
        height: auto
    }

    #appBody.is-mobile .email-sent-container {
        width: auto
    }
}

.text-container {
    margin-top: 10px
}

.text-container .submit-btn-panel {
    margin-top: 13px
}

.text-container .submit-btn-panel .submit-btn {
    width: 100%
}

.set-password-container {
    width: 460px;
    margin: 34px auto;
    padding: 47px 50px 46px;
    border-radius: 3px
}

.set-password-container .loader,
.set-password-container .loader .loading-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

@media (max-width:460px) {
    .set-password-container {
        max-width: 100%;
        padding: 20px
    }
}

.set-password-container .loader .loading-bg {
    display: block;
    opacity: .3;
    background-color: #000;
    z-index: 1024
}

.set-password-container .loader .loading-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -22px;
    margin-left: -22px;
    height: 44px;
    z-index: 1023
}

.set-password-container .fixed-height-field {
    min-height: 70px;
    margin-bottom: 0
}

.set-password-container .confirm-panel {
    margin-top: 10px
}

.account-activated-container {
    width: 460px;
    height: 222px;
    padding: 38px 31px 40px;
    background-color: #fff;
    border: 1px #dbdbdb;
    border-radius: 3px;
    box-shadow: 0 3px 6px #d6d6d6;
    text-align: center;
    margin: 34px auto
}

.form-group .password-info h6,
.form-group.checkbox .pzv-disclaimer .privacy-terms {
    text-align: left
}

.heading {
    color: #acacac
}

.label-info-color {
    color: #707070
}

.body-container {
    margin-top: 10px
}

.submit-btn-panel {
    margin-top: 13px
}

.form-container {
    margin-top: 22px
}

.form-container .form-group {
    position: relative
}

.form-container .form-group .show-password-icon {
    right: 10px
}

.submit-btn {
    width: 100%
}

input {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    box-shadow: none
}

.suggestion-tooltip-container {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.suggestion-panel {
    margin-left: 5px
}

.img-circle-tick {
    width: 19px
}

.form-group.checkbox .fa {
    font-size: 20px;
    position: relative;
    margin-right: 10px
}

.form-group.checkbox .terms-err {
    left: -25px !important
}

@media (max-width:460px) {
    .form-group.checkbox .terms-err {
        left: -10px !important
    }

    .form-group.checkbox .terms-err .tooltip-arrow {
        left: 18px !important
    }
}

.form-group.checkbox .terms-err .tooltip-arrow {
    left: 33px
}

.form-group.checkbox .terms-err .tooltip-inner {
    font-weight: 600;
    padding: 15px;
    max-width: none;
    font-size: 14px
}

.form-group.emp-disclaimer ul {
    list-style: none
}

.form-group.emp-disclaimer ul li {
    font-size: 12px
}

.form-group.emp-disclaimer ul li::before {
    content: "•";
    color: #09c;
    display: inline-block;
    width: 1em;
    margin-left: -15px;
    position: relative;
    top: 5px;
    font-size: 22px;
    line-height: 20px
}

.form-group .password-info {
    padding-left: 8px;
    padding-right: 8px;
    z-index: 999
}

.form-group .password-info .criteria {
    list-style: none;
    padding-left: 0
}

.form-group .password-info .criteria li {
    text-align: left;
    padding: 5px 0
}

.form-group .password-info .criteria li:first-child {
    padding-top: 0
}

.form-group .password-info .criteria li:last-child {
    padding-bottom: 0
}

.form-group .password-info .criteria li .fa-check-circle {
    margin-right: 5px
}

.form-group .password-info .criteria li .fa-check-circle.in-valid {
    color: #dbdbdb
}

.form-group .password-info .strength .indicators {
    text-align: center;
    display: block
}

.form-group .password-info .strength .indicators span {
    display: inline-block;
    background-color: transparent;
    line-height: 30px
}

.form-group .password-info .strength .indicators .indicator {
    width: 15px;
    height: 5px;
    border: 1px solid #dbdbdb;
    margin-right: 5px
}

.form-group .password-info .strength .indicators.weak {
    color: red
}

.form-group .password-info .strength .indicators.weak .indicator:nth-child(1) {
    border-color: red;
    background-color: red
}

.form-group .password-info .strength .indicators.medium {
    color: #ff9d02
}

.form-group .password-info .strength .indicators.medium .indicator:nth-child(1),
.form-group .password-info .strength .indicators.medium .indicator:nth-child(2) {
    border-color: #ff9d02;
    background-color: #ff9d02
}

.form-group .password-info .strength .indicators.strong {
    color: #45c500
}

.form-group .password-info .strength .indicators.strong .indicator {
    border-color: #45c500;
    background-color: #45c500
}

.form-group.user-type-selection {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
    max-width: 440px
}

.sign-up-container {
    padding: 0 10px 61px
}

.sign-up-container .form-group {
    margin-bottom: 0
}

.sign-up-container .form-group .input-group-btn {
    position: static
}

.sign-up-container .form-group .input-group-btn .dropdown-menu {
    width: 100%;
    height: 240px;
    overflow: auto
}

.sign-up-container .form-group .input-group-btn .dropdown-menu .pzv-filter-input {
    margin: 3px 20px;
    width: 85%
}

.sign-up-container .sign-up-heading {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 12px
}

.sign-up-container .circular-breadcrumb-signup-container {
    text-align: center
}

.sign-up-container .circular-breadcrumb-signup-container .current-step .step-text {
    font-size: 14px
}

.sign-up-container .circular-breadcrumb-signup-container .current-step .step-text .step-no {
    color: #acacac
}

.sign-up-container .circular-breadcrumb-signup-container ul {
    width: 568px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    margin-bottom: 20px;
    max-width: 100%
}

.sign-up-container .circular-breadcrumb-signup-container li {
    width: 186px;
    text-align: center;
    line-height: 2em;
    float: left;
    color: #fff;
    position: relative;
    max-width: 33.33%
}

.sign-up-container .circular-breadcrumb-signup-container li .step-text {
    color: #acacac;
    position: relative;
    top: 25px;
    right: -8px
}

.sign-up-container .circular-breadcrumb-signup-container .done .step-text,
.sign-up-container .circular-breadcrumb-signup-container li.active .step-text {
    color: #323232
}

.sign-up-container .circular-breadcrumb-signup-container li:before {
    content: "";
    position: absolute;
    top: 5px;
    left: calc(50% + 4px);
    width: 16px;
    height: 16px;
    border-radius: 1em;
    z-index: 10
}

.sign-up-container .circular-breadcrumb-signup-container li:after {
    content: "";
    position: absolute;
    top: 13px;
    left: calc(50% + 4px);
    width: 100%;
    height: .1em;
    background: #acacac;
    z-index: 0
}

.sign-up-container .circular-breadcrumb-signup-container .done:before {
    background: #45c500
}

.sign-up-container .circular-breadcrumb-signup-container li.done:after {
    background: #acacac
}

.sign-up-container .circular-breadcrumb-signup-container .active:before {
    background: #45c500
}

.sign-up-container .circular-breadcrumb-signup-container .inactive:before,
.sign-up-container .circular-breadcrumb-signup-container li.active:after,
.sign-up-container .circular-breadcrumb-signup-container li.inactive:after {
    background: #acacac
}

.sign-up-container .circular-breadcrumb-signup-container li:last-child:after {
    display: none
}

.sign-up-container .border-span {
    color: #fff;
    background-color: #e8e8e8;
    border-radius: 50%;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 1px;
    left: 50%;
    border: 2px solid #45c500;
    z-index: 6
}

.sign-up-container .pzv-create-acc-title {
    font-weight: 600;
    color: #1f1c2a
}

.sign-up-container .sign-up-form-container {
    background-color: #fff;
    box-shadow: 0 3px 6px #d6d6d6;
    border: 1px solid #dbdbdb;
    position: relative;
    border-radius: 3px;
    max-width: 70%;
    margin: 12px auto 70px
}

@media (max-width:1023px) {
    .sign-up-container .sign-up-form-container {
        max-width: 90%
    }
}

.sign-up-container .sign-up-form-container.sign-up-form-padding {
    padding: 40px 40px 6px
}

.sign-up-container .sign-up-form-container .pav-spinner {
    height: 100%;
    opacity: .7;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 300
}

.sign-up-container .sign-up-form-container .pav-spinner .loading-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 400;
    height: 40px;
    width: 40px
}

.sign-up-container .sign-up-form-container .right-padding {
    padding-right: 5px
}

.sign-up-container .sign-up-form-container .left-padding {
    padding-left: 5px
}

.sign-up-container .sign-up-form-container .fields-margin-bottom {
    margin-bottom: 20px
}

.sign-up-container .sign-up-form-container .user-type {
    height: 82px;
    box-shadow: 0 2px 7px 0 rgba(12, 52, 113, .05);
    border: 1px solid #09c;
    padding: 15px 20px;
    border-radius: 3px;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    place-content: stretch center;
    -ms-flex-align: stretch;
    align-items: stretch;
    cursor: pointer;
    min-width: 115px
}

.sign-up-container .sign-up-form-container .user-type.selected {
    background-color: #09c;
    position: relative;
    color: #fff
}

.sign-up-container .sign-up-form-container .user-type.selected .text {
    color: #fff
}

.sign-up-container .sign-up-form-container .user-type.selected.customer .icon {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/customer-selected.svg)
}

.sign-up-container .sign-up-form-container .user-type.selected.shopuser .icon {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/individual-selected.svg)
}

.sign-up-container .sign-up-form-container .user-type.selected.employee .icon {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/employee-selected.svg)
}

.sign-up-container .sign-up-form-container .user-type.selected .fa-check-circle-o {
    position: absolute;
    right: 10px;
    top: 7.5px
}

.sign-up-container .sign-up-form-container .user-type.customer .icon {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/customer.svg)
}

.sign-up-container .sign-up-form-container .user-type.shopuser .icon {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/individual.svg)
}

.sign-up-container .sign-up-form-container .user-type.employee .icon {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/employee.svg)
}

.sign-up-container .sign-up-form-container .user-type .icon {
    height: calc(100% - 18px);
    display: block;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat no-repeat
}

.sign-up-container .sign-up-form-container .user-type .text {
    height: 19px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 7px;
    color: #160b69;
    font-weight: 600
}

.sign-up-container .sign-up-form-container.sign-up-summary-page {
    padding: 31px 27px
}

.sign-up-container input[type=radio] {
    margin: 0 6px
}

.sign-up-container .btn-form-group {
    text-align: right
}

.sign-up-container .country-down-arrow,
.sign-up-container .preferred-mode,
.sign-up-container .select-down-arrow,
.sign-up-container .state-down-arrow {
    position: absolute;
    top: 30px;
    font-size: 16px;
    pointer-events: none
}

.sign-up-container .state-down-arrow {
    right: 15px
}

.sign-up-container .country-down-arrow {
    right: 23px
}

.sign-up-container .preferred-mode {
    right: 21px
}

.sign-up-container .button-down-arrow {
    position: absolute;
    right: 12px;
    top: 9px
}

.sign-up-container .label-heading {
    color: #b6b6b6
}

.sign-up-container .fa-pencil {
    color: #09c
}

.sign-up-container .form-part-3 .panel {
    margin-bottom: 10px
}

.sign-up-container .form-part-3 .panel .panel-body .user-type-wrap {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.sign-up-container .panel-default {
    box-shadow: .01rem .08rem .8rem rgba(0, 0, 0, .15);
    border: #dbdbdb
}

.sign-up-container .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
    padding: 6px 30px 6px 10px
}

.sign-up-container .dropdown-toggle:active,
.sign-up-container .dropdown-toggle:focus,
.sign-up-container .dropdown-toggle:hover {
    background: 0 0;
    border-color: #d3d3d3
}

.sign-up-container .drop-down-btn {
    min-height: 34px
}

.sign-up-container .drop-down-btn:active,
.sign-up-container .drop-down-btn:focus,
.sign-up-container .drop-down-btn:hover {
    background-color: #fff;
    border: 1px solid #66afe9
}

.sign-up-container .drop-down-input {
    border-radius: 0 3px 3px 0
}

.sign-up-container .display-table {
    display: table;
    padding: 0
}

.sign-up-container .help-block {
    margin-top: 2px
}

.sign-up-container .error .help-block {
    text-align: right;
    margin-bottom: 0
}

.sign-up-container .sign-up-summary {
    padding-right: 0
}

.sign-up-container .sign-up-summary .sign-up-btn {
    padding: 6px 24px
}

.sign-up-container .panel-body i {
    cursor: pointer
}

.sign-up-container .loader-in-progress {
    cursor: none
}

.sign-up-container .continue-btn {
    padding-right: 134px;
    font-weight: 500;
    font-size: 13px
}

.sign-up-container .back-button {
    background-color: transparent;
    border: 2px solid #6e6e6e;
    color: #323232;
    outline: 0;
    margin: 0 10px;
    border-radius: 3px
}

.sign-up-container .sign-up-btn-panel {
    position: absolute;
    right: 9px;
    bottom: -60px;
    width: 100%
}

@media (max-width:767px) {
    .sign-up-container .sign-up-form-container {
        max-width: none
    }

    .sign-up-container .sign-up-btn-panel {
        bottom: -90px
    }
}

.sign-up-container .field-row-height {
    margin-bottom: 30px
}

.sign-up-container .pswd-field-row-height {
    height: 120px;
    max-height: 120px
}

.sign-up-container .discalimer-container {
    width: 100%;
    right: 9px
}

.sign-up-container .discalimer-container .pzv-disclaimer .privacy-terms {
    text-align: left;
    margin: 10px 0
}

.sign-up-container .check-email-avail {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sign-up-container .check-email-avail .alert-email-exists {
    color: #ff9d02;
    font-size: 12px;
    font-weight: 600
}

.sign-up-container .pzv-dropdown-default:focus {
    border: 1px solid #66afe9
}

.sign-up-container .customer-number,
.sign-up-container .first-name,
.sign-up-container .last-name {
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sign-up-container ::-webkit-input-placeholder {
    text-transform: capitalize
}

.sign-up-container ::-moz-placeholder {
    text-transform: capitalize
}

.sign-up-container :-ms-input-placeholder {
    text-transform: capitalize
}

.sign-up-container :-moz-placeholder {
    text-transform: capitalize
}

.sign-up-container .disclaimer-dir {
    padding: 0 0 0 61px
}

.sign-up-container select:required:invalid {
    color: #acacac
}

.sign-up-container option[value=""][disabled] {
    display: none
}

.sign-up-container option {
    color: #000
}

.sign-up-container .customer-type-user-created {
    text-align: center
}

.sign-up-container .customer-type-user-created .success-info {
    margin: 20px 0 38px
}

.sign-up-container .customer-type-user-created .btn-app-primary {
    margin-top: 24px
}

.sign-up-container .customer-type-user-created .img-circle-tick {
    width: 19px;
    margin: 0 5px 10px 0
}

#signupsuccessful {
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

#signupsuccessful .modal-header {
    padding: 30px;
    border-bottom: 1px solid #e0e0e0
}

#signupsuccessful .modal-header h4 {
    margin: 0
}

#signupsuccessful .modal-header h4 .fa-check {
    font-size: 18px;
    margin-right: 12px
}

#signupsuccessful .modal-body {
    padding: 40px 50px
}

#signupsuccessful .modal-body h3 {
    margin: 0 0 50px
}

#signupsuccessful .modal-body .flow-container {
    margin-bottom: 50px
}

#signupsuccessful .modal-body .flow-container .flow-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    display: inline-block;
    position: relative
}

#signupsuccessful .modal-body .flow-container .flow-circle i {
    position: absolute;
    top: 36px;
    font-size: 24px;
    color: #9e9e9e;
    left: 40px
}

#signupsuccessful .modal-body .flow-container .flow-circle i.fa-search {
    top: 36px;
    left: 40px
}

#signupsuccessful .modal-body .flow-container .flow-circle i.fa-plus {
    top: 38px;
    left: 41px
}

#signupsuccessful .modal-body .flow-container .flow-circle i.fa-exchange,
#signupsuccessful .modal-body .flow-container .flow-circle i.fa-money {
    top: 38px;
    left: 38px
}

#signupsuccessful .modal-body .flow-container .flow-circle::after,
#signupsuccessful .modal-body .flow-container .flow-circle::before {
    content: "";
    display: inline-block;
    width: 67px;
    border: 1px dotted #e0e0e0;
    top: 50%;
    height: 0;
    position: absolute
}

#signupsuccessful .modal-body .flow-container .flow-circle::before {
    right: 100%
}

#signupsuccessful .modal-body .flow-container .flow-circle::after {
    left: 100%
}

#signupsuccessful .modal-body .flow-container .flow-circle.first::before,
#signupsuccessful .modal-body .flow-container .flow-circle.last::after {
    content: none
}

#signupsuccessful .modal-body .flow-container h2 {
    margin: 20px 0 12px;
    text-transform: uppercase
}

#signupsuccessful .modal-body .btn-continue {
    min-width: 181px
}

.input-radio-panel {
    margin-block-end: 10px
}

.input-radio-panel ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.input-radio-panel ul li {
    margin-right: 30px
}

.input-radio-panel ul li:last-child {
    margin-right: 0
}

.position-down-arrow {
    top: 32px !important
}

.my-modal-popup.verify-otp-modal {
    top: 0 !important
}

.my-modal-popup.verify-otp-modal .modal-dialog {
    margin-top: 33px;
    width: 500px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp {
    border: 0;
    padding: 30px 41px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-header {
    padding: 0;
    border: 0;
    margin-bottom: 20px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-header h2 {
    margin: 0;
    line-height: 30px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-header h2 .fa {
    color: #9b9b9b
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-header h2 img {
    vertical-align: top
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body {
    padding: 0
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .mb-0 {
    margin-bottom: 0
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .resent-msg {
    display: inline-block;
    border: 1px solid #3FB300;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 3px;
    margin-bottom: 10px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .form-group.otp-field {
    margin-bottom: 20px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .form-group {
    margin-bottom: 10px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body label {
    margin-left: 5px;
    margin-bottom: 6px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .top-error {
    display: inline-block;
    border: 1px solid #ff9d02;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 3px;
    margin-bottom: 10px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .top-error .fa {
    margin-right: 10px;
    font-size: 16px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form {
    margin-top: 20px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form .form-group.last {
    margin-bottom: 26px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form .last-field {
    margin-bottom: 20px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form a {
    margin-top: 2px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form .suggestions-icon {
    display: inline-block;
    color: #7f7f7f;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    padding-left: 5px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form .suggestions-icon .suggestion-container {
    display: none;
    position: absolute;
    top: -65px;
    left: -89px;
    z-index: 1000;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    width: 340px;
    color: #161616;
    border: 1px solid #a2a2a2;
    padding: 8px 10px;
    background-color: #FFC000;
    border-radius: 4px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form .suggestions-icon .suggestion-container p {
    margin: 0
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form .suggestions-icon .suggestion-container::before {
    width: 0;
    height: 0;
    content: "";
    top: 44px;
    left: 89px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFC000;
    z-index: 200
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form .suggestions-icon .suggestion-container::after {
    width: 0;
    height: 0;
    content: "";
    top: 46px;
    left: 89px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #a2a2a2
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body form .suggestions-icon:hover .suggestion-container {
    display: inline-block
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .btn {
    min-width: 80px;
    line-height: 20px;
    margin-bottom: 10px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body button {
    line-height: 16px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body input.input-logo {
    border-radius: 0 3px 3px 0 !important
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .input-group-addon {
    color: #dedede;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #ededed;
    border-radius: 4px 0 0 4px;
    border-right: 0
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .help-block {
    margin-top: 2px;
    margin-bottom: 6px
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .error .help-block {
    text-align: right;
    margin-bottom: 0
}

.my-modal-popup.verify-otp-modal .modal-dialog #verifyOtp .modal-body .error .input-group-addon {
    color: #ff8a00;
    background-color: #fff3e5;
    border-color: #ff8a00
}

.create-return-order-container {
    padding: 20px;
    min-height: 400px;
    position: relative
}

.create-return-order-container .allowance-info-wrapper {
    position: absolute;
    bottom: 20px;
    width: 100%
}

.create-return-order-container .allowance-info-wrapper p {
    margin-bottom: 10px
}

.create-return-order-container .allowance-info-wrapper p i {
    margin-right: 2px
}

.create-return-order-container .allowance-info-wrapper p>span {
    display: inline-block;
    margin-right: 10px
}

.create-return-order-container .allowance-info-wrapper .link-wrapper {
    display: inline-block;
    margin: 0 5px
}

.return-order-approval-container .nav.nav-tabs {
    background: 0 0
}

.return-order-approval-container .nav.nav-tabs li.active a {
    background-color: #fff !important
}

.return-order-approval-container .nav.nav-tabs li {
    margin-right: 8px
}

.return-order-approval-container .nav.nav-tabs li a {
    padding: 10px 15px;
    display: block;
    font-weight: 400;
    background-color: #f6f6f6 !important
}

.return-order-approval-container .nav.nav-tabs li a:hover {
    background-color: #fff !important
}

.return-order-approval-container .tab-content {
    min-height: 300px;
    padding: 15px
}

.return-order-approval-container .pagination-block {
    padding: 10px 0;
    text-align: center
}

.return-order-approval-container .pagination-block .items-dropdown.count-in-page {
    width: 130px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.return-order-approval-container .pagination-block .items-dropdown.count-in-page label {
    margin-right: 10px
}

.return-order-approval-container .pagination-block .items-dropdown.count-in-page select {
    display: inline-block;
    width: 50%
}

.return-order-approval-container .pagination-block .items-dropdown.count-in-page select+.fa-caret-down {
    position: absolute;
    right: 13px;
    top: 6px;
    font-size: 16px;
    pointer-events: none
}

.return-order-approval-container .pagination-block .pagination {
    margin: 0
}

.return-order-approval-container .pagination-block .pagination-info {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 600;
    height: 30px;
    vertical-align: top;
    padding: 5px 0
}

.comm-profo-modal-popup.in .modal-dialog {
    max-width: 1100px;
    min-width: 760px
}

.comm-profo-modal-popup.in .col-email-print {
    margin-bottom: 5px
}

.part-not-qualify-modal-popup.in {
    top: 5% !important
}

.part-not-qualify-modal-popup.in .modal-dialog {
    width: 900px
}

@media (max-width:767px) {
    .part-not-qualify-modal-popup.in {
        top: 1% !important
    }

    .part-not-qualify-modal-popup.in .modal-dialog {
        width: 95%;
        background: #f6f6f6
    }

    .part-not-qualify-modal-popup.in .model-close-icon {
        padding-right: 10px
    }
}

.part-not-qualify-modal-popup.in #promo-not-apply-container {
    padding: 35px;
    border-radius: 3px
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .warning-image {
    position: absolute;
    font-size: 40px;
    top: 30px;
    left: 70%
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .promo-heading {
    font-size: 18px;
    font-weight: 600;
    color: #535353;
    padding: 30px
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .part-table-header {
    font-size: 17px;
    font-weight: 600;
    color: rgba(158, 158, 158, .94);
    padding-left: 6%;
    padding-bottom: 20px
}

@media (max-width:767px) {
    .part-not-qualify-modal-popup.in #promo-not-apply-container {
        padding: 10px
    }

    .part-not-qualify-modal-popup.in #promo-not-apply-container .promo-heading {
        padding: 5px 0 20px 15px;
        font-size: 13px
    }

    .part-not-qualify-modal-popup.in #promo-not-apply-container .warning-image {
        position: absolute;
        font-size: 25px;
        top: 30px;
        left: 60%
    }

    .part-not-qualify-modal-popup.in #promo-not-apply-container .part-table-header {
        font-size: 13px;
        font-weight: 600;
        color: rgba(158, 158, 158, .94);
        padding-left: 6%;
        padding-bottom: 12px
    }
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .part-not-qualify-container .part-not-qualify {
    min-height: 200px;
    width: 100%;
    float: right;
    border-radius: 3px
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .part-not-qualify-container .part-not-qualify .itm-part-details {
    display: inline-block;
    clear: both;
    width: 100%;
    border-bottom: 1px solid rgba(197, 199, 198, .3)
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .part-not-qualify-container .part-not-qualify .itm-part-details .part-row {
    padding: 10px 30px
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .part-not-qualify-container .part-not-qualify .itm-part-details .part-row .part-img {
    float: left;
    width: 15%;
    padding-bottom: 10px
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .part-not-qualify-container .part-not-qualify .itm-part-details .part-row .part-num-name {
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 85%
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .part-not-qualify-container .part-not-qualify .itm-part-details .part-row .part-num-name .part-num {
    float: left;
    display: block;
    text-transform: uppercase
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .part-not-qualify-container .part-not-qualify .itm-part-details .part-row .part-num-name .part-name {
    word-break: break-word;
    float: left;
    cursor: text;
    text-align: left
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .not-qualify-footer {
    text-align: right;
    padding: 20px 25px 20px 20px
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .not-qualify-footer .cancel-btn {
    margin-left: 10px;
    padding: 8px;
    width: 10%
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .not-qualify-footer-mob {
    margin-top: 15px
}

.part-not-qualify-modal-popup.in #promo-not-apply-container .not-qualify-footer-mob .cancel-btn {
    margin-top: 16px
}

.calculators-implementation {
    background: #fff
}

.calculators-implementation p a img {
    width: 181px !important
}

.calculators-implementation #continuebutton {
    width: 251px !important;
    margin-bottom: 20px
}

.calculators-implementation .loader {
    height: 200px;
    padding: 80px;
    width: 100%;
    text-align: center
}

.calculators-implementation .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.calculators-implementation .cal-impl-wrapper .calculators-heading {
    font-weight: 700;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 15px;
    margin-left: 10px;
    text-transform: capitalize
}

.calculators-implementation .cal-impl-wrapper .cal-head-mob-container {
    padding: 20px;
    background-color: #e8e8e8;
    margin-bottom: 20px
}

.calculators-implementation .cal-impl-wrapper .cal-head-mob-container .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.calculators-implementation .cal-impl-wrapper .cal-head-mob-container .calculators_mob-heading {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0
}

.calculators-implementation .cal-impl-wrapper .cal-head-mob-container .calculators_mob-heading img {
    width: auto
}

@media only screen and (max-device-width:768px) {
    .calculators-implementation .cal-impl-wrapper .cal-responsive {
        margin-left: 20px
    }
}

.calculators-implementation .cal-impl-wrapper .detail-font {
    font-size: 13px
}

img[src*="https://spicerparts.com/calc/common/img/continue.png"] {
    display: none
}

.calculators-page {
    background: #fff
}

.calculators-page .loader {
    height: 200px;
    padding: 80px;
    width: 100%;
    text-align: center
}

.calculators-page .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.calculators-page .calculators-list .calculators-heading {
    font-weight: 700;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 0;
    text-transform: capitalize
}

.calculators-page .calculators-list .cal-head-mob-container {
    padding: 20px;
    background-color: #e8e8e8
}

.calculators-page .calculators-list .cal-head-mob-container .calculators_mob-heading {
    font-weight: 600;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0
}

.calculators-page .calculators-list ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0
}

.calculators-page .calculators-list ul .bg-calculator-card {
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: pointer
}

.calculators-page .calculators-list ul .bg-calculator-card .text-label {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 2px
}

.bread-crumb .clickable:hover,
.bread-crumb>a i,
.bread-crumb>a:hover i {
    color: #09C
}

.calculators-page .calculators-list ul .bg-calculator-card:active,
.calculators-page .calculators-list ul .bg-calculator-card:focus,
.calculators-page .calculators-list ul .bg-calculator-card:hover {
    opacity: .8;
    transition: .4s ease
}

.bread-crumb {
    font-style: normal;
    font-stretch: normal
}

.bread-crumb .row {
    padding: 8px 0;
    margin: 0
}

.bread-crumb .row .breadcrumb-container {
    padding-left: 20px
}

.bread-crumb .page-result-info {
    line-height: 26px
}

.bread-crumb>a {
    width: 20px;
    float: left
}

.bread-crumb>a i {
    float: left;
    margin: 12px 12px 0 0;
    font-size: 14px
}

.bread-crumb .resultBar {
    font-size: 12px;
    max-width: 100%
}

.bread-crumb .resultBar .bold {
    font-weight: 700
}

.bread-crumb .resultBar .bold a {
    cursor: pointer
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .bread-crumb .dropdownBar {
        line-height: 50px !important
    }
}

.bread-crumb .dropdownBar .btn-group .btn {
    font-size: 12px;
    float: right;
    background-color: #fff;
    box-shadow: none;
    border-radius: 3px;
    padding: 0 10px;
    font-weight: 600;
    line-height: 26px
}

.bread-crumb .back-section {
    cursor: pointer
}

.bread-crumb .back-section:hover {
    text-decoration: underline
}

.bread-crumb .clickable {
    cursor: pointer;
    color: #09C
}

.bread-crumb .listbreadcrumb a {
    font-size: 12px
}

.bread-crumb .relativepos {
    position: relative
}

.pzv-component-loader-container {
    position: absolute;
    top: 0;
    opacity: .7;
    height: 100%;
    width: 100%;
    background: #fff
}

.pzv-component-loader-container .img-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.pzv-component-loader-container .img-wrapper img {
    width: 40px;
    height: 40px
}

.confirm-dialog-modal .modal-dialog.modal-md {
    width: 420px;
    top: 30%
}

.confirm-dialog-modal .modal-dialog.modal-md .modal-content {
    padding: 8px;
    border-radius: 5px
}

.confirm-dialog-modal .modal-dialog .modal-content {
    background: #000;
    color: #fff
}

.confirm-dialog-modal .modal-header {
    border-bottom: 0
}

.confirm-dialog-modal .modal-footer {
    border-top: 0
}

.confirm-dialog-modal .modal-footer .btn {
    background-color: #000;
    border-color: #fff;
    color: #fff;
    min-width: 80px;
    font-size: .9em
}

.confirm-dialog-modal .moda-body {
    padding: 5px 15px
}

.confirm-dialog-modal.review-order {
    font-weight: 600
}

.confirm-dialog-modal.review-order .modal-dialog.modal-md {
    width: 446px;
    top: 10%
}

.confirm-dialog-modal.review-order .modal-dialog.modal-md .modal-content {
    border-radius: 4px
}

.confirm-dialog-modal.review-order .modal-dialog {
    font-size: 14px;
    font-weight: 600
}

.confirm-dialog-modal.review-order .modal-dialog .modal-content {
    background: #e8e8e8;
    color: #6e6e6e
}

.confirm-dialog-modal.review-order .modal-dialog .secBtn {
    background-color: transparent;
    border: 2px solid #6e6e6e;
    color: #323232;
    outline: 0
}

.confirm-dialog-modal.review-order .modal-dialog .priBtn {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.crumb .title-style {
    text-transform: capitalize
}

.breadcrumb .fa-home {
    margin-right: 5px
}

.pzv-date-range {
    padding: 10px 0 20px
}

.pzv-date-range .input-blk {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.pzv-date-range .date-picker-wrapper {
    width: 230px;
    display: inline-block
}

.pzv-date-range .date-picker-wrapper .col {
    padding-right: 0
}

.pzv-date-range .date-picker-wrapper .input-group input {
    border-radius: 3px
}

.pzv-date-range .date-picker-wrapper .input-group input:disabled {
    background: #fff
}

.pzv-date-range .date-picker-wrapper .input-group button.btn-calender,
.pzv-date-range .date-picker-wrapper .input-group button.btn-go {
    border: 0;
    padding: 0;
    margin-left: 5px
}

.pzv-date-range .date-picker-wrapper .input-group button.btn-calender:active,
.pzv-date-range .date-picker-wrapper .input-group button.btn-calender:focus,
.pzv-date-range .date-picker-wrapper .input-group button.btn-calender:hover,
.pzv-date-range .date-picker-wrapper .input-group button.btn-go:active,
.pzv-date-range .date-picker-wrapper .input-group button.btn-go:focus,
.pzv-date-range .date-picker-wrapper .input-group button.btn-go:hover {
    background: 0 0
}

.pzv-date-range .pzv-primary-btn-md {
    height: 22px;
    padding: 2px 6px;
    margin-left: 10px
}

.daterangepicker .drp-calendar table>thead {
    background-color: transparent
}

.daterangepicker .drp-calendar table>thead th {
    color: #323232
}

.daterangepicker td {
    font-weight: 600
}

.daterangepicker .drp-buttons {
    border-top: none
}

.daterangepicker .drp-buttons .drp-selected {
    float: left;
    padding-top: 6px;
    display: none
}

.daterangepicker .drp-buttons .cancelBtn {
    display: none
}

.daterangepicker .drp-buttons .applyBtn {
    padding: 6px 16px;
    background-color: #09c;
    font-weight: 400
}

.daterangepicker .drp-buttons .applyBtn:hover {
    background-color: #09c
}

.privacy-terms {
    text-align: left;
    margin: 10px 0
}

@media only screen and (max-width:1023px) {
    .privacy-terms {
        text-align: center;
        font-size: 14px
    }
}

.img-uploader .img-drop-area {
    border: 1px dashed #dbdbdb;
    height: 150px;
    text-align: center;
    padding-top: 40px
}

.img-uploader .img-drop-area .browse-btn {
    cursor: pointer
}

.img-uploader .img-drop-area .file-input {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.img-uploader .img-drop-area .fa-cloud-upload {
    font-size: 28px
}

.img-uploader .img-drop-area button {
    cursor: pointer;
    margin: 0;
    padding: 0;
    color: #0093C6
}

.img-uploader .img-drop-area button::focus {
    outline: 0 !important
}

.img-uploader .thumbnail-container {
    max-height: 320px;
    overflow: auto
}

.img-uploader .thumbnail-container .thumbnail {
    position: relative;
    height: auto;
    background-color: #000;
    padding: 2px
}

.img-uploader .thumbnail-container .thumbnail.failed .warning {
    display: block !important
}

.img-uploader .thumbnail-container .thumbnail.failed .image-overlay {
    display: block
}

.img-uploader .thumbnail-container .thumbnail .fa-trash {
    z-index: 5;
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
    display: none
}

.img-uploader .thumbnail-container .thumbnail .warning {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none
}

.img-uploader .thumbnail-container .thumbnail .warning span {
    position: absolute;
    width: 100%;
    font-size: 10px;
    font-weight: 600;
    top: 45px;
    text-align: center;
    color: #fff
}

.img-uploader .thumbnail-container .thumbnail .warning .fa-warning {
    position: absolute;
    right: 37px;
    top: 24px;
    cursor: pointer;
    font-size: 16px
}

.img-uploader .thumbnail-container .thumbnail:hover .fa-trash {
    display: block
}

.img-uploader .thumbnail-container .thumbnail .image-upload-status {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: -1px;
    top: -1px;
    text-align: center
}

.img-uploader .thumbnail-container .thumbnail .image-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: none;
    background: #000;
    opacity: .6;
    left: -1px;
    top: -1px;
    text-align: center
}

.img-uploader .thumbnail-container .thumbnail .percentage-upload {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    height: 22px;
    bottom: 36px;
    width: 100%;
    text-align: center
}

.img-uploader .thumbnail-container .thumbnail img {
    height: 79px;
    width: 92px;
    margin: auto
}

.image-gallery {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, .3)
}

.image-gallery .image-gallery-main {
    width: 100%;
    height: calc(100% - 100px);
    float: left;
    position: relative
}

.image-gallery .image-gallery-main .image-gallery-container {
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, .5) 0 0 20px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: 350ms all ease-in-out
}

.image-gallery .image-gallery-main .image-gallery-container .image-gallery-head {
    width: 100%;
    height: 40px;
    float: left
}

.image-gallery .image-gallery-main .image-gallery-container .image-gallery-head h3 {
    padding: 0;
    float: left;
    margin: 10px;
    font-size: 15px;
    color: #bdbdbd;
    width: calc(100% - 100px);
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis
}

.image-gallery .image-gallery-main .image-gallery-container .image-gallery-head img {
    float: right;
    margin: 10px;
    height: 15px;
    width: 15px;
    cursor: pointer
}

.image-gallery .image-gallery-main .image-gallery-container .image-gallery-body {
    width: 100%;
    height: calc(100% - 40px);
    float: left;
    overflow: hidden
}

.image-gallery .image-gallery-main .image-gallery-container .image-gallery-body img {
    margin: 10px;
    float: left
}

.image-gallery .image-gallery-thumbnails {
    width: 100%;
    height: 100px;
    position: relative;
    float: left;
    background: #000
}

.image-gallery .image-gallery-thumbnails>span {
    width: 140px;
    height: 100px;
    background: 0 0;
    float: left;
    cursor: pointer
}

.image-gallery .image-gallery-thumbnails>span img {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    float: left
}

.image-gallery .image-gallery-thumbnails>span:hover {
    background: rgba(255, 255, 255, .3)
}

#oder_accordion .accord-content-tab-repeat .report-container .btn:focus,
.loadingOverlay {
    background-color: #fff
}

.image-gallery .image-gallery-thumbnails>span.image-gallery-selected {
    opacity: .5
}

.image-zoom {
    position: relative;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 250px;
    width: 100%
}

.image-zoom .profile-pic {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto
}

.image-zoom .profile-pic img {
    max-width: 100%;
    max-height: 250px;
    cursor: pointer
}

.image-zoom .profile-pic #lens {
    border: 1px solid #000;
    position: absolute;
    top: 0;
    cursor: none
}

.image-zoom .profile-pic.rep-img {
    border: 1px solid #dbdbdb;
    width: 100%;
    height: 100%
}

.image-zoom .zoom-section {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 700px
}

.image-zoom .zoom-section #zoom {
    border: 1px solid #000;
    width: 400px;
    height: 400px
}

.loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 160px;
    z-index: 999;
    text-align: center;
    font-weight: 700;
    margin-left: -80px
}

#loading-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1024
}

.loadingOverlay {
    color: #333;
    border-radius: 3px;
    padding: 20px 30px
}

.loadingOverlay .modal-body h5 {
    line-height: 1.4em
}

.pz-inp-span {
    white-space: pre;
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    display: none
}

.pz-input {
    visibility: hidden
}

#oder_accordion .accord-content-tab-repeat .report-container .btn {
    color: #09c;
    border-color: #09c;
    border-radius: 0 3px 3px 0;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600
}

#oder_accordion .accord-content-tab-repeat .report-container .btn img {
    padding-right: 5px
}

#oder_accordion .accord-content-tab-repeat .report-container .btn-return {
    color: #fff;
    border-radius: 5px
}

#oder_accordion .accord-content-tab-repeat .report-container .btn-return:focus {
    background-color: #286090
}

#oder_accordion .accord-content-tab-repeat .report-container-mob .btn {
    color: #09c;
    border-color: #09c;
    font-size: 14px;
    font-weight: 600
}

.order-detail-container {
    background: #fff
}

.salesRepHeader {
    margin-top: 1rem;
    padding: 1rem;
    font-size: 20px
}

.salesRepHeader .popup-close {
    padding-right: 2rem
}

.salesRepHeader .popup-close img {
    width: 1.6rem
}

.salesRepHeader .salesRepHeading {
    margin: 0;
    font-size: 25px;
    padding-left: 1rem
}

.mobile-sales-rep {
    min-height: 99vh
}

.sales-rep-container a {
    cursor: pointer
}

.sales-rep-container .back-link {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    text-transform: lowercase
}

.custom-loader {
    text-align: center;
    margin: 3rem auto
}

.rep-info .rep-name,
.rep-info .rep-phone {
    margin-bottom: .5rem
}

.rep-info {
    padding: 2rem
}

.rep-info .rep-name {
    font-weight: 800;
    margin-top: 1rem;
    font-size: 1.5rem
}

.rep-info .rep-email a,
.rep-info .rep-phone a {
    font-size: 1.3rem
}

.rep-info .rep-img {
    height: 8rem
}

.rep-info .rep-email {
    word-break: break-all
}

.sending {
    position: fixed;
    top: 87%;
    left: 40%;
    width: 80px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

#sending-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.share-via-email-overlay .modal-dialog {
    width: 686px
}

.share-via-email-overlay .share-via-email {
    padding: 30px
}

.share-via-email-overlay .share-via-email h4 {
    float: left;
    margin: 0 0 20px;
    padding: 0;
    line-height: 30px
}

.share-via-email-overlay .share-via-email h4 b {
    font-weight: 400
}

.share-via-email-overlay .share-via-email .row {
    margin-bottom: 20px
}

.share-via-email-overlay .share-via-email .row .alert,
.share-via-email-overlay .share-via-email .row .checkbox {
    margin: 0
}

.share-via-email-overlay .share-via-email .row-bottom-mg {
    margin-bottom: 10px
}

.share-via-email-overlay .share-via-email .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

.share-via-email-overlay .share-via-email .fa-check-circle {
    font-size: 30px
}

.share-via-email-overlay .share-via-email p {
    font-size: 18px;
    color: #646464;
    font-weight: 600px
}

.share-via-email-overlay .share-via-email label {
    margin-left: 5px
}

.share-via-email-overlay .share-via-email [placeholder] {
    font-size: 13px
}

.share-via-email-overlay .share-via-email a.clear-lnk {
    text-decoration: none;
    outline: 0;
    margin-right: 10px
}

.share-via-email-overlay .share-via-email textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 60px
}

.share-via-email-overlay .share-via-email textarea.message {
    height: 200px
}

.share-via-email-overlay .share-via-email .row-margin-top {
    margin-top: -15px
}

.share-via-email-overlay .share-via-email .btn-primary {
    width: 114px
}

.share-via-email-overlay .share-via-email p.err-txt {
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00;
    margin-top: 2px
}

.share-via-email-overlay .share-via-email .checkbox-label {
    margin: 0 0 0 14px
}

.share-via-email-overlay .share-via-email .checkbox-label .fa-check-square,
.share-via-email-overlay .share-via-email .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

.share-via-email-overlay .share-via-email .checkbox-label:hover {
    cursor: pointer
}

.pzv-system-banner.modal {
    top: 0 !important
}

.pzv-system-banner .modal-lg {
    width: 1179.8px;
    max-width: 95%;
    margin: 80px auto 0
}

.pzv-system-banner .modal-lg .modal-content {
    border-radius: 4px;
    background-color: #f6f6f6;
    box-shadow: -.9px .5px 2px 0 rgba(0, 0, 0, .07)
}

.pzv-system-banner .modal-lg .modal-content .modal-body {
    padding: 5px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row {
    width: 100%;
    color: #333;
    margin: 0;
    padding: 25px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.custom-holiday-banner {
    text-align: center;
    padding: 0 0 75px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed {
    padding: 0
}

.optimizing-msg .msg-wrapper .container,
.site-transition .container {
    padding-left: 20px;
    padding-right: 20px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .date,
.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .msg {
    text-align: center;
    font-size: 44px;
    color: #6e6e6e
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .msg {
    line-height: 44px;
    text-shadow: -.9px .5px 2px rgba(0, 0, 0, .16);
    font-weight: 300;
    font-size: 20px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .date {
    line-height: 69px;
    margin-top: 30px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .date .date-span {
    width: 570px;
    margin: 0 auto;
    font-size: 44px;
    font-weight: 700;
    max-width: 100%
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .date .date-span .day {
    text-transform: capitalize;
    font-weight: 700;
    display: inline-block;
    vertical-align: top
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .date .date-span .formatted-date {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/date-bg.png);
    width: 301px;
    height: 69px;
    line-height: 69px;
    display: inline-block;
    color: #FFF
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .date .date-span .formatted-date span {
    float: left;
    width: 81px;
    margin: 0 3px 0 0;
    line-height: 69px;
    text-align: center
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .multi-date {
    line-height: 69px;
    margin-top: 30px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .multi-date .date-span {
    margin: 0 auto;
    font-size: 25px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .multi-date .date-span .day {
    text-transform: capitalize;
    font-weight: 700;
    display: inline-block
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .multi-date .date-span .formatted-date {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/date-bg.png);
    background-size: 100%;
    width: 193px;
    height: 45px;
    display: inline-block;
    color: #FFF
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-closed .multi-date .date-span .formatted-date span {
    width: 53px;
    margin: 0;
    line-height: 45px;
    text-align: left;
    display: inline-block;
    font-weight: 700
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-open {
    margin-top: 5px;
    margin-bottom: 50px
}

.pzv-system-banner .modal-lg .modal-content .modal-body .row.shipping-open .msg {
    width: 422px;
    font-size: 18px;
    text-align: center;
    color: #6e6e6e;
    margin: 0 auto;
    max-width: 100%
}

.site-transition {
    background-color: #EFEFEF;
    width: 100%;
    height: 381.9px;
    position: fixed;
    z-index: 3001;
    bottom: -381.9px;
    left: 0;
    transition: all .3s ease-out;
    overflow: hidden;
    box-sizing: border-box
}

.site-transition.in {
    bottom: 0
}

.site-transition .container .row {
    margin-top: 20px;
    margin-bottom: 20px
}

.site-transition .container .row .notify-img {
    width: 280px;
    margin: 0 auto;
    height: auto
}

.site-transition .container .row .notify-img img {
    max-width: 100%;
    width: 100%
}

.site-transition .container .row .msg-wrapper h2 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 24px
}

.site-transition .container .row .msg-wrapper .msg {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600
}

.optimizing-msg .dim-overlay {
    background-color: #000;
    z-index: 1030;
    opacity: .7;
    position: fixed
}

.optimizing-msg .msg-wrapper {
    z-index: 1031;
    position: fixed;
    width: 100%;
    height: 84px;
    margin-top: -42px;
    top: 50%
}

.optimizing-msg .msg-wrapper .container .row .loading-spinner {
    text-align: center;
    margin-bottom: 20px
}

.optimizing-msg .msg-wrapper .container .row .loading-spinner .fa-spinner {
    color: #fff;
    font-size: 36px
}

.optimizing-msg .msg-wrapper .container .row .msg {
    padding-left: 60px;
    padding-right: 60px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0
}

.bootstrap-timepicker {
    position: relative
}

.bootstrap-timepicker .input-group-addon {
    cursor: pointer
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block;
    border-color: #dbdbdb
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.bootstrap-timepicker-widget input {
    border-radius: 3px
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px
}

.bootstrap-timepicker-widget table td span {
    width: 100%;
    font-size: 11px
}

.bootstrap-timepicker-widget table td a {
    border: 1px solid transparent;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    color: #333
}

.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: #eee;
    border-radius: 4px;
    border-color: #ddd
}

.bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    font-size: 18px
}

.bootstrap-timepicker-widget table td input {
    width: 40px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #dbdbdb;
    box-shadow: none
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

.bootstrap-timepicker-widget a.btn {
    border-radius: 4px
}

@media (min-width:767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px
    }
}

@media (max-width:767px) {

    .bootstrap-timepicker,
    .bootstrap-timepicker .dropdown-menu {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .home-card-container .dynamic-first-section-container .dynamic-image-width {
        width: 50%
    }

    .home-card-container .dynamic-first-section-container .dynamic-image-width img {
        height: 324px
    }

    .home-card-container .dynamic-advance-search {
        top: 20px;
        right: 2vh
    }
}

.pzv-dynamic-home-container .technicalContainer {
    margin: 15px 15px 20px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px
}

.pzv-dynamic-home-container .technicalContainer .tech-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px
}

.pzv-dynamic-home-container .technicalContainer .tech-card-container {
    margin-bottom: 10px
}

.pzv-dynamic-home-container .technicalContainer .tech-card-container .tech-card-wrapper {
    background: #fff;
    padding: 19px;
    display: -ms-flexbox;
    display: flex;
    min-height: 95px;
    cursor: pointer
}

.pzv-dynamic-home-container .technicalContainer .tech-card-container .tech-card-wrapper .image-content {
    width: 110px;
    text-align: center;
    padding-right: 15px;
    height: 75px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pzv-dynamic-home-container .technicalContainer .tech-card-container .tech-card-wrapper .tech-card-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #323232
}

.pzv-dynamic-home-container .menu-item-list-container {
    margin: 0 15px 20px
}

.pzv-dynamic-home-container .menu-item-list-container .container {
    min-height: 400px;
    background: #fff;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    padding: 12px 29px 10px
}

.pzv-dynamic-home-container .menu-item-list-container .container ul.nav li.uib-tab {
    width: auto
}

.pzv-dynamic-home-container .menu-item-list-container .container ul.nav li.uib-tab a.nav-link {
    color: #323232;
    font-weight: 700;
    font-size: 14px;
    border: 0;
    background: #fff
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .pzv-dynamic-home-container .menu-item-list-container .container ul.nav li.uib-tab a.nav-link {
        padding-bottom: 60px
    }
}

.pzv-dynamic-home-container .menu-item-list-container .container ul.nav li.uib-tab a.nav-link:hover {
    background: #fff
}

.pzv-dynamic-home-container .menu-item-list-container .container ul.nav li.uib-tab.active a.nav-link {
    color: #09C;
    border-bottom: 2px solid #09C
}

.pzv-dynamic-home-container .menu-item-list-container .container .tab-content-container {
    border-top: 1px solid #eee;
    padding-top: 20px
}

.pzv-dynamic-home-container .menu-item-list-container .container .tab-content-container span:last-child dl {
    border: 0
}

.pzv-dynamic-home-container .menu-item-list-container .container .tab-content-container dl {
    padding: 0 0 20px;
    border-bottom: 1px solid #eee
}

.pzv-dynamic-home-container .menu-item-list-container .container .tab-content-container dl .class-lines dt {
    margin-bottom: 5px
}

.pzv-dynamic-home-container .menu-item-list-container .container .tab-content-container dl .class-lines dt a {
    color: #a6a6a6;
    text-decoration: none
}

.pzv-dynamic-home-container .menu-item-list-container .container .tab-content-container dl .class-lines dd {
    margin-bottom: 5px;
    padding-left: 10px
}

.pzv-dynamic-home-container .menu-item-list-container .container .tab-content-container dl .class-lines dd a {
    color: #323232;
    text-decoration: none;
    font-size: 13px
}

.pzv-dynamic-home-container .menu-item-list-container .container .tab-content-container dl .class-lines dd a:hover {
    color: #09C;
    cursor: pointer
}

.pzv-dynamic-home-container .where-to-buy-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 15px 20px;
    clear: both
}

.pzv-dynamic-home-container .where-to-buy-container .whereToBuyMobile {
    top: -25px;
    position: relative
}

.pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image img {
    position: relative;
    max-width: 100%;
    max-height: 100%
}

@media only screen and (max-width:1023px) {
    .pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image .content {
        height: 22px
    }
}

.pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image .content {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

.pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image .content a {
    color: #fff;
    text-align: center
}

.pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image .content img {
    width: 25px
}

.pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image .content .title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image {
        position: relative
    }

    .pzv-dynamic-home-container .where-to-buy-container .where-to-buy-image .content {
        position: absolute;
        left: 0;
        right: 0;
        top: 30%
    }
}

.pzv-dynamic-home-container .back-to-top {
    cursor: pointer;
    text-align: center
}

.pzv-dynamic-home-container .page-link {
    padding: 0;
    margin: 0;
    text-decoration: none;
    border: 0
}

.pzv-dynamic-home-container .pagination>li>a:focus,
.pzv-dynamic-home-container .pagination>li>a:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 5px 5px
}

.pzv-dynamic-home-container .pagination>li>a:focus .next-img,
.pzv-dynamic-home-container .pagination>li>a:focus .prev-img,
.pzv-dynamic-home-container .pagination>li>a:hover .next-img,
.pzv-dynamic-home-container .pagination>li>a:hover .prev-img {
    width: 43px;
    height: 43px
}

.pzv-dynamic-home-container .page-item {
    padding: 0;
    margin: 0;
    text-decoration: none;
    border: 0
}

.pzv-dynamic-home-container .next-img {
    transform: rotate(90deg);
    width: 42px;
    height: 42px
}

.pzv-dynamic-home-container .prev-img {
    transform: rotate(270deg);
    width: 42px;
    height: 42px
}

.cookie-notice-content-container {
    padding: 20px
}

.cookie-notice-content-container .cookie-notice-head {
    padding: 1px 0 0 46px;
    clear: both
}

.cookie-notice-content-container .cookie-notice-content-wrapper {
    padding: 0;
    line-height: 1.7
}

.cookie-notice-content-container .cookie-notice-content-wrapper article {
    padding: 40px;
    border-radius: 3px
}

.policy-content-container {
    padding: 20px
}

.policy-content-container .policy-head {
    padding: 1px 0 0 46px;
    clear: both
}

.policy-content-container .policy-content-wrapper {
    padding: 0;
    line-height: 1.7
}

.policy-content-container .policy-content-wrapper article {
    padding: 40px;
    border-radius: 3px
}

.terms-content-container {
    padding: 20px
}

.terms-content-container .terms-head {
    padding: 1px 0 0 46px;
    clear: both
}

.terms-content-container .terms-content-wrapper {
    padding: 0;
    line-height: 1.7
}

.terms-content-container .terms-content-wrapper article {
    padding: 40px;
    border-radius: 3px
}

.clr {
    clear: both
}

.user-profile {
    margin-top: 0
}

.user-profile .parent-row table.borderless tr td,
.user-profile .parent-row table.borderless tr th {
    border: 0
}

.user-profile .parent-row .profile-content button,
.user-profile .parent-row .profile-content input,
.user-profile .parent-row .profile-content select {
    border-radius: 3px
}

.user-profile .parent-row .profile-content select+.fa-caret-down {
    color: #0093c6
}

.user-profile .parent-row .profile-content .profile-vertical-tab ul.nav>li>a {
    border-radius: 0;
    padding: 10px 25px 10px 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .text-muted {
    color: #7f7f7f
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .form-horizontal label {
    padding-top: 9px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .txt-optional {
    font-size: 12px;
    font-weight: 600;
    color: #7f7f7f
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .help-block {
    margin-top: 2px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .generic_text {
    color: #000;
    font-size: 13px;
    margin-bottom: 20px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .collapse-expand {
    text-align: right;
    margin-bottom: 10px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .collapse-expand a {
    font-size: 12px;
    color: #0093c6;
    font-weight: 600;
    text-decoration: none !important
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group {
    margin-bottom: 5px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group .panel {
    border-radius: 3px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group .panel-heading {
    background-color: #F6F6F6;
    border-color: #E8E8E8
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group .panel-heading i {
    color: #0093c6;
    font-size: 18px;
    bottom: 2px;
    position: relative
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group .panel-heading h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group .panel-heading h4 a {
    text-decoration: none;
    outline: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group .description {
    font-size: 13px;
    color: #323232
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group .img-container {
    text-align: center;
    margin-top: 25px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content uib-accordion .panel-group .img-container img {
    max-width: 700px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .col-label {
    width: 118px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group.last-group,
.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group.last-group .text-mandatory {
    margin-bottom: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .check-avail .fa-exclamation-triangle {
    color: #ff8a00
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .check-avail .fa-check {
    color: #39A200
}

.download-asset-container {
    background: #fff;
    position: relative
}

.download-asset-container .loader-download {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: .7;
    background: #fff
}

.download-asset-container .loader-download .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.download-asset-container .loader-download .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 30%
}

.download-asset-container .asset-download {
    background: #fff
}

.download-asset-container .asset-download .loader {
    height: 100%;
    min-height: 400px;
    padding: 80px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.download-asset-container .asset-download .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.download-asset-container .asset-pagination-container {
    margin: 20px 0;
    border-radius: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download-asset-container .asset-pagination-container button {
    margin-right: 5px
}

.download-asset-container .asset-pagination-container .btn-primary:active {
    border: 1px solid transparent;
    background-color: #09c
}

.download-asset-container .pagination-block {
    padding: 10px 0;
    text-align: center
}

.download-asset-container .pagination-block .items-dropdown.count-in-page {
    width: 130px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.download-asset-container .pagination-block .items-dropdown.count-in-page label {
    margin-right: 10px
}

.download-asset-container .pagination-block .items-dropdown.count-in-page select {
    display: inline-block;
    width: 50%
}

.download-asset-container .pagination-block .items-dropdown.count-in-page select+.fa-caret-down {
    position: absolute;
    right: 13px;
    top: 6px;
    font-size: 16px;
    pointer-events: none
}

.download-asset-container .pagination-block .pagination {
    margin: 0
}

.download-asset-container .pagination-block .pagination-info {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 600;
    height: 30px;
    vertical-align: top;
    padding: 5px 0
}

.asset-declaimer-message-block {
    margin-top: 25vh
}

.asset-declaimer-message-block .declaimer-message-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download-image {
    background: #fff
}

.download-image .loader {
    height: 200px;
    padding: 80px;
    width: 100%;
    text-align: center
}

.download-image .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.download-image .download-image-wrapper .download-asset-image-heading-container {
    margin-top: 30px;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 15px
}

.download-image .download-image-wrapper .download-asset-image-heading-container .btn-primary:active {
    border: 1px solid transparent;
    background-color: #09c
}

.download-image .download-image-wrapper .download-asset-image-heading-container .download-asset-image-heading {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize
}

.download-image .download-image-wrapper .download-asset-image-heading-container .row {
    margin-left: 0
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container .search-asset {
    position: relative;
    padding-right: 10px
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container .search-asset .disable-input {
    background: #e8e8e8;
    cursor: default
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container .search-asset .part-number-icon {
    cursor: pointer
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container .search-asset .part-number-icon i,
.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container .search-asset .part-number-icon img {
    position: absolute;
    top: 10px;
    right: 23px
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container .selected-image-label {
    padding-left: 15px
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container .selected-image-download {
    text-transform: uppercase;
    color: #4c9acc;
    font-weight: 700;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer
}

.download-image .download-image-wrapper .download-asset-image-heading-container .select-image-container .clear-select-button {
    cursor: pointer;
    text-transform: uppercase;
    color: #4c9acc;
    font-weight: 700
}

.download-image .download-image-wrapper .download-image-mob-container {
    padding: 20px;
    background-color: #e8e8e8;
    margin-bottom: 20px
}

.download-image .download-image-wrapper .download-image-mob-container .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.download-image .download-image-wrapper .download-image-mob-container .download-image_mob-heading {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize
}

.download-image .download-image-wrapper .download-image-mob-container .download-image_mob-heading img {
    width: auto
}

.download-image .download-image-wrapper .download-image-mob-container .search-asset {
    position: relative
}

.download-image .download-image-wrapper .download-image-mob-container .search-asset .disable-input {
    background: #e8e8e8;
    cursor: default
}

.download-image .download-image-wrapper .download-image-mob-container .search-asset .part-number-icon {
    cursor: pointer
}

.download-image .download-image-wrapper .download-image-mob-container .search-asset .part-number-icon i,
.download-image .download-image-wrapper .download-image-mob-container .search-asset .part-number-icon img {
    position: absolute;
    top: 10px;
    right: 20px
}

.download-image .download-image-wrapper .image-display-container ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper {
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: pointer
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .ellipse-too-long .ellipse-text {
    color: #585858
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card {
    position: relative;
    text-align: center;
    border: 1px solid #c6c6c6;
    height: 180px;
    padding: 5px;
    white-space: NOWRAP
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card .asset-image-border {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card .download-image-icon {
    transition: .4s ease
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card .download-image-icon .dwn-image-check-container {
    position: absolute;
    top: 15px;
    left: 15px
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card .download-image-icon .dwn-image-check-container img {
    width: 20px
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card .download-image-icon .dwn-icon-wrapper {
    opacity: 0;
    border-radius: 3px;
    background: #313131;
    height: 36px;
    width: 32px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card .download-image-icon .dwn-icon-wrapper .download-img-container {
    padding-top: 7px;
    padding-left: 5px
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card .download-image-icon .dwn-icon-wrapper .download-img-container img {
    width: 20px;
    filter: brightness(200%)
}

.download-image .download-image-wrapper .image-display-container ul .cat-box-wrapper .bg-image-card:hover .dwn-icon-wrapper {
    opacity: 1;
    transition: .4s ease
}

.download-image .asset-declaimer-message-block {
    margin-top: 25vh;
    margin-bottom: 25vh
}

.download-image .asset-declaimer-message-block .declaimer-message-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download-asset-pdf {
    background: #fff
}

.download-asset-pdf .loader {
    height: 200px;
    padding: 80px;
    width: 100%;
    text-align: center
}

.download-asset-pdf .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container {
    margin-top: 30px;
    margin-bottom: 15px;
    margin-left: 10px;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 15px
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .btn-primary:active {
    border: 1px solid transparent;
    background-color: #09c
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .row {
    margin-left: 0
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .row form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .search-asset {
    margin-right: 10px;
    position: relative
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .search-asset .disable-input {
    background: #e8e8e8;
    cursor: default
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .search-asset .part-number-icon {
    cursor: pointer
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .search-asset .part-number-icon i,
.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .search-asset .part-number-icon img {
    position: absolute;
    top: 10px;
    right: 13px
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .selected-image-label {
    padding-left: 15px
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .selected-image-download {
    text-transform: uppercase;
    color: #4c9acc;
    font-weight: 700;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .clear-select-button {
    cursor: pointer;
    text-transform: uppercase;
    color: #4c9acc;
    font-weight: 700
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container .download-asset-pdf-heading {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-heading-container form {
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container {
    padding: 20px;
    background-color: #e8e8e8;
    margin-bottom: 20px
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container .download-asset-pdf_mob-heading {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container .download-asset-pdf_mob-heading img {
    width: auto
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container .search-asset {
    position: relative
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container .search-asset .disable-input {
    background: #e8e8e8;
    cursor: default
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container .search-asset .part-number-icon {
    cursor: pointer
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container .search-asset .part-number-icon i,
.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-mob-container .search-asset .part-number-icon img {
    position: absolute;
    top: 10px;
    right: 20px
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .bg-image-card {
    height: 162px;
    border: 1px solid #e1e1e1
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper {
    height: 240px;
    overflow: hidden;
    margin-top: 10px;
    padding: 0
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper {
    width: 140px;
    padding: 0;
    margin: 0 auto
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .ellipse-too-long .ellipse-text {
    font-size: 18px;
    line-height: .1;
    font-weight: 700;
    color: #585858
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container {
    height: 200px;
    border: 1px solid #e1e1e1;
    position: relative
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container a img {
    width: 100%;
    height: 100%
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container .download-pdf-icon {
    transition: .4s ease
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container .download-pdf-icon .dwn-pdf-check-container {
    position: absolute;
    top: 15px;
    left: 15px
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container .download-pdf-icon .dwn-pdf-check-container img {
    width: 20px;
    height: auto
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container .download-pdf-icon .dwn-icon-wrapper {
    opacity: 0;
    border-radius: 3px;
    background: #313131;
    height: 36px;
    width: 32px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container .download-pdf-icon .dwn-icon-wrapper .download-pdf-img-container {
    padding-top: 7px;
    padding-left: 5px
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container .download-pdf-icon .dwn-icon-wrapper .download-pdf-img-container img {
    width: 20px;
    filter: brightness(200%)
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .img-container:hover .dwn-icon-wrapper {
    opacity: 1;
    transition: .4s ease;
    background: #313131
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper .title {
    width: 100%;
    padding: 0;
    margin: 0 0 4px;
    word-wrap: break-word
}

.download-asset-pdf .download-asset-pdf-wrapper .download-asset-pdf-container .wrapper .img-container-wrapper [pzv-ellipse-tooltip] {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: #585858;
    padding: 0;
    margin: 0 0 4px;
    word-wrap: break-word;
    line-height: 1.5
}

.download-asset-pdf .asset-declaimer-message-block {
    margin-top: 25vh;
    margin-bottom: 25vh
}

.download-asset-pdf .asset-declaimer-message-block .declaimer-message-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download-page {
    background: #fff
}

.download-page .loader {
    height: 100%;
    min-height: 400px;
    padding: 80px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.download-page .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.download-page .download-container .download-heading {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    margin-top: 15px;
    text-transform: capitalize
}

.download-page .download-container .download-cat-container ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0
}

.download-page .download-container .download-cat-container ul .cat-box-wrapper {
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 2, .68);
    height: 28vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download-page .download-container .download-cat-container ul .cat-box-wrapper img {
    width: 15vh
}

.download-page .download-container .download-cat-container ul .cat-box-wrapper .text-label {
    font-size: 1.5em;
    color: #fff;
    padding: 15px;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0, 0, 2, .68)
}

.download-page .download-container .download-cat-container ul .cat-box-wrapper:active,
.download-page .download-container .download-cat-container ul .cat-box-wrapper:focus,
.download-page .download-container .download-cat-container ul .cat-box-wrapper:hover {
    transition: .4s ease
}

.download-page .download-container .download-cat-container ul .cat-box-wrapper:active .text-label,
.download-page .download-container .download-cat-container ul .cat-box-wrapper:focus .text-label,
.download-page .download-container .download-cat-container ul .cat-box-wrapper:hover .text-label {
    font-size: 1.5em;
    color: #fff;
    padding: 25px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: .4s ease
}

.download-page .download-container .promo-content-wrapper {
    margin-top: 10px
}

.image-viewer-container {
    position: fixed;
    z-index: 1100;
    background-color: rgba(0, 0, 0, .65);
    width: 100%;
    height: 100%;
    top: 0
}

.image-viewer-container .image-viewer-title {
    padding-top: 4%;
    padding-right: 7%
}

.image-viewer-container .image-list-view {
    background-color: transparent
}

.image-viewer-container .image-list-view .popup-slide-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.image-viewer-container .image-list-view .popup-slide-container .icon-left {
    margin-left: 20%;
    cursor: pointer
}

.image-viewer-container .image-list-view .popup-slide-container .icon-right {
    cursor: pointer;
    float: right;
    margin-right: 20%
}

.image-viewer-container .image-list-view .popup-slide-container .image-container {
    height: 400px
}

.image-viewer-container .image-list-view .popup-slide-container .image-container .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.image-viewer-container .image-list-view .popup-slide-container .image-container img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.image-viewer-container .image-list-view .popup-slide-container img {
    max-width: 100%
}

.image-viewer-container .image-list-view .popup-slide-container .image-detail-wrapper {
    margin-top: 10px;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.image-viewer-container .image-list-view .popup-slide-container .image-detail-wrapper .image-position-value {
    margin-top: 20px;
    margin-bottom: 10px
}

.image-viewer-container .image-list-view .popup-slide-container .image-detail-wrapper .image-download-btn {
    background: 0 0;
    color: #fff;
    font-weight: 600;
    border-color: #fff
}

.image-viewer-container .image-list-mobile-view {
    background-color: transparent
}

.image-viewer-container .image-list-mobile-view .image-container {
    height: 400px;
    white-space: nowrap;
    text-align: center;
    width: 100%
}

.image-viewer-container .image-list-mobile-view .image-container .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.image-viewer-container .image-list-mobile-view .image-container img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.image-viewer-container .image-list-mobile-view .image-detail-mobile-wrapper {
    margin-top: 10px;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 3em
}

.image-viewer-container .image-list-mobile-view .image-detail-mobile-wrapper .slider-mobile {
    margin-top: 15%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -ms-flex-align: center;
    align-items: center
}

.image-viewer-container .image-list-mobile-view .image-detail-mobile-wrapper .slider-mobile img {
    cursor: pointer
}

.image-viewer-container .image-list-mobile-view .image-detail-mobile-wrapper .slider-mobile .slider-label {
    font-size: 15px
}

.image-viewer-container .image-list-mobile-view .image-detail-mobile-wrapper .image-download-btn {
    margin-top: 20%;
    background: 0 0;
    color: #fff;
    font-weight: 600;
    border-color: #fff
}

.image-viewer-container .image-list-mobile-view .popup-slide-mobile-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.image-viewer-container .image-list-mobile-view .popup-slide-mobile-container .image-container {
    margin-top: 20%;
    margin-left: 5%;
    margin-right: 6%
}

.my-modal-popup.add-cart-msg-modal+.modal-backdrop.in {
    opacity: 0
}

.my-modal-popup.add-cart-msg-modal {
    top: 0 !important
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg {
    margin-top: 100px;
    width: 70%
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg .modal-content {
    border-radius: 3px;
    top: 55px;
    background: #323232;
    width: 615px;
    margin: auto;
    box-shadow: none;
    -webkit-animation-name: addToCartMsg;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: reverse;
    animation-name: addToCartMsg;
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-direction: reverse
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .pbar-wrapper>div .progress.active .progress-bar,
.pzv-avl-price-progressbar #availProgressbar .parent-container .prgbar-wrapper .progress.active .progress-bar,
.retrun-order-progressbar-container .pb-content>div.progress.active .progress-bar {
    animation: reverse progress-bar-stripes 2s linear infinite
}

@keyframes addToCartMsg {

    0%,
    10%,
    90% {
        left: 0;
        top: 55px;
        opacity: 1
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0
    }
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg {
    margin: 0;
    background-color: #000;
    border-radius: 3px;
    padding: 0
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .close-overlay {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    z-index: 999
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container {
    margin: 0
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg div,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg div {
    margin-top: 13px
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg div.fixed-padding,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg div.fixed-padding {
    margin-left: 10px
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg div .text,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg div .text {
    font-size: 14px;
    padding-left: 0
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg div .text .msg-1,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg div .text .msg-1 {
    font-size: 16px;
    color: #fff;
    margin-right: 40px
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg div .text .msg-2,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg div .text .msg-2 {
    font-size: 12px;
    color: #fff
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg div .text .msg-3,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg div .text .msg-3 {
    margin-top: 3px;
    font-size: 16px;
    color: #fff
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg div .check,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg div .check {
    color: #45c500;
    font-size: 18px;
    text-align: center
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg .non-rtb-details,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg .non-rtb-details {
    margin-right: 5px
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .rtb-msg .non-rtb-details .part-num,
.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .success-msg .non-rtb-details .part-num {
    margin-right: 6px
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #323232;
    margin: 16px 0 0;
    padding: 0
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper {
    padding: 20px 14px
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .go-to-cart {
    cursor: pointer;
    font-size: 12px;
    color: #fff
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .go-to-cart i {
    margin-left: 4px;
    font-size: 12px
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-group {
    margin: 0
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-default {
    background: 0 0;
    border: 0
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-default .panel-heading {
    background: 0 0;
    color: #fff;
    border: 0
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-default .panel-heading a {
    outline: 0;
    text-decoration: none
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-default .panel-heading a i {
    margin-left: 20px
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-body {
    border: 0
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-body .accordion-content {
    height: 100px;
    overflow-y: auto;
    background: #fff;
    color: #414141
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-body .accordion-content>ul {
    list-style-type: none;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600
}

.my-modal-popup.add-cart-msg-modal .modal-dialog.modal-lg #addToCartMsg .parent-container .footer-wrapper .rtb-list-accordion .panel-body .accordion-content>ul li .part-num {
    margin-right: 10px
}

.add-to-list-mobile .pulldown-mylists {
    padding: 20px
}

.add-to-list-mobile .scrolled-list-names {
    margin-top: 15px;
    overflow-y: scroll;
    max-height: 100px
}

.add-to-list-mobile .create-new-list {
    margin-bottom: 10px
}

.add-to-list-mobile .create-new-list .pzv-text-bt27 {
    font-size: 14px
}

.add-to-list-mobile .part-qty {
    width: 62px;
    margin-left: 10px;
    padding: 5px 10px
}

.pzv-avl-price-progressbar .check-avail-price-link a {
    outline: 0;
    text-decoration: none;
    margin-right: 20px
}

.pzv-avl-price-progressbar .check-avail-price-link a.disable-link {
    color: #acacac !important
}

.pzv-avl-price-progressbar #availProgressbar {
    background: #FFF;
    border-radius: 3px;
    width: 100%;
    min-width: 1100px;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0;
    top: 0;
    z-index: 3000;
    background-color: rgba(248, 248, 248, .8);
    position: fixed;
    bottom: 0
}

.pzv-avl-price-progressbar #availProgressbar .close-overlay {
    position: relative;
    right: 25px;
    top: 26px
}

.pzv-avl-price-progressbar #availProgressbar .parent-container {
    margin: -150px 0 0;
    padding: 40px;
    background: rgba(248, 248, 248, .6);
    border-radius: 3px;
    text-align: center;
    height: 199px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%
}

.pzv-avl-price-progressbar #availProgressbar .parent-container h4 {
    margin: 0;
    padding: 50px 0 0;
    color: #6e6e6e;
    font-weight: 600;
    font-size: 16px
}

.pzv-avl-price-progressbar #availProgressbar .parent-container h4 i {
    color: #ff9d02;
    margin-right: 10px
}

.pzv-avl-price-progressbar #availProgressbar .parent-container h3 {
    margin: 0 0 30px;
    padding: 50px 0 0;
    color: #6e6e6e;
    font-weight: 700;
    font-size: 16px
}

.pzv-avl-price-progressbar #availProgressbar .parent-container .prgbar-wrapper {
    width: 70%;
    margin: 0 auto
}

.pzv-avl-price-progressbar #availProgressbar .parent-container .prgbar-wrapper>.progress {
    height: 8px;
    margin: 0
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {

    input[type=search],
    input[type=text],
    input[type=email],
    input[type=password],
    textarea {
        -moz-appearance: none;
        appearance: none
    }

    .pzv-avl-price-progressbar #availProgressbar {
        min-width: 950px
    }
}

.uib-datepicker-popup.dropdown-menu {
    z-index: 3000
}

.disclaimer {
    position: absolute;
    margin-left: -65px
}

.disclaimer-a {
    cursor: pointer
}

.locator-hint-popover {
    background: #323232;
    color: #fff;
    font-size: 12px;
    border-radius: 3px
}

.locator-hint-popover .popover-inner {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

.locator-hint-popover .arrow:after {
    border-bottom-color: #323232 !important
}

.my-modal-popup.bulk-add-to-cart-modal {
    top: 0 !important
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg {
    margin-top: 10px;
    width: 85%;
    min-width: 1150px;
    -webkit-backface-visibility: hidden
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart {
    margin: 0;
    padding: 0;
    border-radius: 3px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .footer-btn-wrapper,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .title-wrapper {
    width: 1100px;
    margin: 25px auto
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .footer-btn-wrapper .pzv-primary-btn-md,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .title-wrapper .pzv-primary-btn-md {
    height: 32px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .footer-btn-wrapper h1,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .title-wrapper h1 {
    margin: 0
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .close-overlay {
    display: inline-block
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .cursor-default {
    cursor: default
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc {
    background-color: #000;
    border-radius: 3px;
    padding: 20px 10px 20px 20px;
    display: inline-block;
    width: 670px;
    margin: 0 auto;
    position: absolute;
    z-index: 3000;
    left: 0;
    right: 0;
    top: 62px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc .ok-btn-wrapper {
    margin-top: 20px;
    text-align: right
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc .ok-btn-wrapper .btn {
    color: #fff;
    border-color: #6e6e6e;
    min-width: 80px;
    line-height: 16px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc .ok-btn-wrapper .btn:hover {
    color: #fff !important;
    background: 0 0
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div {
    padding: 0 30px;
    color: #fff
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div.added-lineitem {
    position: relative
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div.added-lineitem i {
    position: absolute;
    top: 2px;
    left: 0;
    color: #39A200;
    font-size: 20px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div.nonrtb-lineitem,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div.repeated-lineitem {
    margin-top: 10px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div p {
    margin-bottom: 0
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div .msg-lg {
    font-size: 18px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div .msg-sm {
    font-size: 13px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div .part-nums {
    font-size: 18px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .alert-msg-batc>div hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #323232;
    margin: 10px 0;
    padding: 0
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .error-container {
    display: table;
    width: 100%;
    height: 300px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .error-container>div {
    display: table-cell;
    vertical-align: middle
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .error-container>div>p {
    font-size: 18px;
    color: #acacac;
    font-weight: 400;
    margin-bottom: 20px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .table-info-row {
    width: 1100px;
    margin: 0 auto
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .table-info-row .bold-txt-sm {
    width: 1100px;
    margin: 0 auto 10px;
    max-width: 100%
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .table-info-row a {
    outline: 0;
    text-decoration: none
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .table-info-row a.link-disable {
    pointer-events: none;
    cursor: not-allowed;
    color: #acacac
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .checkbox-label {
    margin: 0 0 0 14px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .checkbox-label .fa-check-square,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed {
    width: 1100px;
    table-layout: fixed;
    margin: auto;
    border-collapse: collapse
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th {
    padding: 10px;
    border-top: 0;
    box-sizing: border-box;
    vertical-align: top
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-1,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-1.colspan-2,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-1.colspan-2.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-1,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-1.colspan-2,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-1.colspan-2.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-1,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-1.colspan-2,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-1.colspan-2.eo-col {
    width: 70px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-2,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-2.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-2,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-2.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-2,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-2.eo-col {
    width: 285px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-3,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-3,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-3 {
    width: 100px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-3.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-3.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-3.eo-col {
    width: 91px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-4,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-4.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-5,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-6,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-4,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-4.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-5,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-6,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-4,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-4.eo-col,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-5,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-6 {
    width: 120px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-7,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-7,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-7 {
    width: 90px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.td-summary,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.td-summary,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.td-summary {
    padding: 10px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td .border-right-transparent,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td .border-right-transparent,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th .border-right-transparent {
    border-right: solid 1px transparent
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead {
    display: table;
    width: 1101px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr,
.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr {
    text-align: left;
    display: table-row
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody {
    max-height: 325px;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    width: 1100px;
    background: #fff
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr {
    display: table;
    width: 1100px;
    table-layout: fixed
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.list-item-delete {
    text-align: center
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.list-item-delete .list-item-delete-box {
    padding: 15px 0;
    background: #fff67b;
    border-radius: 3px;
    border: 1px dashed #ccc;
    color: #232323;
    font-size: 12px;
    font-weight: 600
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .itm-part-details {
    overflow: hidden
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .itm-part-details .part-img {
    float: left;
    width: 40px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .itm-part-details .part-num-name {
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 85%
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .itm-part-details .part-num-name .part-num {
    text-transform: uppercase
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .itm-part-details .part-num-name .part-name {
    word-break: break-word
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .itm-part-details .part-num-name .part-exception {
    color: #acacac;
    font-size: 11px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .number-container {
    display: inline-block;
    overflow: hidden
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .number-container input[type=number] {
    width: 100%;
    padding: 8px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr p.date-wrapper .date-txt {
    width: 90px;
    text-align: center
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .eo-qty-req {
    font-weight: 700;
    margin-right: 10px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .location-not-available {
    position: relative;
    padding-left: 18px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .location-not-available i {
    color: #ff9d02;
    position: absolute;
    left: 0;
    top: 8px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .location-not-available span {
    line-height: 13px;
    display: inline-block;
    font-weight: 700;
    color: #414141;
    font-size: 11px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .exp-qty-status {
    color: #414141;
    position: relative;
    top: -9px;
    font-size: 11px;
    margin-left: 5px;
    display: inline-block;
    margin-top: 10px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .exp-qty-status>.fa.fa-check {
    color: #39A200
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .exp-qty-status .avl-qty-txt {
    font-weight: 700;
    color: #414141;
    text-align: left;
    font-size: 11px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .avl-qty-info {
    font-weight: 600;
    color: #414141;
    text-align: left;
    font-size: 11px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .pckg-qty-err {
    font-weight: 700;
    color: #414141;
    text-align: left;
    margin-top: 5px;
    font-size: 11px;
    position: relative;
    display: table;
    line-height: 12px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .pckg-qty-err .fa-info-circle {
    display: table-cell;
    color: #6e6e6e;
    font-size: 13px;
    padding-right: 5px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .plant-name {
    line-height: 12px
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .address-small {
    line-height: 11px;
    font-size: 11px;
    color: #acacac
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .plant-list {
    position: relative
}

.my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .plant-list a {
    color: #0093c6;
    font-size: 10px;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0;
    white-space: nowrap
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg {
        width: 98%;
        min-width: 1000px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .footer-btn-wrapper,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .table-info-row,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container .table-info-row .bold-txt-sm,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .title-wrapper {
        width: 950px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-1,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-1,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-1 {
        width: 45px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-1.colspan-2,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-1.colspan-2,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-1.colspan-2 {
        width: 300px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-1.colspan-2.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-1.colspan-2.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-1.colspan-2.eo-col {
        width: 290px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-2,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-2,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-2 {
        width: 255px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-2.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-2.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-2.eo-col {
        width: 245px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-3,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-3,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-3 {
        width: 160px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-3.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-3.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-3.eo-col {
        width: 150px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-4,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-4,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-4 {
        width: 110px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-4.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-4.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-4.eo-col {
        width: 160px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-5,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-5,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-5 {
        width: 100px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-5.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-5.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-5.eo-col {
        width: 90px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-6,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-6,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-6 {
        width: 100px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-6.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-6.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-6.eo-col {
        width: 90px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-7,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-7,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-7 {
        width: 100px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-7.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-7.eo-col,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-7.eo-col {
        width: 90px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.fixed-col-8,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.fixed-col-8,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.fixed-col-8 {
        width: 80px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr>td.td-summary,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr>td.td-summary,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr>th.td-summary {
        padding: 10px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead {
        display: table;
        width: 951px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tfoot>tr,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>thead>tr {
        text-align: left;
        display: table-row
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody,
    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr {
        width: 950px
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .number-container {
        display: block
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .exp-qty-status {
        position: static;
        display: block;
        margin: 5px 0
    }

    .my-modal-popup.bulk-add-to-cart-modal .modal-dialog.modal-lg #bulkAddToCart .parent-container table.pzv-table-fixed>tbody>tr .itm-part-details .part-num-name {
        width: 82% !important
    }
}

.pz-tooltip-plant-list-on-overlay {
    opacity: 1 !important;
    width: 300px
}

.pz-tooltip-plant-list-on-overlay.right {
    padding: 0 8px !important
}

.pz-tooltip-plant-list-on-overlay .tooltip-arrow {
    margin-left: -8px !important;
    border-width: 0 8px 8px !important;
    border-bottom-color: transparent !important
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner {
    position: relative;
    min-width: 350px;
    border-radius: 3px;
    padding: 16px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .content-wrapper {
    text-align: left
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .content-wrapper a.eo-lnk {
    margin-bottom: 10px;
    display: inline-block
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .content-wrapper i {
    color: #323232;
    font-size: 24px;
    position: absolute;
    right: 145px;
    top: -16px
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .content-wrapper .plnt-dtls {
    font-weight: 600;
    line-height: 32px
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .content-wrapper .plnt-dtls .left-plant-panel {
    width: 230px;
    display: -webkit-inline-box;
    line-height: 12px
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .content-wrapper .plnt-dtls .plnt-nm-qty {
    font-size: 13px;
    line-height: 12px
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .content-wrapper .plnt-dtls .plnt-date {
    font-size: 13px;
    line-height: 32px
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .content-wrapper .plnt-dtls .plnt-city-st {
    font-size: 10px;
    line-height: 12px
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .close-overlay {
    position: absolute;
    top: 10px;
    right: 14px
}

.pz-tooltip-plant-list-on-overlay .tooltip-inner .close-overlay img {
    width: 9px;
    height: 9px
}

.createnewList {
    background: #f5f5f5;
    padding: 35px;
    border-radius: 3px
}

.createnewList .modal-header {
    border-bottom: none;
    border-top: none;
    color: #acacac;
    padding: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.createnewList .modal-header .row .col-sm-10 {
    float: left
}

.createnewList .modal-header h3 {
    margin-top: 0;
    margin-bottom: 22px;
    font-weight: 300;
    color: #9b9b9b;
    font-size: 30px
}

.createnewList .modal-body {
    padding: 0
}

.createnewList .modal-body input.form-control {
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #414141;
    box-shadow: none;
    padding: 0 12px
}

.createnewList .modal-body input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.createnewList .modal-body label {
    color: #7f7f7f;
    margin-left: 5px;
    font-weight: 600
}

.createnewList .modal-body .fa-check-circle {
    color: #3fb300;
    font-size: 24px
}

.createnewList .modal-body .successmgs {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #515151;
    font-weight: 600
}

.createnewList .modal-body .successmgs a {
    margin-top: 10px
}

.createnewList .modal-footer {
    border: 0;
    padding: 0
}

.createnewList .modal-footer .col-sm-5 {
    width: 39.66667%
}

.createnewList p {
    font-weight: 600;
    color: #414141;
    margin-bottom: 28px
}

.createnewList p .fa {
    margin-right: 10px;
    font-size: 20px;
    position: relative;
    top: 2px
}

.createnewList p.savep {
    font-weight: 400;
    color: #7f7f7f;
    margin-bottom: 28px;
    font-size: 11px
}

.createnewList p.savep .fa {
    margin-right: 10px;
    font-size: 20px;
    position: relative;
    top: 2px
}

.createnewList p.savep .fa-info-circle {
    color: #6e6e6e;
    font-size: 16px
}

.createnewList .error-msg {
    text-align: right;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00
}

.createnewList .fa-info-circle {
    color: #6e6e6e;
    font-size: 16px
}

.createnewList .btn-primary {
    background-color: #0093c6;
    border-color: #0093c6
}

.createnewList .btn-app {
    height: 32px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0
}

.createnewList .btn-app.active.focus,
.createnewList .btn-app.active:focus,
.createnewList .btn-app.focus,
.createnewList .btn-app:active.focus,
.createnewList .btn-app:active:focus,
.createnewList .btn-app:focus {
    outline: 0
}

.createnewList .btn-app-primary {
    background-color: #0093c6;
    width: 174px;
    height: 37px;
    color: #fff;
    font-weight: 600;
    font-size: 13px
}

.createnewList .onlycr {
    width: 124px
}

.createnewList .btn-app-primary.focus,
.createnewList .btn-app-primary:focus,
.createnewList .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.createnewList .btn-app-transparent {
    background-color: transparent;
    width: 104px;
    height: 37px;
    border: 2px solid #707070;
    color: #363636;
    font-weight: 600;
    font-size: 13px
}

.createnewList .btn-app-transparent.focus,
.createnewList .btn-app-transparent:focus,
.createnewList .btn-app-transparent:hover {
    background-color: #E2E2E2;
    border: 2px solid #707070;
    color: #363636
}

.profile-menu div.popover {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%
}

.createnewListSuccess {
    padding: 20px 35px;
    border-radius: 3px
}

.createnewListSuccess .modal-header h4 {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 24px
}

.createnewListSuccess .modal-header a {
    float: right;
    width: 16px
}

.createnewListSuccess .modal-body i {
    color: #2ea03e;
    font-size: 24px;
    margin-top: 17px
}

.createnewListSuccess .modal-body p {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #646464
}

.createnewListSuccess .modal-body a {
    margin-top: 15px;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    border-radius: 3px
}

.my-modal-popup.bulk-part-modal .btn {
    height: auto !important
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd {
    margin: 0;
    padding: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .close-overlay {
    position: absolute;
    top: 30px;
    right: 30px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container {
    margin: 0;
    padding: 40px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .status-header {
    text-align: center;
    margin-bottom: 40px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .status-header>ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .status-header>ul>li {
    display: inline-table;
    width: 120px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .status-header>ul>li .badge {
    height: 21px;
    width: 21px;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin: 0 auto 8px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 22px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel {
    box-sizing: border-box;
    width: 50%;
    float: left;
    border-right: 1px dashed #dbdbdb;
    padding-right: 30px;
    margin-bottom: 18px;
    position: relative
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .or {
    position: absolute;
    right: -8px;
    top: 201px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea:after,
.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea:before {
    content: '';
    display: block;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 4px;
    right: 18px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea:before {
    top: 1px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea:after {
    bottom: 1px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea {
    position: relative
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr {
    width: 100%;
    height: 100%;
    top: 17px;
    left: 0;
    position: absolute;
    pointer-events: none;
    padding: 20px 19px;
    color: #dbdbdb;
    z-index: 99999999
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr>.exmpl-lbl {
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 600
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr>.exmpl {
    margin-bottom: 30px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr>.exmpl>h3 {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 700
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr>.exmpl>p {
    font-size: 14px;
    color: #B8B8B8;
    margin: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea textarea {
    resize: none;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid #ededed;
    box-shadow: none;
    height: 350px !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #323232;
    white-space: pre-line !important
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel {
    box-sizing: border-box;
    width: 50%;
    float: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success {
    margin-top: 90px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success .success-msg {
    text-align: center;
    font-size: 13px;
    color: #323232;
    font-weight: 400;
    margin-bottom: 20px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success .success-msg i {
    color: #54cf1c;
    font-size: 13px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success .uploaded-file {
    padding: 10px;
    font-weight: 700;
    color: #000;
    border: 1px solid #dbdbdb;
    margin-left: 37px;
    position: relative;
    border-radius: 3px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success .uploaded-file img {
    height: 10px;
    float: right;
    margin: 3px;
    cursor: pointer
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success .uploaded-file i {
    position: absolute;
    right: 6px;
    top: 12px;
    cursor: pointer
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload {
    position: relative
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .incorrect-file {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 109px;
    left: 31px;
    right: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .incorrect-file>div {
    margin: 0 auto
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .incorrect-file>div i {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -2px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .sample-excel {
    margin-top: 55px;
    margin-left: 35px;
    text-align: center
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .sample-excel .sample-img {
    width: 390px;
    border: 2px solid #0093c6
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .sample-excel img {
    margin-bottom: 15px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .sample-excel .text {
    text-decoration: none
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .sample-excel .text span {
    cursor: pointer
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .sample-excel .text span img {
    margin: 0 0 1px 12px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload {
    position: relative;
    margin: 11px 0 0 31px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload .inputFIle {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -93px;
    text-align: center;
    transition-duration: .5s
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload .inputFIle .drop-text {
    margin-bottom: 10px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload .inputFIle label {
    cursor: pointer
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload .inputFIle label:focus,
.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload .inputFIle label:hover {
    outline: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload .inputFIle label * {
    pointer-events: none
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload .inputFIle #fileListChange {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload #droppable {
    border: 1px dashed #acacac;
    height: 158px;
    width: 100%;
    border-radius: 3px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .content-title {
    text-align: center;
    margin-top: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .content-title .fa-exclamation-triangle {
    font-size: 16px;
    margin-right: 5px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .success-content {
    height: 200px;
    padding: 50px;
    border-radius: 3px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .success-content>h3 {
    margin-top: 40px;
    padding: 0;
    text-align: center;
    line-height: 1.25
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .error-content {
    margin-top: 50px;
    background: #fff;
    height: 200px;
    padding: 90px 50px 50px;
    margin-bottom: 15px;
    border-radius: 3px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .error-content>h3 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #6e6e6e
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .error-content .fa-exclamation-triangle {
    color: #ff8a00
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .info-txt {
    margin: 0;
    padding-top: 16px;
    display: inline-block;
    padding-left: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .info-txt .fa-info-circle {
    margin-right: 5px;
    font-size: 12px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .err-txt {
    line-height: 15px;
    display: inline-block;
    margin-top: 2px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .fa-check-square,
.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .fa-square-o {
    padding-right: 5px;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: 6px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .lmt-excded,
.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .rtb-failed {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 10px;
    font-weight: 700;
    color: #727272
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .lmt-excded i,
.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .rtb-failed i {
    font-size: 14px;
    color: #ff9d02;
    display: table-cell;
    vertical-align: middle
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .lmt-excded span,
.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .rtb-failed span {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding-left: 4px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .lmt-excded {
    padding-left: 37px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .lmt-excded i {
    margin-right: 10px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .lmt-excded.lmt-excded-cp {
    padding-left: 0;
    margin-top: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table {
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 15px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr .line-no {
    width: 5%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr .part-no,
.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr .qty {
    width: 30%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr .ship-date {
    width: 28%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr .select {
    width: 7%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr>th {
    vertical-align: top;
    width: 15%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr>th.th-select label {
    text-align: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr>th.th-select .select-checkbox {
    width: 100%;
    text-align: center
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>thead>tr>th.text-center {
    text-align: center
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td {
    padding: 8px;
    text-align: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.line-num {
    padding-top: 16px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.text-center {
    text-align: center
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td .form-control.qnty {
    width: 66px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td .td-inner {
    overflow: hidden;
    width: 100%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td .td-inner span.err-txt {
    padding: 0 6px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.td-index {
    width: 10%;
    text-align: center
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.td-part-num .td-inner1 {
    width: 50%;
    float: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.td-part-num .td-inner2 {
    width: 50%;
    float: left;
    padding: 0 7px 7px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.td-qty .td-inner1 {
    width: 30%;
    float: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.td-qty .td-inner2 {
    width: 70%;
    float: left;
    padding: 0 7px 7px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.td-req-ship-date .td-inner1 {
    width: 40%;
    float: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .parsed-err-table>table>tbody>tr>td.td-req-ship-date .td-inner2 {
    width: 60%;
    float: left;
    padding: 0 7px 7px;
    color: #6e6e6e
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table {
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 15px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table {
    margin-bottom: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>thead>tr>th {
    vertical-align: top;
    padding: 8px;
    text-align: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>thead>tr>th.th-select label {
    text-align: center;
    width: 100%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>thead>tr>th.th-select .fa-square-o {
    top: 2px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>thead>tr .line-no {
    width: 5%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>thead>tr .part-no {
    width: 50%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>thead>tr .qty {
    width: 38%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>thead>tr .select {
    width: 5%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>thead>tr .select .select-checkbox {
    width: 100%;
    text-align: center
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td {
    padding: 8px;
    text-align: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.line-num {
    padding-top: 16px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.text-center {
    text-align: center
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td .form-control.qnty {
    width: 66px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td .pckg-qty-err {
    font-weight: 600;
    color: #6e6e6e;
    text-align: left;
    font-size: 11px;
    position: relative;
    display: table;
    line-height: 12px;
    margin: 0 0 5px;
    padding-left: 10px;
    top: 3px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td .pckg-qty-err .fa-info-circle {
    display: table-cell;
    color: #6e6e6e;
    font-size: 12px;
    padding-right: 5px;
    vertical-align: middle
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td .fa-check {
    font-size: 18px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td .td-inner {
    overflow: hidden;
    width: 100%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td .td-inner span.err-txt {
    padding: 0 6px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td .td-inner .part-num.eidted-part-num {
    position: relative;
    padding-left: 30px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td .td-inner .part-num.eidted-part-num .fa-check {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 18px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-part-num .td-inner1 {
    width: 50%;
    float: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-part-num .td-inner2 {
    width: 50%;
    float: left;
    padding: 0 7px 7px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-part-num .td-inner2 span.rm-warning {
    position: relative;
    top: 8px;
    margin-left: 20px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-part-num .td-inner2 span.rm-warning .fa-info-circle {
    font-size: 12px;
    padding-right: 5px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-part-num .part-no-label {
    line-height: 1.43
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-part-num .update-data {
    padding: 2px 4px 3px;
    background: #323232;
    border-radius: 3px;
    margin-left: 5px;
    height: 20px;
    font-size: 11px;
    font-weight: 600;
    color: #fff
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-part-num .update-data .bold {
    font-weight: 700;
    font-size: 16px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-qty .td-inner1 {
    width: 30%;
    float: left
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .valdtd-list-table>table>tbody>tr>td.td-qty .td-inner2 {
    width: 70%;
    float: left;
    padding: 0 7px 7px;
    color: #6e6e6e
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .pbar-wrapper {
    border-radius: 3px;
    text-align: center;
    padding: 100px 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .pbar-wrapper>div {
    width: 500px;
    display: inline-block
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .pbar-wrapper>div>.progress {
    height: 8px;
    margin: 0
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .validate-button-container {
    position: relative;
    margin-top: 9px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .validate-button-container .conflict-error {
    padding: 7px 8px;
    color: #fff;
    font-weight: 600;
    background: #323232;
    position: absolute;
    right: 0;
    width: 314px;
    border-radius: 3px;
    bottom: 10px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .validate-button-container .conflict-error.step-1 {
    width: 180px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .validate-button-container .conflict-error .left {
    position: relative;
    top: -3px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .validate-button-container .conflict-error .left i {
    color: #ff9d02;
    font-size: 16px;
    position: absolute;
    top: 4px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .validate-button-container .conflict-error .right {
    position: relative
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg .replace-part-no {
    line-height: 15px;
    display: inline-block;
    float: left;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #6e6e6e
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg .replace-part-no a {
    font-weight: 700;
    color: #09c
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg {
        width: 95%
    }
}

@media only screen and (max-width:1023px) {

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea,
    .pzv-part-check {
        position: relative
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg {
        width: 94%
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 40px;
        margin: 0
    }

    .parent-container .panel-parent-wrapper .valdtd-list-table {
        line-height: 30px
    }

    .pzv-input-table {
        width: 87% !important;
        min-height: 25px !important;
        padding: 2px 6px !important;
        margin-left: 8px
    }

    .pzv-title-t12 {
        font-size: 15px;
        margin-top: 10px !important
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .close-overlay {
        top: 19px
    }

    .pzv-line-number {
        text-align: center
    }

    .pckg-qty-err {
        line-height: 16px;
        font-size: 12px
    }

    .help-block,
    .pzv-remove {
        margin-left: 8px
    }

    .pzv-part-name {
        margin-left: 10px;
        font-size: 12px
    }

    .pzv-part-check {
        left: 10px
    }

    .td-inner2 .exclamation-msg .tooltip-inner {
        width: 300px !important
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .status-header {
        margin-left: -25px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .status-header>ul>li {
        width: 85px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel {
        padding: 0
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .or {
        top: 177px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .content-left {
        margin-right: 10px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr {
        top: 5px;
        padding: 20px 10px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr>.exmpl-lbl {
        font-size: 12px;
        margin-bottom: 20px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr>.exmpl {
        margin-bottom: 10px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr>.exmpl>h3 {
        font-size: 13px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea .txt-area-plchldr>.exmpl>p,
    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success .success-msg {
        font-size: 10px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .form-grp-txtarea textarea {
        height: 235px !important;
        max-height: unset !important;
        margin-left: -12px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .left-panel .text-placeholder span {
        display: inline-block
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .content-right {
        margin-left: 10px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .sample-excel .sample-img {
        width: 137px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload {
        margin: 11px 0 0 12px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .excleUpload .inputFIle {
        margin-left: -78px;
        top: 55px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success .uploaded-file,
    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-upload .sample-excel {
        margin-left: 12px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .on-success .uploaded-file img {
        margin-top: -5px
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .lmt-excded {
        width: 80%;
        margin-top: 0
    }

    .my-modal-popup.bulk-part-modal .modal-dialog.modal-lg #bulkPartAdd .parent-container .panel-parent-wrapper .panel-wrapper .right-panel .lmt-excded span {
        font-size: 10px;
        margin-left: -10px
    }
}

@media only screen and (max-width:425px) {
    .parent-container .panel-parent-wrapper .list-card .pzv-tbl-head {
        line-height: 18px !important
    }

    .parent-container .panel-parent-wrapper .list-card .dropdown-menu {
        left: -146px !important;
        width: 294px;
        height: 114px;
        overflow: auto
    }

    .parent-container .panel-parent-wrapper .list-card .dropdown-menu li a {
        white-space: pre-line
    }

    .parent-container .panel-parent-wrapper .list-card .part-num .pzv-part-check {
        width: 12%
    }

    .parent-container .panel-parent-wrapper .list-card .part-num .part-no-label {
        width: 75%;
        float: right
    }
}

.pzv-dropdown .btn {
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 400
}

.pzv-dropdown .btn span {
    float: left
}

.pzv-dropdown .btn i {
    float: left;
    margin-left: 5px;
    margin-top: 3px
}

.my-modal-popup.managelist-popup .modal-dialog {
    margin-top: 20px
}

.manageList {
    background: #f5f5f5;
    padding: 30px 20px;
    border-radius: 3px
}

.manageList .modal-header {
    border-bottom: none;
    border-top: none;
    color: #acacac;
    padding: 0
}

.manageList .modal-header h3 {
    margin-top: 0;
    margin-bottom: 35px;
    font-weight: 300;
    color: #9b9b9b;
    font-size: 30px;
    margin-left: 12px
}

.manageList .modal-header .modal-body {
    padding: 0 35px
}

.manageList label {
    color: #acacac;
    margin-left: 16px
}

.manageList .submit-btn[disabled],
.manageList .submit-btn[disabled]:hover {
    background: #dbdbdb;
    color: #acacac;
    border: 1px solid #dbdbdb
}

.manageList .btn-app {
    line-height: 16px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    width: 144px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    height: 37px
}

.manageList .btn-app.active.focus,
.manageList .btn-app.active:focus,
.manageList .btn-app.focus,
.manageList .btn-app:active.focus,
.manageList .btn-app:active:focus,
.manageList .btn-app:focus {
    outline: 0
}

.manageList .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.manageList .btn-app-primary.focus,
.manageList .btn-app-primary:focus,
.manageList .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.manageList .no-list-msg {
    font-weight: 600;
    color: #323232;
    margin-bottom: 10px
}

.manageList .err-msg,
.manageList .success-msg {
    text-align: right;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600
}

.manageList .err-msg {
    color: #ff8a00
}

.manageList .success-msg {
    color: #39A200
}

.manageList .top-error {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center
}

.manageList .managelist-close {
    margin-top: 0
}

.manageList .managelist-close a {
    margin-right: 13px
}

.manageList .checkbox-label {
    margin: 0
}

.manageList .checkbox-label .fa-check-square,
.manageList .checkbox-label .fa-square-o {
    color: #0093c6;
    font-size: 16px;
    margin-left: 0;
    margin-top: 8px
}

.manageList .aligncheckbox,
.manageList .listspace input[type=checkbox] {
    margin-top: 10px
}

.manageList .checkbox-label .fa-check-square {
    background-color: #fff
}

.manageList ul li {
    margin-bottom: 10px
}

.manageList .btn-primary {
    background-color: #0093c6;
    border-color: #0093c6
}

.manageList .listspace {
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden
}

.manageList .listspace input[type=text] {
    border: 1px solid #ededde;
    height: 32px;
    font-size: 14px;
    font-weight: 600;
    color: #414141;
    box-shadow: none;
    padding: 0 12px;
    border-radius: 3px
}

.manageList .listspace input[type=text]:focus {
    border-color: #0093c6;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.manageList .headspace .input-group-addon {
    background-color: #f9f9f9;
    box-shadow: none;
    border: 1px solid #ccc;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: none
}

.manageList .headspace input[type=search] {
    background-color: #f9f9f9;
    box-shadow: none;
    border: 1px solid #ccc
}

@media only screen and (max-width:768px) {
    .createnewList {
        padding: 15px
    }

    .manageList {
        padding: 15px 0
    }

    .manageList .checkbox_header {
        font-size: 12px;
        margin: 0
    }
}

.share-overlay .modal-dialog {
    width: 686px
}

.share-overlay .share-list {
    padding: 30px
}

.share-overlay .share-list h4 {
    float: left;
    margin: 0 0 40px;
    padding: 0;
    line-height: 30px
}

.share-overlay .share-list h4 b {
    font-weight: 400
}

.share-overlay .share-list .row {
    margin-bottom: 20px
}

.share-overlay .share-list .row .alert,
.share-overlay .share-list .row .checkbox {
    margin: 0
}

.share-overlay .share-list .row-bottom-mg {
    margin-bottom: 10px
}

.share-overlay .share-list .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

.share-overlay .share-list .fa-check-circle {
    font-size: 30px
}

.share-overlay .share-list p {
    font-size: 18px;
    color: #646464;
    font-weight: 600px
}

.share-overlay .share-list label {
    margin-left: 5px
}

.share-overlay .share-list [placeholder] {
    font-size: 13px
}

.share-overlay .share-list a.clear-lnk {
    text-decoration: none;
    outline: 0;
    margin-right: 10px
}

.share-overlay .share-list textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

.share-overlay .share-list .row-margin-top {
    margin-top: -15px
}

.share-overlay .share-list .btn-primary {
    width: 114px
}

.share-overlay .share-list p.err-txt {
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00;
    margin-top: 2px
}

.share-overlay .share-list .checkbox-label {
    margin: 0 0 0 14px
}

.share-overlay .share-list .checkbox-label .fa-check-square,
.share-overlay .share-list .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

.share-overlay .share-list .checkbox-label:hover {
    cursor: pointer
}

.check-avl-modal .modal-dialog {
    width: 90%;
    height: auto;
    margin: 50px 5%
}

.check-avl-modal .modal-dialog .modal-header {
    padding: 20px 20px 0;
    border-bottom: none
}

.check-avl-modal .modal-dialog .modal-header .modal-title .check-avl-label {
    text-transform: capitalize
}

.check-avl-modal .modal-dialog .modal-body {
    padding: 20px 0 0
}

.check-avl-modal .modal-dialog .modal-body .input-group input {
    font-size: 16px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid {
    padding: 0
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.part-num-header {
    padding: 0 0 10px 20px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.part-num-header p {
    margin: 0;
    font-size: 18px;
    font-weight: 600
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.part-num-header p span {
    padding-right: 10px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .multi-item-suggest-wrapper {
    position: relative;
    margin-bottom: 20px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .multi-item-suggest-wrapper select {
    margin: auto;
    font-size: 16px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .multi-item-suggest-wrapper select option {
    width: 50px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .multi-item-suggest-wrapper select+.fa-caret-down {
    position: absolute;
    right: 28px;
    top: 10px;
    font-size: 16px;
    pointer-events: none
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row {
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 0;
    margin-right: 0
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.pad-top {
    padding-top: 10px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.pad-btm {
    padding-bottom: 10px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.loading-avl-data {
    padding: 20px;
    background-color: #fff
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.loading-avl-data h4 {
    margin: 0 0 10px;
    text-align: center
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.loading-avl-data .loading-img {
    margin-left: calc(50% - 15px)
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.search-result {
    background-color: #fff;
    padding-bottom: 20px;
    height: auto;
    max-height: 184px;
    overflow-y: auto
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.search-result .vendor {
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.search-result .vendor:first-child {
    padding-top: 0
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.search-result .vendor:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.search-result .vendor .value {
    margin-left: 10px;
    font-weight: 600
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.avl-now {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin-top: 10px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.avl-now .tooltip {
    left: 20px !important;
    max-width: calc(100% - 40px)
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.avl-now .tooltip .tooltip-arrow {
    left: 88px !important
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.part-no {
    margin-bottom: 10px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row.part-no .part-name {
    margin-top: 5px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row .part-desc .part-desc {
    margin-left: 10px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row .emg-order,
.check-avl-modal .modal-dialog .modal-body .container-fluid .row .stock-order {
    padding-left: 0;
    height: 20px;
    float: left;
    margin-right: 10px
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row .emg-order .fa,
.check-avl-modal .modal-dialog .modal-body .container-fluid .row .stock-order .fa {
    font-size: 18px;
    cursor: pointer
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row .emg-order .permission-denied,
.check-avl-modal .modal-dialog .modal-body .container-fluid .row .stock-order .permission-denied {
    position: absolute;
    background-color: #f7f6f6;
    opacity: .6;
    cursor: not-allowed;
    width: 50%;
    height: 100%;
    top: -5px;
    padding: 20px
}

@media only screen and (max-device-width:1023px) {

    .check-avl-modal .modal-dialog .modal-body .container-fluid .row .emg-order .fa,
    .check-avl-modal .modal-dialog .modal-body .container-fluid .row .stock-order .fa {
        font-size: 7px;
        cursor: pointer
    }

    .check-avl-modal .modal-dialog .modal-body .container-fluid .row .emg-order .permission-denied,
    .check-avl-modal .modal-dialog .modal-body .container-fluid .row .stock-order .permission-denied {
        width: 100%;
        top: 0;
        padding: 15px 15px 10px
    }
}

.check-avl-modal .modal-dialog .modal-body .container-fluid .row .emg-order span,
.check-avl-modal .modal-dialog .modal-body .container-fluid .row .stock-order span {
    position: relative;
    top: -3px;
    left: 5px
}

.check-avail {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 50px;
    position: relative
}

.check-avail:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    right: 10px;
    color: #0093c6;
    top: 24px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none
}

.check-avail .check-avail-drop {
    position: absolute;
    z-index: 2;
    float: left;
    right: 10px;
    top: 25px
}

.input-group {
    width: 100%
}

.input-group .btn-wrap,
.input-group .input-wrap {
    display: table-cell
}

.input-group .btn-wrap .pzv-primary-btn-sm,
.input-group .input-wrap .pzv-primary-btn-sm {
    padding: 10px 15px;
    height: auto
}

.input-group .input-wrap {
    position: relative
}

.input-group .input-wrap .form-control {
    padding-right: 30px
}

.input-group .input-wrap .close-btn {
    position: absolute;
    right: 10px;
    top: 12px;
    z-index: 1024
}

.input-group .btn-wrap {
    width: 55px;
    text-align: right;
    vertical-align: middle
}

.close-btn {
    background-repeat: no-repeat;
    background-size: 100%;
    float: right;
    cursor: pointer
}

.close-btn.sm {
    height: 10px;
    width: 10px
}

.close-btn.sm.dark-btn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/close_black.png)
}

.close-btn.sm.white-btn {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/close_white.png)
}

.close-btn.lg,
.close-btn.md {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/close-icon.png)
}

.close-btn.md {
    height: 18px;
    width: 18px
}

.close-btn.lg {
    height: 25px;
    width: 25px
}

.check-right {
    background-image: url(https://d2hodyznt36c3k.cloudfront.net/aftermarket3.0/release_oh_1.1/dist/assets/images/check-right.svg)
}

.check-right.sm {
    height: 10px;
    width: 10px
}

.check-right.md {
    height: 18px;
    width: 18px
}

.check-right.lg {
    height: 25px;
    width: 25px
}

.light-gray-bg {
    background-color: #f6f6f6
}

.pzv-form-control {
    border: 1px solid #dbdbdb
}

.pzv-form-control:focus,
.pzv-form-control:hover {
    outline: 0;
    border: 1px solid #dbdbdb;
    box-shadow: none
}

.order-type-section {
    position: relative
}

.order-type-section .radio-btn {
    display: none
}

.order-type-section .order-label-type {
    margin-left: -45px;
    font-weight: 600
}

.order-type-section .fa-square {
    position: absolute;
    top: 2px;
    left: 2px
}

.order-type-section label {
    background: #fff;
    border: 3px solid #0093c6;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    display: table;
    font-size: 7px;
    height: 17px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 16px;
    top: 2px
}

.order-type-section label i {
    display: none;
    font-size: 7px;
    border-radius: 0 !important
}

.order-type-section .permission-denied {
    position: absolute;
    background-color: #f7f6f6;
    opacity: .6;
    cursor: not-allowed;
    width: 50%;
    height: 100%;
    top: -5px;
    padding: 20px
}

.order-type-section input:checked+label i {
    display: table-cell;
    vertical-align: middle
}

ul.product-catalog li ul.dropdown-menu {
    margin-top: 5px !important
}

ul.product-catalog li ul.dropdown-menu::after {
    content: none
}

.clear-left {
    clear: left
}

.category-list {
    margin-left: -14px
}

.category-list.nav li.open>div>.dropdown-menu {
    display: block;
    margin-top: 4px
}

.category-list.nav li .mega-cat-item {
    display: block !important;
    padding: 10px 15px !important
}

.category-list.nav li .category-menu {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    border: 0
}

.category-list.nav li .category-menu>li:first {
    background-color: #fff;
    box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, .5);
    border-radius: 3px;
    border: 1px solid #acacac
}

.category-list.nav li .category-menu div.popover {
    top: 38px !important;
    left: 0 !important;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%
}

.category-list.nav li .category-menu div.popover.bottom {
    margin-top: 0
}

.category-list.nav li .category-menu div.popover.bottom .arrow {
    display: none
}

.category-list.nav li .category-menu div.popover .popover>.arrow:after {
    border-style: none
}

.category-list.nav li .category-menu div.popover .popover-inner {
    width: 100%
}

.category-list.nav li .category-menu div.popover .popover-inner .popover-content {
    padding: 0;
    width: 100%
}

.category-list.nav li .category-menu div#subcategories {
    width: 100%;
    margin: 0 auto !important
}

.category-list.nav li .category-menu div#subcategories .row {
    margin-left: -1px;
    margin-right: -1px
}

@media (max-width:1349px) {
    .category-list.nav li .category-menu div#subcategories .row {
        margin-left: -12px;
        margin-right: -12px
    }
}

.category-list.nav li .category-menu div#subcategories div.popover-content {
    width: 100%;
    border-top: 3px solid #0093c6;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    padding: 0 !important;
    margin-top: -3px
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample {
    left: 120px;
    margin-left: 12px;
    height: 100%
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample span {
    margin-right: 10px;
    line-height: 18px
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample .row-eq-height {
    display: -ms-flexbox;
    display: flex
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample .collapse-expand {
    border-left: #eee solid 1px;
    padding-left: 20px
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample .collapse-expand .heading-child-item {
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 10px;
    display: inline-block
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl {
    line-height: .9em;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    vertical-align: top;
    font-weight: 700
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl hr {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
    color: #dbdbdb
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl hr.hrtag-rest {
    margin-top: 21px
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dd {
    font-size: 12px;
    display: inline-block;
    text-transform: capitalize;
    width: 100%;
    line-height: 1.6em;
    font-weight: 600;
    margin-top: 15px;
    margin-left: 15px
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dd.first-row {
    margin-top: 0
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dd a,
.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dd a:focus,
.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dd a:hover {
    text-decoration: none
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dt {
    display: inline-block;
    width: 300px;
    line-height: 1
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dt a {
    color: #323232;
    text-decoration: none
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dt .hrtag-first {
    margin-top: 23px
}

.category-list.nav li .category-menu div#subcategories div.popover-content div.sample dl dt .hrtag-rest {
    margin-top: 22px
}

.category-list li a {
    color: #dbdbdb;
    position: relative
}

.category-list li a.last-item:after {
    content: '';
    height: 15px;
    width: 0;
    top: 3px;
    position: absolute;
    right: 0
}

#nav-header .category-list .popover-content,
.pzv-cust-care a {
    position: relative
}

.category-list li .dropdown-menu {
    padding: 0;
    width: 100%;
    margin: 0
}

#nav-header .category-list .popover-content .sample .view-all {
    padding: 10px 15px;
    display: inline-block;
    color: #09C;
    cursor: pointer;
    font-size: 12px
}

.mega-menu-vertical-tab {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    height: 100%
}

.coOP-form,
.mega-menu-vertical-tab ul.nav>li>a[uib-tab-heading-transclude] .fa,
.orderLiterature-form {
    display: none
}

.mega-menu-vertical-tab ul.nav {
    width: 23%;
    float: left;
    min-height: 200px;
    padding-top: 30px;
    margin-top: 0
}

.mega-menu-vertical-tab ul.nav>li {
    line-height: 1;
    padding: 7px 0 10px
}

.mega-menu-vertical-tab ul.nav>li.active {
    border-right: 3px solid #09C
}

.mega-menu-vertical-tab ul.nav>li.active>a,
.mega-menu-vertical-tab ul.nav>li.active>a:focus {
    background-color: #fff !important;
    color: #09C !important;
    width: 99%
}

.mega-menu-vertical-tab ul.nav>li.active>a .fa,
.mega-menu-vertical-tab ul.nav>li.active>a:focus .fa {
    color: #323232;
    font-size: 12px;
    top: 5px;
    position: relative;
    display: none
}

.mega-menu-vertical-tab ul.nav>li>a[uib-tab-heading-transclude] {
    border-radius: 0;
    color: #323232;
    font-size: 14px;
    font-weight: 700
}

.mega-menu-vertical-tab ul.nav>li>a[uib-tab-heading-transclude]:focus {
    color: #323232
}

.mega-menu-vertical-tab .tab-content {
    width: 77%;
    float: left;
    background: #FFF;
    padding: 28px 10px 10px 25px;
    border-radius: 3px;
    border-left: 1px solid #09C;
    min-height: 200px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 200px)
}

.mega-menu-vertical-tab .tab-content .tab-pane {
    min-height: 100px;
    overflow-y: auto;
    overflow-x: hidden
}

.pzv-cust-care a {
    cursor: default
}

.pzv-cust-care a.last-item:after {
    content: '';
    height: 14px;
    width: 0;
    top: 3px;
    position: absolute;
    right: 0
}

header .nav-section.top .profile-menu h4.panel-title {
    padding-left: 0 !important
}

header .nav-section.top .profile-menu li#customerList ul.dropdown-menu,
header .nav-section.top .profile-menu li.order-list ul.dropdown-menu {
    border: 0
}

.coming-soon-txt {
    color: green
}

.backToClassic {
    float: right;
    color: #fff;
    padding: 2px 5px;
    cursor: pointer;
    margin-right: 10px;
    font-size: 12px
}

.backToClassic i {
    color: #fff
}

.backToClassic.new-ui {
    margin-top: -3px;
    padding-top: 4px
}

.backToClassic.new-ui i {
    color: #fff;
    padding: 0 5px
}

.backToClassic.new-ui-un-auth {
    margin-top: 13px;
    margin-right: 0
}

.error-msg {
    color: red;
    font-size: 12px;
    margin: 0;
    height: 12px
}

.carttxt {
    color: #fff;
    float: left;
    margin-top: 5px
}

li.more-menu-selection-wrapper a {
    background: 0 0 !important;
    color: #fff
}

li.more-menu-selection-wrapper a>label {
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer
}

li.more-menu-selection-wrapper a i {
    font-size: 16px;
    margin-left: 5px;
    margin-top: 3px
}

li.more-menu-selection-wrapper ul.dropdown-menu {
    margin-top: -8px;
    right: 0;
    left: inherit;
    padding: 0 10px;
    border: 0
}

li.more-menu-selection-wrapper ul.dropdown-menu li {
    height: auto;
    padding: 0
}

li.more-menu-selection-wrapper ul.dropdown-menu li a {
    line-height: 1.9em;
    color: #09c !important;
    font-weight: 600
}

li.more-menu-selection-wrapper ul.dropdown-menu li a img {
    padding-right: 5px
}

li.more-menu-selection-wrapper ul.dropdown-menu li:last-child {
    margin-bottom: 5px
}

li.more-menu-selection-wrapper ul.dropdown-menu hr {
    margin: 10px -10px 0
}

.notification-list .notification-details h4,
.notification-list .notification-details hr,
li.more-menu-selection-wrapper #listpopver div.dropdownpopover {
    margin: 0
}

li.more-menu-selection-wrapper ul.dropdown-menu::after {
    width: 0;
    height: 0;
    content: "";
    top: -9px;
    right: 9px;
    position: absolute
}

.notification-list .notification-icon {
    position: relative;
    float: right
}

.notification-list .fa-bell {
    color: #fff
}

.notification-list .badge {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: #09c;
    border-radius: 10px;
    padding: 5px
}

.profile-menu .my-list-hover-content,
.profile-menu .my-rfq-hover-content1 {
    right: 0;
    top: 20px;
    z-index: 1001;
    position: absolute
}

.notification-list .notification-details {
    padding: 10px
}

.notification-list .notification-details h4 {
    font-weight: 600;
    margin-bottom: 10px
}

.notification-list .notification-details .notification-content {
    margin-top: 10px
}

.notification-list .notification-details .notification-content .title {
    font-weight: 600
}

.notification-list .notification-details .no-notifications {
    text-align: center;
    padding: 15px 0
}

.notification-list .notification-details .no-notifications .title {
    font-weight: 600
}

.price-list-download-icon {
    margin-top: 2px;
    margin-right: 8px;
    float: right
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

.profile-menu {
    margin-right: 6px
}

@media (min-width:1023px) and (max-width:1188px) {
    .profile-menu #customerList>a .cust-number {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        text-align: right
    }
}

@media (min-width:1023px) and (max-width:1188px) and (max-width:1299px) {
    .profile-menu #customerList>a .cust-number {
        max-width: 101.9px
    }
}

.profile-menu>li {
    float: right
}

.profile-menu .rfq-status-btn {
    padding-top: 15px
}

.profile-menu .my-list-hover-content {
    display: none
}

.profile-menu #manageRFQMenu:hover .manage-rfq-hover-content,
.profile-menu #myListMenu:hover .my-list-hover-content,
.profile-menu #myRFQMenu:hover .my-rfq-hover-content {
    display: block
}

.profile-menu li.my-rfq-dropdown .goto-detail,
.profile-menu li.order-list .goto-detail {
    margin: 0 8px
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table,
.profile-menu .my-rfq-hover-content1 div.dropdownpopover .table {
    margin-bottom: 0
}

.profile-menu li.my-rfq-dropdown .goto-detail a i,
.profile-menu li.order-list .goto-detail a i {
    font-size: 12px;
    margin-top: 5px
}

.profile-menu .my-rfq-hover-content1 .empty-rfq-notf p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px
}

.profile-menu .my-rfq-hover-content1 .empty-rfq-notf p i {
    float: left
}

.profile-menu .my-rfq-hover-content1 .ddlarrow {
    position: absolute;
    top: -22px;
    right: 10px
}

.profile-menu .my-rfq-hover-content1 .ddlarrow:before {
    content: " ";
    left: 60px;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 9px;
    margin-left: -10px
}

.profile-menu .my-rfq-hover-content1 .ddlarrow:after {
    bottom: 102%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.profile-menu .my-rfq-hover-content1 div.dropdownpopover {
    margin-top: 4px;
    width: 300px;
    padding: 15px 10px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: #fff;
    border: 1px solid #ddd;
    float: right;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.profile-menu .my-rfq-hover-content1 div.dropdownpopover .table tbody tr {
    border: none;
    border-bottom: #ccc solid 1px
}

.profile-menu .my-rfq-hover-content1 div.dropdownpopover .table tbody tr td {
    border: none
}

.profile-menu .my-rfq-hover-content1 div.dropdownpopover .table tbody tr td>* {
    margin: 0
}

.profile-menu .my-rfq-hover-content1 div.dropdownpopover .table tbody tr td h5 {
    font-weight: 700;
    color: #0093c6
}

.profile-menu .my-rfq-hover-content1 div.dropdownpopover .table tbody tr td p {
    color: #000
}

.profile-menu .my-rfq-hover-content1 div.dropdownpopover .table tbody tr td label {
    float: right
}

.profile-menu .my-rfq-hover-content1 div.dropdownpopover .table tbody tr:last-child {
    border-bottom: none
}

.profile-menu .manage-rfq-hover-content1 {
    width: 160px;
    right: 0;
    z-index: 1001;
    top: 20px
}

.profile-menu .manage-rfq-hover-content1 .empty-rfq-notf p {
    width: 100%;
    float: left;
    text-align: center
}

.profile-menu .manage-rfq-hover-content1 .empty-rfq-notf p i {
    float: left
}

.profile-menu .manage-rfq-hover-content1 .ddlarrow {
    position: absolute;
    top: -22px;
    right: 10px
}

.profile-menu .manage-rfq-hover-content1 .ddlarrow:before {
    content: " ";
    left: 60px;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 9px;
    margin-left: -10px
}

.profile-menu .manage-rfq-hover-content1 .ddlarrow:after {
    bottom: 102%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.profile-menu #manageRFQMenu,
.profile-menu #myListMenu,
.profile-menu #myRFQMenu {
    position: relative
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover {
    border-radius: 3px;
    width: 350px;
    padding: 15px 10px;
    float: right;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table tbody tr {
    border: none;
    border-bottom: #ccc solid 1px
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table tbody tr td {
    border: none
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table tbody tr td>* {
    margin: 0
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table tbody tr td h5 {
    font-weight: 700;
    color: #0093c6
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table tbody tr td p {
    color: #000
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table tbody tr td p span {
    font-size: 12px
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table tbody tr td label {
    float: right
}

.profile-menu .manage-rfq-hover-content1 div.dropdownpopover .table tbody tr:last-child {
    border-bottom: none
}

.profile-menu li.order-list a>label {
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.profile-menu li.order-list a i {
    font-size: 16px;
    margin-left: 5px;
    margin-top: 3px
}

.profile-menu li.order-list ul.dropdown-menu {
    margin-top: -8px;
    right: 0;
    left: inherit;
    padding: 0;
    border: 0
}

.profile-menu li.order-list ul.dropdown-menu li {
    height: auto;
    padding: 0
}

.profile-menu li.order-list ul.dropdown-menu::after {
    width: 0;
    height: 0;
    content: "";
    top: -9px;
    right: 9px;
    position: absolute
}

.profile-menu li.order-list #listpopver div.dropdownpopover {
    margin: 0
}

.profile-menu li.my-rfq-dropdown a>label {
    float: left;
    margin: 0;
    padding: 0;
    font-weight: 400;
    cursor: pointer
}

.profile-menu li.my-rfq-dropdown a i {
    font-size: 16px;
    margin-left: 5px;
    margin-top: 3px;
    float: right
}

.profile-menu li.rfq-list a .badge {
    background: #ff0600;
    font-size: 10px;
    position: relative;
    top: -5px;
    left: -1px;
    border: 2px solid #464646;
    color: #fff;
    padding: 3px 5px
}

.profile-menu li.tempListMenu .list-label {
    color: #fff
}

.profile-menu li.tempListMenu ul.dropdown-menu::after {
    width: 0;
    height: 0;
    content: "";
    top: -9px;
    right: 9px;
    position: absolute
}

.profile-menu li.tempListMenu a .badge {
    background: #0093C6;
    margin-left: 3px;
    position: relative;
    font-size: 10px;
    color: #fff
}

.profile-menu li.tempListMenu ul {
    margin-top: -5px;
    width: 288px;
    padding: 10px 0;
    border: 1px solid #707070;
    border-radius: 4px
}

.profile-menu li.tempListMenu ul i {
    color: #fff;
    font-size: 25px;
    float: right;
    margin-top: -26px;
    margin-right: 20px
}

.profile-menu li.tempListMenu ul li {
    margin: 0 !important;
    height: auto !important;
    width: 100%;
    padding: 10px 24px !important
}

.profile-menu li.tempListMenu ul li p {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #363636;
    margin: 0;
    line-height: 13px
}

.profile-menu li.tempListMenu ul li a {
    margin: 0;
    line-height: 11px;
    padding: 0;
    width: 100%;
    float: left
}

.profile-menu li.tempListMenu ul li a i {
    margin: 0 !important;
    padding: 0 !important;
    color: #bebebe;
    font-size: 13px
}

.profile-menu li.tempListMenu ul li.tempListItem {
    float: left;
    padding: 6px 24px !important
}

.profile-menu li.tempListMenu ul li.tempListItem p {
    margin-left: 0
}

.profile-menu li.tempListMenu ul li.tempListItem a {
    float: right
}

.profile-menu li.tempListMenu ul li.tempListItem a i {
    font-size: 13px
}

.profile-menu li.tempListMenu ul .list_wrapper.scr-added {
    max-height: 254px;
    overflow-y: auto;
    overflow-x: hidden
}

.profile-menu li.tempListMenu ul .list_wrapper.scr-added li.tempListItem {
    padding: 6px 5px 6px 24px !important
}

.profile-menu li.tempListMenu ul .divider {
    width: 84%;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    border-color: #bebebe
}

.profile-menu li.logged-in.signin>a {
    text-transform: capitalize
}

.profile-menu li.logged-in.signin>a .fa-caret-right {
    right: 5px
}

.profile-menu li.logged-in.signin>a .fa-caret-down {
    font-size: 16px;
    margin-left: 3px;
    position: relative;
    top: 2px
}

.profile-menu li.logged-in.signin ul.dropdown-menu {
    margin-top: -8px;
    right: 0;
    left: inherit;
    border: 0;
    width: auto
}

.profile-menu li.logged-in.signin ul.dropdown-menu::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    top: -9px;
    right: 9px;
    position: absolute
}

.profile-menu li.signin i {
    color: #fff;
    font-size: 12px
}

.profile-menu li.signin.new-arrival-show {
    position: relative
}

.profile-menu li.signin.new-arrival-show .badge-arrival-show {
    position: absolute;
    left: 50%;
    min-width: 30px;
    margin-top: -9px;
    font-size: 10px;
    margin-left: -15px;
    background-color: #45c500;
    text-transform: uppercase
}

.profile-menu li.signin ul.dropdown-menu {
    margin-top: 0;
    left: 0;
    width: 172px;
    padding: 8px 0 15px;
    border-radius: 4px
}

.profile-menu li.signin ul.dropdown-menu li.h-rule {
    height: 2px;
    margin: 0
}

.profile-menu li.signin ul.dropdown-menu li.h-rule hr {
    margin: 0
}

.profile-menu li.signin ul.dropdown-menu li {
    height: auto;
    padding: 0;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.profile-menu li.signin ul.dropdown-menu li a {
    line-height: 1.9em
}

.profile-menu li.signin ul.dropdown-menu li a:hover {
    background: red
}

.profile-menu li.signin ul.dropdown-menu li hr {
    margin: 0;
    color: #ebebeb
}

.profile-menu li.signin ul.dropdown-menu li.price-settings {
    margin-top: 0;
    padding-bottom: 5px
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .pzv-lnk-uib-accordion .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    padding-top: 7px;
    border-top: 1px solid #ebebeb;
    margin-top: 5px
}

.profile-menu li.signin ul.dropdown-menu li.price-settings.price-list-download .panel-body {
    padding-top: 0 !important;
    border-top: 0 !important
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .panel-default,
.profile-menu li.signin ul.dropdown-menu li.price-settings .panel-heading,
.profile-menu li.signin ul.dropdown-menu li.price-settings .panel-title {
    background: 0 0
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body>span {
    font-size: 13px;
    color: #acacac;
    padding-left: 20px
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body .price-download {
    padding-left: 30px
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body .price-download .download-new {
    position: absolute;
    border: 4px solid #0CEB0C;
    top: 60px;
    left: -10px;
    border-bottom: 18px solid #0CEB0C
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body .switch {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 14px;
    margin-bottom: 0;
    top: 3px
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body .switch input {
    display: none
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body input:checked+.slider {
    background-color: #39A200
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body input:focus+.slider {
    box-shadow: 0 0 1px #39A200
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body input:checked+.slider:before {
    transform: translateX(6px)
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body .slider.round {
    border-radius: 12px
}

.profile-menu li.signin ul.dropdown-menu li.price-settings .accordion-body .slider.round:before {
    border-radius: 50%
}

.profile-menu li.signin ul.dropdown-menu li.empty-li {
    height: 0
}

.profile-menu li.signin ul.dropdown-menu .ddlarrow {
    position: absolute;
    top: -22px;
    left: 55px
}

.profile-menu li.signin ul.dropdown-menu .ddlarrow:before {
    content: " ";
    left: 60px;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #0093c6;
    border-width: 9px;
    margin-left: -10px
}

.profile-menu li.signin ul.dropdown-menu .ddlarrow:after {
    bottom: 102%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.profile-menu li.signin .badge {
    padding: 2px 6px 2px 5px;
    font-size: 9px;
    margin-top: -5px;
    margin-left: 2px
}

.profile-menu li.signin .fa-shopping-cart {
    margin-left: 6px
}

.profile-menu li#notificationDropdown {
    height: 38px
}

.profile-menu li#notificationDropdown a {
    position: relative
}

.profile-menu li#notificationDropdown a .fa-bell {
    font-size: 16px;
    color: #fff;
    margin-top: 3px
}

.profile-menu li#notificationDropdown a .badge {
    position: absolute;
    top: -5px;
    left: 18px;
    background: red;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid #323232
}

.profile-menu li#notificationDropdown ul {
    padding: 10px 20px;
    right: 2px
}

.profile-menu li#notificationDropdown ul .fa-caret-up {
    font-size: 26px;
    color: #fff;
    position: absolute;
    right: 12px;
    top: -18px
}

.profile-menu li#notificationDropdown ul li {
    width: 265px;
    cursor: pointer;
    margin: 10px 0;
    padding: 0;
    height: auto;
    overflow: hidden
}

.profile-menu li#notificationDropdown ul li .download-txt {
    font-weight: 700;
    font-size: 13px
}

.profile-menu li#notificationDropdown ul li .download-time {
    font-size: 11px;
    font-weight: 600;
    color: #acacac
}

.profile-menu li#notificationDropdown ul li img:hover {
    cursor: pointer
}

.profile-menu li#notificationDropdown ul li+li {
    border-top: 1px solid #f5f5f5
}

.profile-menu li#customerList>a .fa-caret-down {
    font-size: 16px;
    margin-left: 3px;
    position: relative;
    top: 2px
}

.profile-menu li#customerList>a[disabled] {
    pointer-events: none
}

.profile-menu li#customerList .customer-backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .6;
    z-index: 20
}

.profile-menu li#customerList .extra-z-index {
    z-index: 30
}

.profile-menu li#customerList .customer-blocker {
    padding-top: 45px !important
}

.profile-menu li#customerList .switch-cst-sign-out-link {
    z-index: 1032;
    position: absolute;
    top: 48px;
    right: 5px;
    color: #09c;
    width: 150px;
    text-align: right
}

.profile-menu li#customerList ul.dropdown-menu {
    right: 0;
    left: inherit;
    margin-top: -8px;
    min-width: 580px;
    padding: 20px
}

.profile-menu li#customerList ul.dropdown-menu.dup-cust .tbl-cust-lst-wrapper>thead>tr>th:first-child {
    padding-left: 90px
}

.profile-menu li#customerList ul.dropdown-menu.dup-cust .tbl-cust-lst-wrapper>tbody>tr>td:first-child {
    padding-left: 70px
}

.profile-menu li#customerList ul.dropdown-menu .search-container {
    width: 100%;
    min-width: 150px;
    position: relative
}

.profile-menu li#customerList ul.dropdown-menu .search-container input {
    width: 100%;
    padding-right: 30px;
    padding-left: 10px
}

.profile-menu li#customerList ul.dropdown-menu .search-container input::-webkit-input-placeholder {
    font-size: 12px;
    color: #9e9e9e
}

.profile-menu li#customerList ul.dropdown-menu .search-container input:-moz-placeholder {
    font-size: 12px;
    color: #9e9e9e
}

.profile-menu li#customerList ul.dropdown-menu .search-container input::-moz-placeholder {
    font-size: 12px;
    color: #9e9e9e
}

.profile-menu li#customerList ul.dropdown-menu .search-container input:-ms-input-placeholder {
    font-size: 12px;
    color: #9e9e9e
}

.profile-menu li#customerList ul.dropdown-menu .search-container .fa-search {
    position: absolute;
    right: 9px;
    top: 7px;
    font-size: 16px;
    z-index: 4
}

.profile-menu li#customerList ul.dropdown-menu .selected-cust-dtls {
    padding: 10px 20px 10px 10px;
    background: #575757;
    position: relative;
    margin-bottom: 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr>td:first-child,
.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>thead>tr>th:first-child {
    width: 167.2px;
    padding-left: 10px
}

.profile-menu li#customerList ul.dropdown-menu .selected-cust-dtls .selected-cust-id,
.profile-menu li#customerList ul.dropdown-menu .selected-cust-dtls .selected-cust-name {
    display: inline-block
}

.profile-menu li#customerList ul.dropdown-menu .selected-cust-dtls .fa-check {
    color: #1ed500;
    font-size: 11px;
    float: none !important;
    text-align: right;
    position: absolute;
    z-index: 5000;
    right: 14px;
    top: 14px
}

.profile-menu li#customerList ul.dropdown-menu hr {
    margin: 15px -20px
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper {
    margin-bottom: 0
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>thead>tr>th {
    border: 0
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>thead>tr>th:last-child {
    padding-right: 10px
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr>td {
    border-top: 0;
    line-height: 15px
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr>td i {
    color: #cacaca;
    font-size: 14px
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr>td i.fa-dot-circle-o {
    color: #1ed500
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr>td:first-child .brand-name {
    position: absolute;
    width: 70px;
    text-align: right;
    color: #acacac;
    left: 0;
    padding-right: 2px
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr>td:last-child {
    padding-right: 10px
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr:hover {
    cursor: pointer
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody>tr.selected {
    background-color: #f9f9f9 !important;
    border: 1px solid #eee;
    pointer-events: none
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody tr.no-data {
    cursor: default;
    text-align: center
}

.profile-menu li#customerList ul.dropdown-menu .tbl-cust-lst-wrapper>tbody tr.no-data td {
    padding-top: 30px;
    padding-bottom: 30px
}

.profile-menu li#customerList ul.dropdown-menu table.selected-cust-tbl {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: -10px
}

#invoicePopUp table,
.order-detail-container table,
.orderStatus table {
    border-collapse: collapse
}

.profile-menu li#customerList ul.dropdown-menu table.selected-cust-tbl td {
    padding: 10px
}

.profile-menu li#customerList ul.dropdown-menu table.selected-cust-tbl td:first-child {
    border-left-style: solid;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.profile-menu li#customerList ul.dropdown-menu table.selected-cust-tbl td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.profile-menu li#customerList ul.dropdown-menu .customer-list-wrapper {
    right: 0;
    left: inherit;
    width: 400px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 0;
    max-height: 443px;
    overflow-y: auto;
    margin-top: 20px
}

.profile-menu li#customerList ul.dropdown-menu .customer-list-wrapper li {
    padding: 0;
    height: auto;
    position: relative;
    text-transform: uppercase
}

.profile-menu li#customerList ul.dropdown-menu .customer-list-wrapper li a {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 20px;
    display: block
}

.profile-menu li#customerList ul.dropdown-menu .customer-list-wrapper li a span.cust-id {
    color: #6e6e6e;
    display: inline-block;
    margin-right: 5px
}

.profile-menu li#customerList ul.dropdown-menu .customer-list-wrapper li a span.cust-name {
    color: #0093c6;
    display: inline-block;
    margin-right: 20px
}

.profile-menu li#customerList ul.dropdown-menu .customer-list-wrapper li a .fa-check {
    color: #39A200;
    font-size: 16px;
    margin-left: 10px;
    float: none !important;
    text-align: right;
    position: absolute;
    z-index: 5000;
    right: 8px
}

.profile-menu li#customerList ul.dropdown-menu .customer-list-wrapper li a.selected {
    background-color: #cdcdcd !important;
    pointer-events: none
}

.profile-menu li#customerList ul.dropdown-menu .customer-list-wrapper li a:hover {
    background: #e5e5e5 !important
}

.profile-menu li#customerList ul.dropdown-menu::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    top: -9px;
    right: 9px;
    position: absolute
}

.profile-menu .open a {
    background-color: transparent !important
}

.badgeClr {
    background-color: red !important
}

.part-no {
    padding: 10px !important
}

.loading-avl-data {
    text-align: center !important
}

#nav-header .menu-container .prime_container.mobile_prime_wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

#nav-header .menu-container .prime_container.mobile_prime_wrapper .prime_wrapper {
    padding-top: 10px
}

#nav-header .menu-container .prime_container.mobile_prime_wrapper .prime_wrapper .act {
    margin-left: 0
}

#nav-header .menu-container .prime_container.mobile_prime_wrapper .prime_wrapper #prime_body.benifits,
#nav-header .menu-container .prime_container.mobile_prime_wrapper .prime_wrapper #prime_head.des-user {
    color: #575757 !important
}

.account-overview-item a {
    padding: 0 10px !important;
    font-weight: 400 !important;
    font-size: 16px;
    margin-bottom: 10px
}

.notification-pastDue {
    padding-top: 5px
}

.notification-pastDue-link {
    float: right
}

.disabledLink {
    pointer-events: none;
    color: #ddd !important;
    cursor: not-allowed
}

.empty-li-container hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.icon-disable {
    opacity: .5;
    cursor: not-allowed
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-loactor-item-selected,
.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .dealer-checkbox.item-selected {
    opacity: .4
}

.lang-cur-selector .dropdown.open .dropdown-toggle .fa-caret-down:after {
    content: " ";
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: 10px;
    top: 11px;
    position: absolute;
    left: -14px;
    z-index: 1001
}

.lang-cur-selector .dropdown .dropdown-toggle {
    background-color: transparent !important;
    color: #fff !important
}

.lang-cur-selector .dropdown .dropdown-toggle .display-name {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

@media (max-width:1299px) {
    .lang-cur-selector .dropdown .dropdown-toggle .display-name {
        max-width: 101.9px
    }
}

.lang-cur-selector .dropdown .dropdown-toggle .currency {
    color: #acacac;
    margin-left: 5px
}

.lang-cur-selector .dropdown .dropdown-toggle .fa-caret-down {
    margin-left: 5px;
    color: #fff !important;
    outline: 0;
    position: relative;
    font-size: 16px;
    top: 2px
}

.lang-cur-selector .dropdown .dropdown-menu {
    position: absolute !important;
    border-radius: 3px;
    padding: 20px 35px;
    min-width: 345px
}

.lang-cur-selector .dropdown .dropdown-menu .title {
    padding-top: 0
}

.lang-cur-selector .dropdown .dropdown-menu .title h2 {
    margin: 0
}

.lang-cur-selector .markets {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    display: block
}

.lang-cur-selector .markets .row .market:last-child {
    padding-right: 0 !important
}

.lang-cur-selector .markets .market {
    float: left
}

.lang-cur-selector .markets .market h5 {
    font-weight: 700
}

.lang-cur-selector .markets .market .countries {
    margin-bottom: 0
}

.lang-cur-selector .markets .market .countries .list-group-item {
    text-transform: capitalize;
    color: #09c;
    border: none;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    font-weight: 400;
    position: relative
}

.lang-cur-selector .markets .market .countries .list-group-item:focus,
.lang-cur-selector .markets .market .countries .list-group-item:hover {
    color: #323232
}

.lang-cur-selector .markets .market .countries .list-group-item .fa-check-circle {
    position: absolute;
    left: -20px;
    font-size: 14px;
    top: 15px
}

.mm-dim-overlay {
    z-index: 1149 !important
}

.cnfm-mrkt-sel,
.mobile-mrkt-switcher {
    z-index: 1150 !important
}

.cnfm-mrkt-sel .modal-sm {
    width: 420px;
    max-width: 100%;
    margin-top: 150px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:420px) {
    .cnfm-mrkt-sel .modal-sm {
        margin-left: 0;
        margin-right: 0
    }
}

.cnfm-mrkt-sel .modal-sm .modal-content {
    background-color: #000
}

.cnfm-mrkt-sel .modal-sm .modal-content .modal-body {
    padding: 20px
}

.cnfm-mrkt-sel .modal-sm .modal-content .modal-body .info-container {
    display: table;
    margin-bottom: 20px
}

.cnfm-mrkt-sel .modal-sm .modal-content .modal-body .info-container .info {
    display: table-cell;
    font-size: 14px;
    color: #fff;
    font-weight: 600
}

.cnfm-mrkt-sel .modal-sm .modal-content .modal-body .info-container .warn-sign {
    display: table-cell;
    width: 30px;
    vertical-align: middle
}

.cnfm-mrkt-sel .modal-sm .modal-content .modal-body .info-container .warn-sign .fa-exclamation-triangle {
    position: relative;
    left: 5px;
    font-size: 14px
}

.cnfm-mrkt-sel .modal-sm .modal-content .modal-body .actions {
    text-align: right
}

.cnfm-mrkt-sel .modal-sm .modal-content .modal-body .actions .btn {
    width: auto;
    margin-left: 10px;
    border: 1px solid #fff;
    background-color: #000;
    color: #fff
}

.mobile-mrkt-switcher .modal-lg {
    margin: 0;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%
}

.mobile-mrkt-switcher .modal-lg .modal-content {
    width: 100%;
    height: 100%;
    background-color: #FFF
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-header {
    padding: 20px;
    display: table;
    width: 100%;
    background-color: #6e6e6e;
    border-bottom: 1px solid #6e6e6e
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .back-btn,
.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .done-btn,
.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .title {
    display: table-cell;
    vertical-align: middle
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .title h3 {
    text-align: center;
    margin: 0;
    color: #fff
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .back-btn {
    width: 30px
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .back-btn .glyphicon-chevron-left {
    font-size: 16px;
    color: #fff
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .done-btn {
    width: 90px;
    text-align: right
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .done-btn a {
    background: 0 0;
    border: none;
    font-size: 16px;
    padding: 0;
    color: #fff;
    cursor: pointer
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .done-btn a:focus,
.mobile-mrkt-switcher .modal-lg .modal-content .modal-header .done-btn a:hover {
    background: 0 0;
    color: #fff
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body {
    padding: 20px;
    overflow: hidden
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .search-mrkt-wrapper .input-group .clear-search-img {
    position: absolute;
    z-index: 10;
    right: 50px;
    top: 10px
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .search-mrkt-wrapper .input-group .form-control {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding-right: 34px
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .search-mrkt-wrapper .input-group .form-control:focus,
.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .search-mrkt-wrapper .input-group .form-control:hover {
    outline: 0;
    box-shadow: none
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .search-mrkt-wrapper .input-group .input-group-btn .btn {
    border-color: #dbdbdb
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector {
    overflow-y: scroll;
    overflow-x: hidden
}

@media (min-width:380px) {
    .mobile-mrkt-switcher .modal-lg .modal-content .modal-body {
        height: calc(100% - 73px)
    }

    .mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector {
        max-height: calc(100% - 34px)
    }
}

@media (max-width:379px) {
    .mobile-mrkt-switcher .modal-lg .modal-content .modal-body {
        height: calc(100% - 94px)
    }

    .mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector {
        max-height: calc(100% - 55px)
    }
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .markets .market .countries {
    border-top: 1px solid #dbdbdb
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .markets .market .countries .list-group-item {
    padding-left: 15px
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .markets .market .countries .list-group-item:focus,
.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .markets .market .countries .list-group-item:hover {
    color: #09c
}

.mobile-mrkt-switcher .modal-lg .modal-content .modal-body .lang-cur-selector .markets .market .countries .list-group-item .fa-check-circle {
    left: 0
}

.my-modal-popup.bulk-part-modal {
    top: 0 !important
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg {
    margin-top: 10px;
    width: 85%
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg .ready-pack-container .ready-pack-header {
    margin-top: 1rem;
    padding: 1rem;
    font-size: 20px
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg .ready-pack-container .ready-pack-header .popup-close {
    padding-right: 2rem
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg .ready-pack-container .ready-pack-header .popup-close img {
    width: 1.6rem
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg .ready-pack-container .ready-pack-header .ready-pack-title {
    margin: 0;
    font-size: 25px;
    padding-left: 1rem
}

.my-modal-popup.bulk-part-modal .modal-dialog.modal-lg .ready-pack-container .ready-pack-wrapper .frame-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.home-style .multi-item-carousel {
    background: #fff;
    border-radius: 3px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    -o-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05)
}

.home-style .multi-item-carousel .no-carousel {
    width: 100% !important;
    display: none
}

.home-style .multi-item-carousel .slick-slider .slick-item:focus {
    outline: 0
}

.home-style .multi-item-carousel .slick-slider .slick-item .embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 375px;
    width: 100%
}

.home-style .multi-item-carousel .slick-slider .slick-item .embed-responsive-item-mobile {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 320px;
    width: 100%
}

.home-style .multi-item-carousel .slick-slider .slick-item .item-container {
    height: 272px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.home-style .multi-item-carousel .slick-slider .slick-item .item-container:hover {
    cursor: pointer;
    box-shadow: 0 7px 17px 5px #e5e6e7;
    -webkit-transition: all .1s ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all .1s ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all .1s ease-in;
    -moz-transform: scale(1.05);
    transition: all .1s ease-in;
    transform: scale(1.05);
    z-index: 9999
}

.home-style .multi-item-carousel .slick-slider .slick-item .item-container .img-container {
    height: 158px;
    padding: 9px
}

.home-style .multi-item-carousel .slick-slider .slick-item .item-container .img-container img {
    width: auto;
    max-width: 100%;
    height: 100%
}

.home-style .multi-item-carousel .slick-slider .slick-item .item-container p.title {
    text-align: center;
    font-size: 14px;
    margin: 5px 0 0
}

.home-style .multi-item-carousel .slick-slider .slick-item .item-container p.title .id {
    font-weight: 600
}

.home-style .multi-item-carousel .slick-slider .slick-item .item-container p.desc {
    text-align: left
}

.home-style .multi-item-carousel .slick-slider .multi-carousel-arrow {
    position: relative
}

.home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.left {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    height: 100%;
    width: 15%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.left i {
    color: #fff;
    border: 1px solid transparent;
    padding: 7px 16px 7px 13px;
    background: 0 0;
    font-size: 60px;
    cursor: pointer
}

.home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.left:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    transition: background-color .4s ease-out
}

.home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.right {
    float: right;
    position: absolute;
    right: 0;
    z-index: 999;
    top: 0;
    background-image: linear-gradient(to left, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    height: 100%;
    width: 15%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 25px;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.right i {
    color: #fff;
    border: 1px solid transparent;
    padding: 7px 13px 7px 16px;
    cursor: pointer;
    background: 0 0;
    font-size: 60px
}

.home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.right:hover {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    transition: background-color .4s ease-out
}

.home-style .multi-item-carousel .slick-slider .multi-carousel-arrow.slick-disabled i {
    background: 0 0;
    cursor: default;
    color: rgba(234, 234, 234, .31)
}

.home-style .multi-item-carousel .multi-carousel-dot {
    list-style: none;
    position: absolute;
    left: 45%;
    margin-top: -30px
}

.home-style .multi-item-carousel .multi-carousel-dot li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent
}

.home-style .multi-item-carousel .multi-carousel-dot li :focus {
    outline: 0
}

.home-style .multi-item-carousel .multi-carousel-dot li.slick-active {
    background-color: #fff
}

.home-style .multi-item-carousel .multi-carousel-dot li button {
    font-size: 0;
    height: 12px;
    width: 12px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #bbb
}

.home-style .multi-item-carousel .multi-carousel-dot li.slick-active button {
    background: #acacac;
    border: 1px solid #bbb;
    transition-delay: .1s
}

.dealer-locator {
    width: 100%;
    height: 712px;
    float: left
}

.dealer-locator .toggle-control {
    position: absolute;
    right: -19px;
    width: 20px;
    height: 52px;
    z-index: 999;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    color: #0093c6;
    font-size: 14px;
    cursor: pointer
}

.dealer-locator .toggle-control i {
    margin-top: 19px
}

.dealer-locator .dealer-panel {
    width: 383px;
    height: 100%;
    float: left;
    position: relative;
    transition: all .5s ease
}

.dealer-locator .dealer-panel .panel {
    height: 100%;
    width: 100%;
    border-radius: 0
}

.dealer-locator .dealer-panel .panel .panel-heading {
    background: #fff;
    width: 100%;
    height: 52px
}

.dealer-locator .dealer-panel .panel .panel-heading .dealer-title h1 {
    float: left;
    font-size: 18px;
    color: #7f7f7f;
    margin: 0;
    padding: 6px 0;
    font-weight: 200
}

.dealer-locator .dealer-panel .panel .panel-heading .dealer-title a {
    float: left;
    font-size: 14px
}

.dealer-locator .dealer-panel .panel .panel-heading .dealer-title a i {
    color: #0093c6;
    margin-top: 7px;
    padding: 0 10px 0 0
}

.dealer-locator .dealer-panel .panel .panel-body {
    width: 100%;
    background: #fafafa;
    overflow: hidden;
    padding: 0;
    transition: 350ms height ease-in-out
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter {
    margin: 15px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code {
    margin-bottom: 10px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code label {
    margin: 0;
    padding: 0;
    color: #bdbdbd;
    font-weight: lighter;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .use-my-location {
    color: #0093c6;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: right
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .use-my-location:focus,
.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .use-my-location:hover {
    color: #0093c6
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .dealer-input-zip {
    width: 100%;
    position: relative;
    height: 50px;
    margin-top: 10px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .dealer-input-zip input {
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: none;
    height: 50px;
    z-index: 3
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .dealer-input-zip input:focus {
    border-color: #0093c6
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .dealer-input-zip input.has-err {
    border-color: #ff8a00
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-distance-covered select:focus,
.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-product select:focus,
.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-type-sort select:focus,
.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .country select:focus {
    border-color: #0093c6
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .dealer-input-zip input::-ms-clear {
    display: none
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .dealer-input-zip span {
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    z-index: 4
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .dealer-input-zip span i {
    margin: 15px;
    font-size: 16px;
    color: #ccc
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code p {
    color: #ff8a00;
    margin: 5px 0 0;
    text-align: right;
    font-weight: 600
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .country {
    position: relative;
    margin-bottom: 10px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .country label {
    margin: 0;
    padding: 0;
    color: #bdbdbd;
    font-weight: lighter
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .country select {
    box-shadow: none;
    font-weight: 600;
    margin-top: 5px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-zip-code .country .fa-caret-down {
    position: absolute;
    top: 34px;
    right: 20px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-distance-covered {
    position: relative;
    margin-bottom: 10px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-distance-covered label {
    margin: 0;
    padding: 0;
    color: #bdbdbd;
    font-weight: lighter
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-distance-covered select {
    box-shadow: none;
    font-weight: 600;
    margin-top: 5px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-distance-covered .fa-caret-down {
    position: absolute;
    top: 34px;
    right: 20px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-product label,
.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-type-sort label {
    margin: 0;
    padding: 0;
    color: #bdbdbd;
    font-weight: lighter
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-product select,
.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-type-sort select {
    box-shadow: none;
    font-weight: 600;
    margin-top: 5px;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    padding-right: 18px
}

#invoicePopUp .header-table .first-table td.td-label,
.dealer-locator .dealer-map #dealer-map .map-info-window a.no-text-wrap,
.dealer-locator .dealer-map #dealer-map .map-info-window address.no-text-wrap,
.dealer-locator .dealer-map #dealer-map .map-info-window h5.no-text-wrap,
.dealer-locator .dealer-map #dealer-map .map-info-window h6.no-text-wrap,
.dealer-locator .dealer-map #dealer-map .map-info-window p.no-text-wrap {
    white-space: nowrap
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-product {
    position: relative
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-product .fa-caret-down {
    position: absolute;
    top: 34px;
    right: 20px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-type-sort {
    margin-bottom: 10px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-type-sort .dealer-type {
    position: relative
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-type-sort .dealer-type .fa-caret-down {
    position: absolute;
    top: 34px;
    right: 20px
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-type-sort .sort-by {
    position: relative
}

.dealer-locator .dealer-panel .panel .panel-body .dealer-filter .dealer-type-sort .sort-by .fa-caret-down {
    position: absolute;
    top: 34px;
    right: 20px
}

.dealer-locator .dealer-panel .panel .panel-footer {
    width: 100%;
    background: #fff
}

.dealer-locator .dealer-panel .panel .panel-footer .more-detail-link {
    display: block;
    color: #0093c6 !important
}

.dealer-locator .dealer-panel .panel .panel-footer .less-detail-link {
    display: none;
    color: #0093c6 !important
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details {
    background-color: #eee;
    padding: 20px;
    position: relative;
    float: left;
    margin-bottom: 10px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .title-store-desc,
.dealer-locator .dealer-panel .panel .panel-footer .more-details .title-store-hour,
.dealer-locator .dealer-panel .panel .panel-footer .more-details .title-store-photo {
    font-size: 16px;
    color: #b0b0b0;
    width: 70%;
    float: left;
    margin-bottom: 10px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .title-store-desc,
.dealer-locator .dealer-panel .panel .panel-footer .more-details .title-store-photo {
    margin-top: 10px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .close-overlay {
    width: 30%;
    float: right
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .close-overlay img {
    float: right;
    width: 20px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details h4 {
    color: #7f7f7f;
    margin: 10px 0 5px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-images {
    width: 100%;
    float: left
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-images>span {
    width: 50%;
    float: left;
    height: 95px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-images>span img {
    width: calc(100% - 10px);
    height: 80px;
    border: 2px solid #fff
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-images>span:nth-child(2n+1) img {
    float: left
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-images>span:nth-child(2n+2) img {
    float: right
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-text {
    color: #767676;
    font-size: 12px;
    padding-top: 2px;
    float: left;
    width: 100%
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-text .thumbnail {
    height: 100%;
    outline: 0;
    border: 0;
    margin-bottom: 0
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-text .col-odd {
    padding-right: 4px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details .more-details-text .col-even {
    padding-left: 4px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details hr {
    margin-left: 0 !important;
    width: 100% !important
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details::after,
.dealer-locator .dealer-panel .panel .panel-footer .more-details::before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 40px;
    position: absolute;
    content: ""
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details::after {
    border-bottom: 10px solid #eee;
    top: -9px
}

.dealer-locator .dealer-panel .panel .panel-footer .more-details::before {
    top: -10px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-loading {
    width: 100%;
    height: 100%;
    position: relative
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-loading img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-err-msg {
    padding: 20px 0
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-err-msg i {
    color: #ffb11b;
    font-size: 24px;
    margin-bottom: 10px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-err-msg P {
    width: 100%;
    margin-top: 10px;
    text-align: center
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results {
    width: 100%;
    height: 100%;
    float: left
}

@media only screen and (max-device-width:1023px) {
    .dealer-locator .dealer-panel .panel .panel-footer .dealer-results {
        padding-bottom: 10%
    }
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results hr {
    width: calc(100% + 30px);
    margin: 0 -15px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header {
    height: 29px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 {
    float: left;
    font-size: 18px;
    color: #7f7f7f;
    margin: 0;
    padding: 0;
    width: 100%
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info {
    font-size: 12px;
    position: relative;
    top: 2px;
    font-weight: 600;
    color: #838383;
    display: inline-block
}

.dealer-locator .dealer-map #dealer-map img[src='https://maps.gstatic.com/mapfiles/api-3/images/google4.png'],
.where-to-buy .where-map-locator .where-map-wrap .where-map-container #wheremap img[src='https://maps.gstatic.com/mapfiles/api-3/images/google4.png'] {
    display: none
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info i {
    font-size: 14px;
    margin-right: 5px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info .fa-info-circle {
    color: #6e6e6e
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info .fa-exclamation-triangle {
    color: #ff8a00
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info>a {
    color: #0093c6;
    margin-left: 5px;
    text-decoration: none;
    outline: 0
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info>a+.popover {
    left: 226px !important;
    z-index: 12;
    top: -66px;
    width: 330px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info>a+.popover.right>.arrow {
    left: -10px;
    border-right-color: #545454 !important
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info>a+.popover.right>.arrow:after {
    left: 17px;
    border-right-color: #545454
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info>a+.popover.right .content-wrapper {
    width: 330px;
    border-radius: 3px;
    background-color: #545454 !important;
    padding: 16px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info>a+.popover.right .content-wrapper p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding-right: 35px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info>a+.popover.right .content-wrapper p.p-2 {
    padding-right: 30px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-header h3 .non-boarded-info>a+.popover.right .content-wrapper a>img {
    width: 15px;
    height: 15px;
    vertical-align: top;
    position: relative;
    left: 1px;
    top: -1px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body {
    width: 100%;
    height: calc(100% - 30px)
}

@media only screen and (min-device-width:768px) and (max-device-width:1181px) {
    .dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body ::-webkit-scrollbar {
        width: 8px;
        background-color: #f0f0f0
    }

    .dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #767676
    }
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll {
    width: 100%;
    height: calc(100% - 20px);
    margin-top: 15px;
    overflow-x: hidden;
    overflow-y: auto
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item {
    padding: 10px 15px 0;
    cursor: pointer
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item:hover {
    background: #fafafa
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row h4,
.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row label,
.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row p {
    margin: 0;
    padding: 0
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row h4 {
    margin: 10px 0 0
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row p {
    color: #a8a8a8
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row a {
    color: #a8a8a8;
    text-decoration: none
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row hr {
    background: #ddd;
    margin: 10px 0 0 -15px;
    width: calc(100% + 30px)
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .list-serial {
    width: 33px;
    height: 43px;
    float: left;
    font-weight: 700;
    background: url(../assets/images/drop-pin-edited.png) no-repeat;
    background-size: 100% auto;
    margin-right: 10px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .list-serial p {
    margin-top: 4px;
    color: #fff;
    width: 100%;
    text-align: center
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .dealer-checkbox {
    float: right;
    margin: 10px 0 0;
    padding: 0;
    color: #333
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .dealer-checkbox i {
    font-size: 21px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .dealer-checkbox .fa-check-square,
.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .dealer-checkbox .fa-square-o {
    color: #0093c6
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .dealer-checkbox .fa-question {
    color: #ff8a00
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .question-label {
    cursor: pointer;
    float: right;
    color: #a8a8a8;
    border: 1px solid #a8a8a8;
    padding: 1px 2px 0;
    border-radius: 2px;
    font-size: 13px;
    margin-top: 10px;
    width: 21px;
    height: 21px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .question-label .fa-question {
    color: #ff8a00;
    font-size: 16px;
    padding: 0 3px;
    line-height: 16px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .question-label+.popover {
    left: 50px !important;
    z-index: 12;
    top: -66px;
    width: 330px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .question-label+.popover.right>.arrow {
    left: -10px;
    border-right-color: #545454 !important
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .question-label+.popover.right>.arrow:after {
    left: 17px;
    border-right-color: #545454
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .question-label+.popover.right .content-wrapper {
    width: 200px;
    border-radius: 3px;
    background-color: #545454 !important;
    padding: 16px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .question-label+.popover.right .content-wrapper p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding-right: 35px
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .question-label+.popover.right .content-wrapper a>img {
    width: 15px;
    height: 15px;
    vertical-align: top
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .more-less-details p {
    margin-top: 5px;
    margin-bottom: 10px;
    float: left
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .more-less-details p a {
    color: #0093c6
}

.dealer-locator .dealer-panel .panel .panel-footer .dealer-results .dealer-results-body .dealer-results-scroll .dealer-locator-item .row .dealer-type-label {
    float: right;
    color: #a8a8a8;
    border: 1px solid transparent;
    padding: 3px;
    border-radius: 2px;
    font-size: 12px
}

.dealer-locator .dealer-panel .panel-where-to-buy .panel-body {
    height: 320px
}

.dealer-locator .dealer-panel .panel-where-to-buy .panel-footer {
    height: calc(100% - 370px)
}

.dealer-locator .dealer-panel .panel-send-rfq .panel-body {
    height: 249px
}

.dealer-locator .dealer-panel .panel-send-rfq .panel-footer {
    height: calc(100% - 301px)
}

.dealer-locator .dealer-panel .panel-collapsed .panel-body {
    height: 0
}

.dealer-locator .dealer-panel .panel-collapsed .panel-footer {
    height: calc(100% - 51px)
}

.dealer-locator .dealer-map {
    width: calc(100% - 383px);
    height: 100%;
    float: left;
    position: relative;
    transition: all .5s ease
}

.dealer-locator .dealer-map .dealer-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background: rgba(255, 255, 255, .6)
}

.dealer-locator .dealer-map .dealer-loader img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px
}

.dealer-locator .dealer-map #dealer-map {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2
}

.dealer-locator .dealer-map #dealer-map>div>div.gm-style>div:nth-child(1)>div:nth-child(1)>div:nth-child(4)>div>div>div>div {
    margin-top: -10px !important
}

.dealer-locator .dealer-map #dealer-map .map-info-window {
    width: 250px;
    padding: 10px 5px
}

.dealer-locator .dealer-map #dealer-map .map-info-window>* {
    margin: 2px 0;
    padding: 0
}

.dealer-locator .dealer-map #dealer-map .map-info-window a,
.dealer-locator .dealer-map #dealer-map .map-info-window address,
.dealer-locator .dealer-map #dealer-map .map-info-window h5,
.dealer-locator .dealer-map #dealer-map .map-info-window h6,
.dealer-locator .dealer-map #dealer-map .map-info-window p {
    width: 100%;
    float: left;
    color: #939393
}

.dealer-locator .dealer-map #dealer-map .map-info-window h6 {
    color: #6e6e6e;
    font-weight: 700
}

.dealer-locator .dealer-map #dealer-map .map-info-window h5 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px
}

.dealer-locator .dealer-map #dealer-map .map-info-window a {
    font-weight: 500;
    color: #0093c6;
    margin-top: 5px
}

.dealer-locator .dealer-map #dealer-map .labels {
    font-size: 10px
}

.pz-tooltip {
    opacity: 1 !important
}

.pz-tooltip.info1 .tooltip-inner {
    width: 335px;
    max-width: 350px
}

.pz-tooltip.info2 .tooltip-inner {
    width: 303px;
    max-width: 350px
}

.pz-tooltip.right {
    padding: 0 8px !important
}

.pz-tooltip .tooltip-arrow {
    top: 50% !important;
    margin-top: -8px !important;
    border-width: 8px 8px 8px 0 !important;
    border-right-color: #323232 !important
}

.pz-tooltip .tooltip-inner {
    position: relative;
    border-radius: 3px;
    background-color: #323232 !important;
    padding: 16px
}

.pz-tooltip .tooltip-inner .content-wrapper p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding-right: 15px;
    text-align: left
}

.pz-tooltip .tooltip-inner .close-overlay {
    position: absolute;
    top: 6px;
    right: 10px
}

.pz-tooltip .tooltip-inner .close-overlay img {
    width: 9px;
    height: 9px
}

.disabled-i {
    pointer-events: none;
    color: #ccc !important
}

.cursor-default {
    cursor: default
}

.where-to-buy {
    margin: 0 auto
}

.where-to-buy .where-map-locator {
    width: 100%;
    float: left;
    margin: 0;
    padding: 30px
}

.where-to-buy .where-map-locator h2 {
    margin: 0 0 20px;
    padding: 0;
    color: #a6a6a6;
    float: left
}

.where-to-buy .where-map-locator .where-map-wrap {
    width: 100%;
    float: left;
    position: relative;
    height: 712px;
    overflow: hidden
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-container {
    margin: 0;
    float: left;
    background: #fff;
    width: calc(100% - 383px);
    overflow: hidden;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 383px
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-container #wheremap {
    width: 100%;
    height: 712px
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-container #wheremap .labels {
    font-size: 10px
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details {
    width: 383px;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    transition: 350ms margin ease-in-out
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .tooltip.right {
    width: 140px;
    z-index: 9
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .where-toogle-btn {
    float: left;
    width: 20px;
    height: 50px;
    background: #fff;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 6;
    border: 1px solid #f4f4f4;
    border-left: none;
    cursor: pointer
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .where-toogle-btn a {
    margin: 11px 8px;
    font-size: 16px;
    float: left
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel {
    border-radius: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    margin: 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-heading {
    background: #fff
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-heading h3 {
    float: left;
    font-size: 18px;
    color: #7f7f7f;
    margin: 0;
    padding: 6px 0;
    font-weight: 200
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-heading a {
    color: #7f7f7f;
    float: right;
    font-size: 16px;
    margin: 0;
    padding: 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-heading .where-map-filter-collapse {
    float: left
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-heading .where-map-filter-collapse i {
    color: #0093c6;
    margin-top: 7px;
    padding: 0 10px 0 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body {
    height: 670px;
    background: #fafafa
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter {
    width: 100%;
    height: 272px;
    overflow: hidden;
    transition: 350ms height ease-in-out
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter hr {
    margin: 10px -15px 0;
    background: #ddd
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .input-group .geo-zip-code {
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    border-radius: 4px 0 0 4px;
    border-right: 0 solid #fff;
    box-shadow: none;
    height: 50px
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .input-group .input-group-addon {
    background: #fff;
    border-left: 0 solid #fff
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .geo-zip-code-focused .geo-zip-code,
.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .geo-zip-code-focused .input-group-addon,
.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter select:focus {
    border-color: #0093c6
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .row h4,
.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .row label,
.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .row p {
    margin: 0;
    padding: 0;
    color: #bdbdbd
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .row h4 {
    margin: 5px 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .row p {
    margin-bottom: 5px
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter .row hr {
    width: calc(100% + 10px);
    margin: 10px -5px;
    background: #ddd
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-filter select {
    box-shadow: none;
    font-weight: 600
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .err-msg {
    padding: 20px 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .err-msg i {
    color: #ffb11b;
    font-size: 24px;
    margin-bottom: 10px
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .err-msg P {
    width: 100%;
    margin-top: 10px;
    text-align: center
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results {
    margin: 0 -15px;
    height: 375px;
    background: #fff
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data {
    margin: 15px;
    height: calc(100% - 70px);
    overflow-x: hidden;
    overflow-y: auto
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item {
    padding: 10px 15px 0;
    cursor: pointer
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item:hover {
    background: #fafafa
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item .row h4,
.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item .row label,
.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item .row p {
    margin: 0;
    padding: 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item .row h4 {
    margin: 5px 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item .row p {
    color: #a8a8a8
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item .row hr {
    background: #ddd;
    margin: 10px 0 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item .row .list-serial {
    width: 33px;
    height: 43px;
    float: left;
    font-weight: 700;
    background: url(../assets/images/drop-pin-edited.png) no-repeat;
    background-size: 100% auto;
    margin-right: 10px
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .dealer-locator-data .dealer-locator-item .row .list-serial p {
    margin-top: 12px;
    color: #fff;
    width: 100%;
    text-align: center
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .label-distributor-count {
    border-bottom: #ddd solid 1px;
    padding: 0 15px;
    height: 40px
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-body .where-map-results .label-distributor-count h3 {
    float: left;
    font-size: 18px;
    color: #7f7f7f;
    margin: 0;
    padding: 10px 0;
    width: 100%
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-collapsed .where-map-filter {
    height: 0
}

.where-to-buy .where-map-locator .where-map-wrap .where-map-details .panel .panel-collapsed .where-map-results {
    margin-top: -15px;
    height: 661px
}

.where-to-buy .where-map-locator .where-map-collapse .where-map-container {
    width: 100%
}

.where-to-buy .where-map-locator .where-map-collapse .where-map-details {
    margin-left: -378px
}

.cancel-order-parts-modal .footer-section,
.cancel-order-parts-modal .pagination-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.cancel-order-parts-modal .has-feedback-left .form-control {
    padding-right: 12px;
    padding-left: 34px
}

.cancel-order-parts-modal .has-feedback-left .form-control.input-sm,
.cancel-order-parts-modal .has-feedback-left .input-group-sm>.form-control,
.cancel-order-parts-modal .has-feedback-left .input-group-sm>.input-group-btn>.form-control.btn,
.cancel-order-parts-modal .has-feedback-left.form-group-sm .form-control {
    padding-left: 30px
}

.cancel-order-parts-modal .has-feedback-left .form-control.input-lg,
.cancel-order-parts-modal .has-feedback-left .input-group-lg>.form-control,
.cancel-order-parts-modal .has-feedback-left .input-group-lg>.input-group-btn>.form-control.btn,
.cancel-order-parts-modal .has-feedback-left.form-group-lg .form-control {
    padding-left: 46px
}

.cancel-order-parts-modal .has-feedback-left .form-control-feedback {
    left: 8px
}

.cancel-order-parts-modal .modal-wrapper {
    background: #fff
}

.cancel-order-parts-modal .modal-wrapper .header-section .close-button {
    position: absolute;
    right: 0;
    z-index: 9
}

.cancel-order-parts-modal .modal-wrapper .header-section h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600
}

.cancel-order-parts-modal .modal-wrapper .header-section .accord-header {
    color: #6e6e6e;
    font-size: 14px;
    font-weight: 600
}

.cancel-order-parts-modal .modal-wrapper .header-section .accord-data {
    font-weight: 600;
    font-size: 16px
}

.cancel-order-parts-modal .modal-wrapper .header-section .accord-data.po-number {
    color: #09c
}

.cancel-order-parts-modal table {
    border: 1px solid #ddd
}

.cancel-order-parts-modal table thead:first-child tr:first-child th {
    border: none
}

.cancel-order-parts-modal table thead {
    background: #fafafa
}

.cancel-order-parts-modal table thead tr {
    color: #6e6e6e;
    border: none
}

.cancel-order-parts-modal table thead tr th {
    padding: 10px 5px
}

.cancel-order-parts-modal table tbody {
    background: #fff
}

.cancel-order-parts-modal table tbody tr.disabled td {
    color: #acacac
}

.cancel-order-parts-modal table tbody tr.cancelled {
    color: red
}

.cancel-order-parts-modal .responsive-section {
    margin-top: 10px
}

.cancel-order-parts-modal .responsive-section .cancel-order-part-card {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 0;
    margin-bottom: 10px;
    position: relative
}

.cancel-order-parts-modal .responsive-section .cancel-order-part-card .action-section {
    position: absolute;
    right: 20px;
    z-index: 9
}

.cancel-order-parts-modal .responsive-section .cancel-order-part-card .line {
    margin-bottom: 5px
}

.cancel-order-parts-modal .responsive-section .cancel-order-part-card .header {
    font-weight: 600
}

.cancel-order-parts-modal .responsive-section .cancel-order-part-card.disabled {
    opacity: .6
}

.cancel-order-parts-modal .pagination-section .pagination {
    margin: 0
}

.cancel-order-parts-modal .footer-section {
    margin-top: 20px
}

.cancel-order-parts-modal .footer-section .button-border {
    border: 2px solid #09c;
    color: #09c
}

.cancel-order-parts-modal .footer-section .button-solid {
    background: #09c;
    border: 2px solid #09c
}

.comm-profo-modal-popup.in {
    top: 5% !important
}

.comm-profo-modal-popup.in .modal-dialog {
    width: auto
}

.comm-profo-modal-popup.in .modal-dialog .modal-content {
    min-height: 600px
}

@media only screen and (min-device-width:300px) and (max-device-width:1023px) {

    .comm-profo-modal-popup.in .header-text,
    .comm-profo-modal-popup.in .packingslip-modal-popup.in .header-text {
        font-size: 16px !important
    }

    .comm-profo-modal-popup.in .modal-dialog {
        width: auto;
        max-width: 100%;
        min-width: auto
    }

    .comm-profo-modal-popup.in .list-group {
        margin-right: 10px
    }

    .comm-profo-modal-popup.in .head,
    .comm-profo-modal-popup.in .hide-on-print {
        margin: 10px !important
    }

    .comm-profo-modal-popup.in .address-div {
        display: inline-table
    }

    .comm-profo-modal-popup.in #commProfoPopup {
        padding: 35px 0 !important
    }

    .comm-profo-modal-popup.in #commProfoPopup .list-group {
        margin-right: 10px
    }

    .comm-profo-modal-popup.in .print-container {
        cursor: pointer;
        margin-right: 0 !important
    }

    .comm-profo-modal-popup.in .pad-10 {
        padding: 0 20px
    }

    .comm-profo-modal-popup.in .packing-slip-container {
        width: 100% !important
    }

    .comm-profo-modal-popup.in .header-text .pzv-title-t1,
    .comm-profo-modal-popup.in .header-text .pzv-title-t3 {
        font-size: 16px
    }

    .comm-profo-modal-popup.in ng-pdf {
        width: 500px !important
    }

    .comm-profo-modal-popup.in .email-container .dropdown-menu {
        padding: 5px;
        width: auto !important;
        background: #f6f6f6;
        left: -211px !important;
        top: 27px;
        border: 0
    }

    .comm-profo-modal-popup.in .row.proform-container {
        margin: 10px !important
    }

    .comm-profo-modal-popup.in .proform-container ng-pdf {
        width: 300px !important
    }

    .comm-profo-modal-popup.in .left-container .comcl-profom-loading {
        position: absolute;
        left: 47% !important;
        top: 200px !important
    }

    .comm-profo-modal-popup.in .left-container {
        width: 100% !important;
        float: none !important
    }
}

.comm-profo-modal-popup.in #commProfoPopup {
    padding: 35px;
    border-radius: 3px
}

.comm-profo-modal-popup.in .proform-container .wrapper {
    min-height: 430px;
    padding: 20px
}

.comm-profo-modal-popup.in .proform-container .wrapper .comcl-profom-loading {
    position: absolute;
    left: 50%;
    top: 300px
}

.comm-profo-modal-popup.in .proform-container .wrapper .comcl-profom-error {
    font-size: 20px;
    color: #f17e00;
    position: absolute;
    top: 350px;
    left: 43%
}

.comm-profo-modal-popup.in .left-container {
    min-height: 430px;
    width: 80%;
    float: right;
    padding: 25px;
    border-radius: 3px
}

.comm-profo-modal-popup.in .left-container .comcl-profom-loading {
    position: absolute;
    left: 58%;
    top: 300px
}

.comm-profo-modal-popup.in .left-container .comcl-profom-error {
    font-size: 20px;
    color: #f17e00;
    position: absolute;
    top: 350px;
    left: 50%
}

.comm-profo-modal-popup.in .left-container #outerContainer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 500px
}

.comm-profo-modal-popup.in .packing-header {
    width: 100%;
    margin-bottom: 20px
}

.comm-profo-modal-popup.in .packing-header .td1-header {
    width: 45%;
    padding-right: 30px;
    vertical-align: top
}

.comm-profo-modal-popup.in .packing-header .td2-header {
    width: 55%;
    vertical-align: top
}

.comm-profo-modal-popup.in .packing-header .address-div,
.comm-profo-modal-popup.in .packing-header .info-div {
    width: 100%;
    margin: 20px 0 0;
    border: 1px solid #000
}

.comm-profo-modal-popup.in .packing-header .info-div {
    height: 280px;
    font-size: 13px
}

.comm-profo-modal-popup.in .packing-header .info-div .packingSlipInfotable td:first-child {
    font-weight: 700
}

.comm-profo-modal-popup.in .packing-header .address-div {
    height: 130px;
    font-size: 13px
}

.comm-profo-modal-popup.in .packing-header .address-div div {
    padding-left: 5px
}

.comm-profo-modal-popup.in .packing-header .address-head {
    background-color: #FBFBFB;
    color: #9b9b9b;
    font-size: 13px;
    font-weight: 700;
    padding: 5px;
    border-right: 1px solid #ddd
}

.comm-profo-modal-popup.in .packing-header .address-head .cust-id {
    margin-left: 25px
}

.comm-profo-modal-popup.in .row.right-container {
    margin: 0
}

.comm-profo-modal-popup.in .row.right-container .wrapper.no-result {
    padding-top: 180px;
    text-align: center;
    border-radius: 3px
}

.comm-profo-modal-popup.in .row.right-container .wrapper ng-pdf {
    overflow: auto;
    text-align: center
}

.comm-profo-modal-popup.in .row.right-container .wrapper ng-pdf hr {
    margin-top: 52px
}

.comm-profo-modal-popup.in .row.right-container .wrapper ng-pdf .comcl-proform-pdf-tools i {
    color: #a3a3a3;
    font-size: 24px;
    cursor: not-allowed;
    margin-right: 8px
}

.comm-profo-modal-popup.in .row.right-container .wrapper ng-pdf .comcl-proform-pdf-tools .enable {
    color: #0093c6;
    cursor: pointer
}

.comm-profo-modal-popup.in .row.right-container .wrapper ng-pdf .comcl-proform-pdf-tools .text {
    position: relative;
    top: 2px
}

.comm-profo-modal-popup.in .row.right-container .wrapper ng-pdf .comcl-proform-pdf-tools input {
    padding: 5px 6px;
    height: 30px
}

.comm-profo-modal-popup.in .delivery-number-div {
    float: left;
    width: 18%
}

.comm-profo-modal-popup.in .head {
    margin-bottom: 20px
}

.comm-profo-modal-popup.in .btn-app {
    height: 36px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    line-height: 16px
}

.comm-profo-modal-popup.in .btn-app.active.focus,
.comm-profo-modal-popup.in .btn-app.active:focus,
.comm-profo-modal-popup.in .btn-app.focus,
.comm-profo-modal-popup.in .btn-app:active.focus,
.comm-profo-modal-popup.in .btn-app:active:focus,
.comm-profo-modal-popup.in .btn-app:focus {
    outline: 0
}

.comm-profo-modal-popup.in .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.comm-profo-modal-popup.in .btn-app-primary.focus,
.comm-profo-modal-popup.in .btn-app-primary:focus,
.comm-profo-modal-popup.in .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.comm-profo-modal-popup.in .col-email-print,
.comm-profo-modal-popup.in .download-excel {
    margin-bottom: 5px;
    cursor: pointer
}

.comm-profo-modal-popup.in .email-container {
    display: inline-block
}

.comm-profo-modal-popup.in .email-container a {
    color: #0093c6;
    text-decoration: none
}

.comm-profo-modal-popup.in .email-container a.close-overlay {
    position: absolute;
    top: 0;
    right: 0
}

.comm-profo-modal-popup.in .email-container a i {
    font-size: 18px;
    margin-right: 5px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu {
    padding: 5px;
    width: 686px;
    background: #f6f6f6;
    left: -635px;
    top: 27px;
    border: 0
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu h2 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 300;
    color: #9b9b9b;
    position: relative;
    padding-right: 30px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu h2 b {
    font-weight: 400
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu h2 a img {
    vertical-align: top
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form label {
    color: #b3b3b3;
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group .clear-email {
    color: #0093c6;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    margin-right: 10px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group textarea::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group textarea::-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group textarea:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group textarea:-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label {
    margin: 0 0 0 14px;
    color: #7f7f7f;
    font-weight: 600;
    font-size: 12px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square,
.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-square-o {
    color: #0093c6;
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square {
    background-color: #fff
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label:hover {
    cursor: pointer
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group p.err-txt {
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00;
    margin-top: 2px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-grp-txtarea {
    margin-bottom: 10px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form .form-group.btn-control .btn .glyphicon {
    margin-right: 5px
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu form p.top-err {
    font-weight: 600;
    color: #ff8a00
}

.comm-profo-modal-popup.in .email-container>.dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    content: "";
    top: -10px;
    right: 35px;
    position: absolute
}

.comm-profo-modal-popup.in .print-container {
    cursor: pointer;
    margin-right: 35px
}

.comm-profo-modal-popup.in .fa-print {
    font-size: 18px;
    color: #0093c6
}

.comm-profo-modal-popup.in .print-lbl {
    font-size: 11px;
    color: #b3b3b3;
    font-weight: 600
}

.comm-profo-modal-popup.in .list-group-item {
    border: none;
    margin: 0;
    border-radius: 1px;
    padding: 20px 0 0
}

.comm-profo-modal-popup.in .listName .list-group-item.active {
    pointer-events: none
}

.comm-profo-modal-popup.in .listName .list-group-item.active .fa-chevron-right {
    display: block;
    margin-top: 3px
}

.comm-profo-modal-popup.in .packingSliptable {
    border: 1px solid #f1f1f1
}

.comm-profo-modal-popup.in .packingSliptable th {
    background-color: #FBFBFB;
    color: #9b9b9b;
    font-size: 11px;
    border-right: 1px solid #f1f1f1;
    border-bottom: none;
    vertical-align: top
}

.comm-profo-modal-popup.in .packingSliptable tbody {
    color: #393939;
    font-size: 12px;
    font-weight: 600
}

.comm-profo-modal-popup.in .packingSliptable tbody td {
    border-right: 1px solid #f1f1f1
}

.comm-profo-modal-popup.in th {
    font-size: 11px;
    font-weight: 700;
    color: #9b9b9b;
    border-bottom: none
}

.comm-profo-modal-popup.in .packingSlipHeadertable td,
.comm-profo-modal-popup.in .packingSlipInfotable td {
    border-top: none
}

.comm-profo-modal-popup.in .packingSlipInfotable td {
    padding: 4px
}

.comm-profo-modal-popup.in .paking-header-tbl {
    width: 100%;
    margin-bottom: 40px
}

.comm-profo-modal-popup.in .paking-header-tbl .aftermarket {
    font-weight: 700;
    font-size: 15px;
    color: #9b9b9b;
    margin: 5px 0
}

.comm-profo-modal-popup.in .paking-header-tbl .company-name {
    font-size: 12px;
    font-weight: 700
}

.comm-profo-modal-popup.in .paking-header-tbl .packing-lbl {
    font-size: 18px;
    color: #007cc3;
    font-weight: 600
}

.comm-profo-modal-popup.in .paking-header-tbl .reprint-lbl {
    font-size: 14px;
    color: #414141;
    font-weight: 600;
    margin-top: 15px
}

.comm-profo-modal-popup.in .paking-header-tbl td:last-child {
    width: 131px;
    text-align: right
}

.comm-profo-modal-popup.in .paking-header-tbl tr td.td-logo {
    width: 120px
}

.comm-profo-modal-popup.in .paking-header-tbl tr td.td-address address div {
    font-size: 12px;
    line-height: 15px;
    color: #414141
}

.comm-profo-modal-popup.in .paking-header-tbl tr td.td-address address div.comp-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px
}

.comm-profo-modal-popup.in .loading-text {
    margin: 35px 0;
    text-align: center
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .comm-profo-modal-popup.in .modal-dialog {
        width: 98%
    }

    .comm-profo-modal-popup.in .modal-dialog .modal-content .modal-wrapper .header-text {
        width: 70%
    }

    .comm-profo-modal-popup.in .modal-dialog .notify-msg {
        font-size: 14px
    }

    .comm-profo-modal-popup.in .modal-dialog .notify-msg .fa-check-circle {
        font-size: 20px;
        padding-right: 12px
    }
}

@media print {

    #printPackingSlipArea .packing-header .td1-header .address-div .address-head,
    #printPackingSlipArea .packing-header .td2-header .info-div .address-head {
        border-right: 0
    }

    body * {
        visibility: hidden
    }

    #printSection,
    #printSection * {
        visibility: visible
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0
    }

    #printPackingSlipArea .packing-header .td1-header .address-div {
        padding: 10px 20px 20px !important;
        margin-bottom: 20px !important
    }

    #printPackingSlipArea .packing-header .td2-header .info-div {
        padding: 10px 20px 20px !important
    }

    a,
    body,
    div,
    h1,
    h2,
    h3,
    p,
    td,
    th {
        color: #000 !important;
        background-color: #fff !important
    }

    body {
        min-width: 640px !important
    }
}

.icons-mobile {
    padding-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end
}

.completedOrder {
    margin-top: 40px;
    margin-bottom: 40px
}

.completedOrder .my-list-wrapper {
    margin-left: 10px;
    margin-right: 10px
}

.completedOrder .my-list-wrapper>h2 {
    margin-top: 30px
}

.completedOrder .my-list-wrapper>h2 .item-count {
    font-weight: 700
}

.completedOrder .my-list-wrapper>.parent-container {
    padding: 35px;
    margin-left: 0;
    margin-right: 0
}

.completedOrder .my-list-wrapper>.parent-container .form-inline .form-group {
    vertical-align: top
}

.completedOrder .my-list-wrapper>.parent-container .form-inline .error .help-block {
    text-align: right;
    margin-right: 15px
}

.completedOrder .my-list-wrapper>.parent-container .form-inline label {
    margin-right: 12px;
    position: relative;
    top: 2px
}

.completedOrder .my-list-wrapper>.parent-container .form-inline input {
    margin-right: 10px;
    width: 300px
}

.completedOrder .my-list-wrapper>.parent-container .form-inline .btn.btn-create-list {
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 30px
}

.completedOrder .my-list-wrapper>.parent-container .form-inline .btn.btn-create-list i {
    display: none;
    font-size: 14px;
    margin-left: 10px
}

.completedOrder .my-list-wrapper>.parent-container .form-inline .btn.btn-create-list i.show-loader {
    display: inline-block
}

.completedOrder .my-list-wrapper>.parent-container .success-list-msg {
    display: inline-block;
    margin-right: 20px
}

.completedOrder .my-list-wrapper>.parent-container .btn.btn-go-to-list {
    padding-left: 25px;
    padding-right: 25px
}

.completedOrder .my-list-wrapper>.parent-container .info-list {
    position: relative;
    text-align: left;
    padding-left: 35px;
    padding-top: 8px;
    line-height: 16px
}

.completedOrder .my-list-wrapper>.parent-container .info-list .fa-info-circle {
    font-size: 12px;
    padding-right: 0;
    margin-right: 5px;
    position: absolute;
    top: 11px;
    left: 10px
}

.completedOrder .parent-container {
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px
}

.completedOrder .parent-container .order-title {
    padding: 20px 20px 0
}

.completedOrder .parent-container .order-title h4 {
    margin-bottom: 5px;
    margin-top: 0
}

.completedOrder .parent-container .order-title h4 button {
    margin-top: 15px
}

.completedOrder .parent-container .order-title h4 span {
    margin-top: 15px;
    display: inline-block
}

.completedOrder .parent-container .order-title h4 span.order-id {
    margin-right: 25px
}

.completedOrder .parent-container .order-title h4 .btn-ordrdetail {
    position: relative;
    bottom: 4px
}

.completedOrder .parent-container hr {
    margin-bottom: 21px
}

.completedOrder .parent-container .order-placed-row {
    padding: 0 35px
}

.completedOrder .parent-container .order-placed-row .complete-order-success-msg {
    margin-bottom: 27px
}

.completedOrder .parent-container .order-placed-row .text-left p,
.completedOrder .parent-container .order-placed-row h5 {
    margin-bottom: 10px
}

.completedOrder .parent-container .order-placed-row .text-left input {
    width: 300px
}

.completedOrder .parent-container .order-placed-row div.text-left {
    margin-bottom: 30px
}

.completedOrder .parent-container .order-placed-row .btn-go-to-cart {
    margin-right: 20px
}

.completedOrder .parent-container .order-placed-row .btn-save {
    width: 96px;
    position: relative;
    bottom: 2px
}

.completedOrder .parent-container .order-placed-row p {
    line-height: 14px
}

.completedOrder .parent-container .order-placed-row label {
    display: block;
    margin-bottom: 8px
}

.completedOrder .parent-container .order-placed-row .form-control {
    display: inline-block;
    width: 373px;
    margin-right: 10px
}

.completedOrder .parent-container .disclaimer {
    padding-bottom: 25px
}

.my-order-ui-container .category-heading {
    font-size: 30px
}

.my-order-ui-container .report-vertical-tab {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 20px
}

.my-order-ui-container .report-vertical-tab ul.nav {
    width: 100%;
    float: left;
    margin-top: 0
}

.my-order-ui-container .report-vertical-tab ul.nav>li.active>a .fa,
.my-order-ui-container .report-vertical-tab ul.nav>li.active>a:focus .fa,
.my-order-ui-container .report-vertical-tab ul.nav>li.active>a:hover .fa {
    display: inline-block;
    font-size: 12px;
    top: 5px;
    position: relative
}

.my-order-ui-container .report-vertical-tab ul.nav>li>a {
    border-radius: 0;
    padding: 10px 25px 10px 0
}

.my-order-ui-container .report-vertical-tab ul.nav>li>a .fa {
    display: none
}

.my-order-ui-container .report-vertical-tab .nav-pills .uib-tab.active .nav-link {
    background-color: #e8e8e8
}

.my-order-ui-container .filter-icon-container {
    padding-bottom: 10px
}

.my-order-ui-container .filter-icon-container .order-title {
    font-size: 24px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.my-order-ui-container .filter-icon-container .download-report-wrapper {
    display: inline-block;
    padding: 6px 20px
}

.my-order-ui-container .filter-icon-container .download-report-wrapper .download-report {
    display: inline-block;
    cursor: pointer;
    position: relative;
    color: #0093c6;
    font-weight: 600;
    font-size: 12px;
    top: 0
}

.my-order-ui-container .filter-icon-container .download-report-wrapper .download-report>.disabled-img {
    cursor: not-allowed
}

.my-order-ui-container .filter-icon-container .download-report-wrapper .download-report .fa-file-excel-o {
    color: #0093c6;
    font-size: 14px;
    margin: 0 9px 0 0
}

.my-order-ui-container .filter-icon-container .filter-icon-wrapper {
    margin-top: 5px;
    cursor: pointer
}

.my-order-ui-container .filter-icon-container .filter-icon-wrapper .filter-icon {
    color: #09c;
    padding: 2px 4px;
    font-size: 17px
}

.my-order-ui-container .filter-icon-container .filter-icon-wrapper .filter-text {
    font-weight: 700;
    font-size: 13px
}

.my-order-ui-container .loader {
    height: 200px;
    padding: 80px;
    width: 100%;
    text-align: center
}

.my-order-ui-container .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

.my-order-ui-container .data-grid-container .server-data-not-avail .message,
.my-order-ui-container .data-grid-container .server-data-not-avail .no-data,
.my-order-ui-container .data-grid-container .server-error .message,
.my-order-ui-container .data-grid-container .server-error .no-data {
    text-align: center;
    height: 230px;
    padding-top: 50px
}

.my-order-ui-container .data-grid-container .server-data-not-avail .message .fa-warning,
.my-order-ui-container .data-grid-container .server-data-not-avail .no-data .fa-warning,
.my-order-ui-container .data-grid-container .server-error .message .fa-warning,
.my-order-ui-container .data-grid-container .server-error .no-data .fa-warning {
    margin-right: 10px;
    font-size: 16px
}

.std_returns_badge {
    background: #45c500;
    border: 0;
    margin-left: 10px;
    text-transform: uppercase
}

#invoicePopUp {
    line-height: 1
}

#invoicePopUp .invoice {
    padding: 35px
}

#invoicePopUp .invoice .loader-wrapper {
    height: 600px;
    width: 100%;
    position: relative
}

#invoicePopUp .invoice .loader-wrapper img {
    top: 50%;
    position: absolute;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px
}

#invoicePopUp .invoice .row.title-wrapper {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px
}

#invoicePopUp .invoice .row.email-print-row .email-parent-wrapper,
#invoicePopUp .invoice .row.email-print-row .print-icon-wrapper {
    display: inline-block;
    margin-right: 20px
}

#invoicePopUp .invoice .wd-100 {
    width: 100%
}

#invoicePopUp .invoice .va-top {
    vertical-align: top
}

#invoicePopUp .invoice .table-summary .td-1 {
    width: 72px
}

#invoicePopUp .invoice .table-summary .td-2 {
    padding-left: 16px
}

#invoicePopUp .invoice .table-summary .td-3 .label {
    display: inline-block
}

#invoicePopUp .invoice .table-summary .td-4 {
    width: 27%
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper {
    overflow: hidden
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-content,
#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list {
    float: left;
    box-sizing: border-box
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list {
    width: 15%
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list label {
    margin-bottom: 12px
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list ul {
    display: block;
    padding: 0
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list ul li {
    display: block
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list ul li a {
    border: none;
    display: block;
    margin: 0;
    padding: 10px 12px 10px 0;
    text-decoration: none
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list ul li a i {
    display: none
}

#invoicePopUp .email-container,
#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list ul li a.active-tab i {
    display: inline-block
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-list ul li a.active-tab {
    pointer-events: none
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-content {
    width: 85%;
    min-height: 600px
}

#invoicePopUp .invoice .pzv-vertical-tab-wrapper .pzv-tab-content .nodata-div {
    text-align: center;
    margin-top: 180px
}

#invoicePopUp .invoice-total {
    margin-bottom: 8px
}

#invoicePopUp .invoice-total .label {
    font-size: 12px
}

#invoicePopUp .invoice-total .text-right {
    padding-right: 0
}

#invoicePopUp .print-action {
    width: 35px;
    text-align: left;
    color: #0093c6;
    cursor: pointer
}

#invoicePopUp .invoice-block {
    position: relative
}

#invoicePopUp .after-market {
    font-size: 13px;
    font-weight: 700;
    padding: 5px
}

#invoicePopUp .text-right {
    text-align: right
}

#invoicePopUp .btn-app {
    height: 36px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    line-height: 16px
}

#invoicePopUp .btn-app.active.focus,
#invoicePopUp .btn-app.active:focus,
#invoicePopUp .btn-app.focus,
#invoicePopUp .btn-app:active.focus,
#invoicePopUp .btn-app:active:focus,
#invoicePopUp .btn-app:focus {
    outline: 0
}

#invoicePopUp .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

#invoicePopUp .btn-app-primary.focus,
#invoicePopUp .btn-app-primary:focus,
#invoicePopUp .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

#invoicePopUp .notify-msg {
    width: 40%
}

#invoicePopUp .email-container a {
    color: #0093c6;
    text-decoration: none
}

#invoicePopUp .email-container a i {
    font-size: 18px;
    margin-right: 5px
}

#invoicePopUp .email-container>.dropdown-menu {
    padding: 5px;
    width: 686px;
    background: #f6f6f6;
    left: -635px;
    top: 27px;
    border: 0
}

#invoicePopUp .email-container>.dropdown-menu h2 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 300;
    color: #9b9b9b
}

#invoicePopUp .email-container>.dropdown-menu h2 b {
    font-weight: 400
}

#invoicePopUp .email-container>.dropdown-menu h2 a img {
    vertical-align: top
}

#invoicePopUp .email-container>.dropdown-menu form label {
    color: #b3b3b3;
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group .clear-email {
    color: #0093c6;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    margin-right: 10px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group textarea::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group textarea::-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group textarea:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group textarea:-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group .checkbox-label {
    margin: 0 0 0 14px;
    color: #7f7f7f;
    font-weight: 600;
    font-size: 12px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square,
#invoicePopUp .email-container>.dropdown-menu form .form-group .checkbox-label .fa-square-o {
    color: #0093c6;
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square {
    background-color: #fff
}

#invoicePopUp .email-container>.dropdown-menu form .form-group .checkbox-label:hover {
    cursor: pointer
}

#invoicePopUp .email-container>.dropdown-menu form .form-group p.err-txt {
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00;
    margin-top: 3px
}

#invoicePopUp .email-container>.dropdown-menu form .form-grp-txtarea {
    margin-bottom: 10px
}

#invoicePopUp .email-container>.dropdown-menu form .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

#invoicePopUp .email-container>.dropdown-menu form .form-group.btn-control .btn .glyphicon {
    margin-right: 5px
}

#invoicePopUp .email-container>.dropdown-menu form p.top-err {
    font-weight: 600;
    color: #ff8a00
}

#invoicePopUp .email-container>.dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    content: "";
    top: -10px;
    right: 35px;
    position: absolute
}

#invoicePopUp .row {
    margin-left: 0;
    margin-right: 0
}

#invoicePopUp .row .col-md-12,
#invoicePopUp .row .col-md-2,
#invoicePopUp .row .col-md-3 {
    margin-left: 0;
    padding-left: 0
}

#invoicePopUp .row .col-md-12 {
    margin-right: 0;
    padding-right: 0
}

#invoicePopUp .closebtn {
    color: #FFF;
    margin: 6px;
    font-size: 20px;
    cursor: pointer
}

#invoicePopUp .total-val {
    font-size: 16px;
    font-weight: 600
}

#invoicePopUp .total-val.total-price {
    border-top: 1px solid #acacac
}

#invoicePopUp table td.no-border,
#invoicePopUp table.no-border,
#invoicePopUp table>thead>tr>th.no-border {
    border: none
}

#invoicePopUp .fa-print {
    font-size: 18px;
    margin: 6px;
    cursor: pointer
}

#invoicePopUp table td {
    border-top: none
}

#invoicePopUp table>thead.bg-white {
    background: 0 0
}

#invoicePopUp table>thead>tr>th {
    padding-top: 0
}

#invoicePopUp .billinfo .table {
    margin-top: 10px
}

#invoicePopUp .billinfo .table td {
    width: 33.33%
}

#invoicePopUp .billinfo .label {
    text-align: left;
    padding: 0
}

#invoicePopUp .head {
    padding: 15px 10px
}

#invoicePopUp .wrapper {
    margin: 0 auto
}

#invoicePopUp .tenent-name {
    font-size: 13px;
    font-weight: 600;
    padding-top: 30px
}

#invoicePopUp .invoice-header-tbl {
    width: 100%
}

#invoicePopUp .invoice-header-tbl td {
    vertical-align: top
}

#invoicePopUp .td-03.reprint {
    text-align: left;
    width: 171px
}

#invoicePopUp .td-03.reprint h6 {
    padding-left: 20px
}

#invoicePopUp .td-03 {
    width: 33%
}

#invoicePopUp .td-04 {
    width: 40%
}

#invoicePopUp .header-table .td-03 {
    text-align: left
}

#invoicePopUp .header-table .first-table {
    text-align: left;
    margin-left: 0
}

#invoicePopUp .header-table .first-table td:first-child,
#invoicePopUp .header-table .first-table td:last-child {
    padding: 3px
}

#invoicePopUp .wrapper header {
    background-color: #000
}

#invoicePopUp tr td.td-logo {
    width: 120px
}

#invoicePopUp tr td.td-address address div {
    line-height: 14px
}

#invoicePopUp tr td.td-address address div.comp-name {
    line-height: 16px
}

#invoicePopUp .wrapper header h4 {
    color: #fff;
    margin-left: 10px
}

#invoicePopUp section {
    padding: 15px 20px
}

#invoicePopUp table.outerborder td {
    padding: 5px 10px
}

#invoicePopUp td {
    padding: 2px 5px
}

#invoicePopUp .bottomdetail {
    margin-top: 30px;
    font-size: 12px
}

#invoicePopUp button:disabled {
    background-color: #d2cfcf;
    color: #000;
    border: .5px solid #d2cfcf
}

#invoicePopUp .modal-header {
    background-color: #000;
    color: #FFF;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 3px 25px;
    height: 40px
}

#invoicePopUp .shipment-number .label {
    padding-left: 0
}

#invoicePopUp .modal-body {
    color: #6e6e6e;
    padding: 0 27px 15px
}

#invoicePopUp .modal-body .table>thead>tr>th {
    border-bottom: none;
    padding-top: 0
}

#invoicePopUp .modal-body table {
    margin-bottom: 0
}

#invoicePopUp .modal-body table .selected-row {
    background-color: #f8f8f8
}

#invoicePopUp .modal-footer {
    border-top: 1px solid #fff;
    padding: 10px 27px 27px
}

.modal.invoiceOverlay {
    top: 2% !important
}

.invoiceOverlay .modal-dialog {
    width: 1100px
}

.invoiceOverlay .modal-dialog .modal-content,
.invoiceOverlay .modal-dialog .modal-content section.invoice-block {
    border-radius: 3px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .invoiceOverlay .modal-dialog {
        width: 98%
    }

    #invoicePopUp .notify-msg {
        font-size: 14px
    }

    #invoicePopUp .notify-msg .fa-check-circle {
        font-size: 20px;
        padding-right: 12px
    }
}

@media print {
    body * {
        visibility: hidden
    }

    #printSection,
    #printSection * {
        visibility: visible
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0
    }

    .invoice-header-tbl {
        width: 100%
    }

    .label {
        border: none
    }

    .close-block,
    .email-parent-wrapper {
        display: none
    }

    .td-03 {
        width: 33%
    }

    a,
    body,
    div,
    h1,
    h2,
    h3,
    p,
    td,
    th {
        color: #000 !important;
        background-color: #fff !important
    }

    body {
        min-width: 640px !important
    }

    #invoicePopUp .shipment-number {
        margin-top: 42px !important
    }

    #invoicePopUp .shipment-number .label {
        padding-left: 0
    }
}

.post-order-container {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #E8E8E8
}

.post-order-container .status-title {
    display: block
}

.post-order-container .sec-filter-wrapper {
    margin-bottom: 15px
}

.post-order-container .sec-filter-wrapper .srch-suggest-txt {
    margin-left: 16px;
    margin-top: 0;
    display: inline-block
}

.post-order-container .sec-filter-wrapper .sec-filter-1 .form-group label {
    color: #acacac
}

.post-order-container .sec-filter-wrapper .sec-filter-1 .form-group .form-control {
    font-weight: 600;
    font-size: 12px;
    color: #0093c6;
    padding: 7px;
    border: 1px solid #dbdbdb
}

.post-order-container .sec-filter-wrapper .sec-filter-1 .form-group .form-control .fa-calendar {
    margin-right: 6px;
    font-size: 14px;
    font-weight: 600
}

.post-order-container .sec-filter-wrapper .sec-filter-1 .form-group .form-control span {
    position: relative;
    top: 1px
}

.post-order-container .sec-filter-wrapper .sec-filter-2 .sort-by-options {
    width: auto;
    min-width: 200px;
    float: right;
    text-align: left;
    padding-top: 0
}

.post-order-container .sec-filter-wrapper .sec-filter-2 .sort-by-options .select-box-wrap {
    width: 100%
}

.post-order-container .sec-filter-wrapper .sec-filter-2 .sort-by-options .select-box-wrap label {
    line-height: 34px;
    margin-right: 10px
}

.post-order-container .sec-filter-wrapper .sec-filter-2 .sort-by-options .select-box-wrap .form-control {
    padding: 5.5px 10px;
    width: 100%
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container {
    margin: 0;
    position: relative;
    top: -2px
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar {
    margin: 0;
    padding: 0 15px 0 0
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar .search-by-lbl {
    color: #acacac
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar .clear-search .btn {
    font-size: 12px;
    font-weight: 600;
    margin-right: -9px;
    margin-top: 5px;
    color: #0093c6
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar>.ship-date .fa-calendar {
    top: 10px;
    left: 11px;
    z-index: 10;
    font-weight: 600;
    font-size: 14px;
    position: absolute
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar>.ship-date .search_icon {
    border-right: 1px solid #dbdbdb;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar>.ship-date .form-control {
    padding-left: 31px;
    color: #0093c6
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar>.ship-date .form-control:focus {
    border: 1px solid #dbdbdb
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar.left-separator {
    padding-right: 0
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar.left-separator .input-group {
    padding-left: 15px;
    border-left: 1px solid #dbdbdb
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar.left-separator .srch-suggest-txt {
    margin-left: 16px
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container>.search-text-bar .srch-suggest-txt {
    margin-left: 0
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container input.close-pr {
    padding-right: 26px
}

.post-order-container .sec-filter-wrapper .sec-filter-2>.search-spec-container.rm-tp-mobile {
    padding-top: 0
}

.post-order-container .search-by-part-txt {
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block
}

.post-order-container .clickable {
    cursor: pointer;
    margin-bottom: 0;
    text-decoration: none;
    outline: 0
}

.post-order-container .date-picker-container {
    padding: 0;
    display: inline-block
}

.post-order-container .date-picker-container .selectbox {
    background: #fff;
    color: #1d3b4a;
    padding: 8px;
    line-height: 18px;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer
}

.post-order-container .date-picker-container .selectbox span {
    padding-left: 3px
}

.post-order-container .date-picker-container .selectbox .caret {
    position: relative;
    top: -2px
}

.post-order-container .date-picker-container>.row {
    margin: 0 -5px
}

.post-order-container .date-picker-container>.row>.col-custom-pad {
    padding: 0 5px
}

.post-order-container .date-picker-container>.row>.col-custom-pad .pzv-primary-btn-md {
    font-size: 12px;
    height: auto;
    padding: 6.5px 10px
}

.post-order-container .date-picker-container>.row>.col-custom-pad .date-wrapper input {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.post-order-container .date-picker-container label {
    color: #acacac
}

.post-order-container .date-picker-container button.go {
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 14px
}

.post-order-container .date-picker-container .date-wrapper>input.enable-date-calendar {
    background-color: #fff !important;
    border: 1px solid #0093c6
}

.post-order-container .date-picker-container .date-wrapper .btn.btn-calender {
    outline: 0;
    border: 0;
    padding: 3px 12px;
    background-color: transparent
}

.post-order-container .date-picker-container .date-wrapper .btn.btn-calender>.fa-calendar {
    font-size: 17px;
    top: 2px;
    outline: 0
}

.post-order-container .order-filter-container {
    text-align: right
}

.post-order-container .date-span-container {
    display: inline-block;
    float: left
}

.post-order-container .date-span-container .date-span-wrapper {
    list-style-type: none;
    padding-left: 0;
    display: inline-block
}

.post-order-container .date-span-container .date-span-wrapper li {
    float: left;
    margin: 0 10px 0 0
}

.post-order-container .date-span-container .date-span-wrapper li label {
    padding: 0;
    margin: 0 0 0 3px
}

.post-order-container .date-span-container .date-span-wrapper li input {
    position: relative;
    top: 2px
}

.post-order-container .myorder-ui-view {
    min-height: 200px
}

.post-order-container input[type=text]::-ms-clear {
    display: none
}

.post-order-container .cross {
    position: absolute;
    top: 4px;
    right: 43px;
    z-index: 100;
    cursor: pointer
}

.post-order-container .tab-container .invoice-list-container .date-wrapper span.input-group-btn,
.post-order-container .tab-container .invoice-list-container .date-wrapper>input.date-txt,
.post-order-container .tab-container .specify-date-range .date-wrapper span.input-group-btn,
.post-order-container .tab-container .specify-date-range .date-wrapper>input.date-txt,
.previewOrder .inputIndex {
    z-index: 0
}

.post-order-container .search_icon {
    cursor: pointer
}

.post-order-container tr.tr-exception>td {
    height: 200px
}

.post-order-container .shop-doc-info {
    font-size: 14px;
    margin-top: 10px
}

.post-order-container .shop-doc-info:hover {
    cursor: pointer
}

.post-order-container .no-order-data-container .no-data {
    text-align: center
}

.post-order-container .no-order-data-container .no-data h1 {
    margin: 20px;
    font-size: 20px;
    color: #323232;
    font-weight: 400
}

.post-order-container .no-order-data-container .no-data h1 .fa-info-circle {
    color: #6e6e6e;
    font-size: 18px;
    margin-right: 10px;
    position: relative;
    top: 0
}

.post-order-container .server-data-not-avail .message,
.post-order-container .server-data-not-avail .no-data,
.post-order-container .server-error .message,
.post-order-container .server-error .no-data {
    text-align: center;
    height: 230px;
    padding-top: 50px
}

.post-order-container .server-data-not-avail .message .fa-warning,
.post-order-container .server-data-not-avail .no-data .fa-warning,
.post-order-container .server-error .message .fa-warning,
.post-order-container .server-error .no-data .fa-warning {
    margin-right: 10px;
    font-size: 16px
}

.post-order-container .download-report-wrapper {
    display: inline-block;
    padding: 6px 20px
}

.post-order-container .download-report-wrapper .download-report {
    display: inline-block;
    cursor: pointer;
    position: relative;
    color: #0093c6;
    font-weight: 600;
    font-size: 12px;
    top: 0
}

.post-order-container .download-report-wrapper .download-report>.disabled-img {
    cursor: not-allowed
}

.post-order-container .download-report-wrapper .download-report .fa-file-excel-o {
    color: #0093c6;
    font-size: 14px;
    margin: 0 9px 0 0
}

.post-order-container .wrapper-date-rnge {
    padding: 37px 40px 0 20px
}

.post-order-container .download-report-invoice {
    padding: 40px 48px 0 0
}

.post-order-container .pagination>.active>a {
    background-color: #0096c9;
    border-color: #0096c9
}

.post-order-container .pagination-sm-custom-container {
    padding: 10px;
    overflow: hidden;
    text-align: center
}

.post-order-container .pagination-sm-custom-container .items-dropdown {
    display: inline-block;
    width: 100%;
    min-width: 131px;
    max-width: 180px;
    position: relative;
    top: -10px
}

.post-order-container .pagination-sm-custom-container .items-dropdown label {
    margin-right: 10px
}

.post-order-container .pagination-sm-custom-container .items-dropdown select.pagination-limit {
    display: inline-block;
    width: 40%
}

.post-order-container .pagination-sm-custom-container .items-dropdown select::-ms-expand {
    display: none
}

.post-order-container .pagination-sm-custom-container .items-dropdown select {
    -moz-appearance: none;
    appearance: none
}

.post-order-container .pagination-sm-custom-container .items-dropdown select:hover {
    cursor: pointer
}

.post-order-container .pagination-sm-custom-container .items-dropdown select+.fa-caret-down {
    position: absolute;
    right: 35px;
    top: 10px;
    font-size: 16px;
    pointer-events: none
}

.post-order-container .pagination-sm-custom-container .tbl-info {
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 700
}

.post-order-container .pagination-sm-custom-container .pagination {
    margin: 0
}

.post-order-container .btn-app {
    height: 36px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    line-height: 16px
}

.post-order-container .btn-app.active.focus,
.post-order-container .btn-app.active:focus,
.post-order-container .btn-app.focus,
.post-order-container .btn-app:active.focus,
.post-order-container .btn-app:active:focus,
.post-order-container .btn-app:focus {
    outline: 0
}

.post-order-container .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.post-order-container .btn-app-primary.focus,
.post-order-container .btn-app-primary:focus,
.post-order-container .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.post-order-container .btn-app-sm {
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    height: 24px;
    padding: 2px 12px
}

.post-order-container .search-area {
    padding: 20px
}

.post-order-container .search-area label {
    float: left;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding-top: 5px;
    margin-right: 12px
}

.post-order-container .search-area .headspace {
    max-width: 840px;
    float: left
}

.post-order-container .tab-container {
    margin-top: 40px;
    padding: 0 20px;
    margin-bottom: 40px
}

.post-order-container .tab-container .btn-search {
    float: right;
    border-radius: 4px;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    top: 8px;
    position: relative;
    min-width: 84px
}

.post-order-container .tab-container .uib-datepicker-popup.dropdown-menu {
    padding: 0
}

.post-order-container .tab-container .invoice-list-container .cal-div,
.post-order-container .tab-container .specify-date-range .cal-div {
    margin-left: 0
}

.post-order-container .tab-container .invoice-list-container .uib-datepicker-popup.dropdown-menu,
.post-order-container .tab-container .specify-date-range .uib-datepicker-popup.dropdown-menu {
    padding: 0 !important
}

.post-order-container .tab-container .invoice-list-container .search-text-bar,
.post-order-container .tab-container .specify-date-range .search-text-bar {
    margin: 0
}

.post-order-container .tab-container .invoice-list-container .btn-get-list,
.post-order-container .tab-container .invoice-list-container .dt-part-search,
.post-order-container .tab-container .specify-date-range .btn-get-list,
.post-order-container .tab-container .specify-date-range .dt-part-search {
    margin-top: 20px
}

.post-order-container .tab-container .invoice-list-container .date-wrapper,
.post-order-container .tab-container .specify-date-range .date-wrapper {
    width: 194px
}

.post-order-container .tab-container .invoice-list-container .date-wrapper>input.enable-date-calendar,
.post-order-container .tab-container .specify-date-range .date-wrapper>input.enable-date-calendar {
    background-color: #fff !important
}

.post-order-container .tab-container .invoice-list-container .date-wrapper .full button span,
.post-order-container .tab-container .specify-date-range .date-wrapper .full button span {
    background-color: #32cd32;
    border-radius: 32px;
    color: #000
}

.post-order-container .tab-container .invoice-list-container .date-wrapper .partially button span,
.post-order-container .tab-container .specify-date-range .date-wrapper .partially button span {
    background-color: orange;
    border-radius: 32px;
    color: #000
}

.post-order-container .tab-container .invoice-list-container .date-wrapper .btn-success,
.post-order-container .tab-container .specify-date-range .date-wrapper .btn-success {
    border-radius: 4px
}

.post-order-container .tab-container .invoice-list-container .date-wrapper .btn-danger,
.post-order-container .tab-container .invoice-list-container .date-wrapper .btn.btn-calender,
.post-order-container .tab-container .specify-date-range .date-wrapper .btn-danger,
.post-order-container .tab-container .specify-date-range .date-wrapper .btn.btn-calender {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.post-order-container .tab-container .invoice-list-container .date-wrapper .btn.btn-calender,
.post-order-container .tab-container .specify-date-range .date-wrapper .btn.btn-calender {
    outline: 0;
    height: 34px
}

.post-order-container .tab-container .invoice-list-container .date-wrapper .btn-info,
.post-order-container .tab-container .invoice-list-container .date-wrapper input.date-txt,
.post-order-container .tab-container .specify-date-range .date-wrapper .btn-info,
.post-order-container .tab-container .specify-date-range .date-wrapper input.date-txt {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.post-order-container .tab-container .invoice-list-container .date-wrapper input.date-txt,
.post-order-container .tab-container .specify-date-range .date-wrapper input.date-txt {
    pointer-events: none;
    cursor: not-allowed
}

.post-order-container .email-container>.dropdown-menu form .form-group .checkbox-label:hover,
.post-order-container .invoice-list-container table.invoice-list-tbl tbody td .fa:hover,
.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list>li:hover,
.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs>a img:hover,
.post-order-container table.back-ordr-tbl thead tr th .checkbox-label:hover,
.post-order-container table.invoice-list-tbl thead tr th .checkbox-label:hover,
.post-order-container table.range-order-tbl tbody td .fa:hover,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list>li:hover,
.post-order-container table.range-order-tbl tbody td.ship-docs>a img:hover,
.post-order-container table.recent-order-tbl tbody td .fa:hover,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list>li:hover,
.post-order-container table.recent-order-tbl tbody td.ship-docs>a img:hover,
.post-order-container table.recent-order-tbl thead .order-type select:hover,
.post-order-container table.recent-order-tbl thead tr th .checkbox-label:hover {
    cursor: pointer
}

.post-order-container .tab-container .invoice-list-container .date-wrapper .uib-button-bar,
.post-order-container .tab-container .specify-date-range .date-wrapper .uib-button-bar {
    display: none !important
}

.post-order-container .my-oder-lbl {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding-top: 5px
}

.post-order-container .search-text-bar {
    margin: 10px 0 0 31px;
    text-align: left
}

.post-order-container .search-text-bar-openorder {
    width: 200px;
    display: inline-block;
    float: left;
    position: relative;
    top: -2px
}

.post-order-container .search-text-bar-openorder>.input-group {
    padding-left: 10px
}

.post-order-container .search-text-bar-openorder>.input-group input.close-pr {
    padding-right: 26px
}

.post-order-container table.recent-order-tbl thead tr th .inline-style {
    position: relative;
    padding-right: 16px
}

.post-order-container table.recent-order-tbl thead tr th .inline-style .pzv-sort-icon {
    position: absolute;
    top: 0;
    right: 0
}

.post-order-container table.recent-order-tbl thead .order-date {
    width: 9%
}

.post-order-container table.recent-order-tbl thead .order-num,
.post-order-container table.recent-order-tbl thead .po-num,
.post-order-container table.recent-order-tbl thead .process-num {
    width: 13%
}

.post-order-container table.recent-order-tbl thead .inv-num {
    width: 17%
}

.post-order-container table.recent-order-tbl thead .order-type {
    width: 6%;
    min-width: 112px
}

.post-order-container table.recent-order-tbl thead .order-type select {
    width: 100%;
    padding: 6px 20px 6px 4px;
    -moz-appearance: none;
    appearance: none;
    outline: 0
}

.post-order-container table.recent-order-tbl thead .order-type select::-ms-expand {
    display: none
}

.post-order-container table.recent-order-tbl thead .order-type select+.fa-caret-down {
    position: absolute;
    right: 7px;
    top: 12px;
    font-size: 16px;
    pointer-events: none
}

.post-order-container table.recent-order-tbl thead .action {
    min-width: 200px;
    width: 35%
}

.post-order-container table.recent-order-tbl tbody tr.order-cancelled-completely {
    background-color: #f9f9f9;
    background-image: -webkit-repeating-linear-gradient(-30deg, transparent, transparent 15px, #fcfcfc 15px, #fcfcfc 30px);
    background-image: repeating-linear-gradient(-30deg, transparent, transparent 15px, #fcfcfc 15px, #fcfcfc 30px)
}

.post-order-container table.recent-order-tbl tbody tr.order-cancelled-completely td {
    color: #bdbdbd
}

.post-order-container table.recent-order-tbl tbody tr.order-cancelled-completely td.status-glow p {
    background: 0 0;
    border: 2px solid #e5e6e7;
    padding: 2px
}

.post-order-container table.recent-order-tbl tbody tr.order-cancelled-completely td.status-glow p.on {
    background-color: #1c0;
    opacity: .4;
    border: none;
    padding: 3px
}

.post-order-container table.recent-order-tbl tbody tr.order-cancelled-partially {
    background: #fbfbfb
}

.post-order-container table.range-order-tbl thead .order-date {
    width: 9%
}

.post-order-container table.range-order-tbl thead .order-num {
    width: 13%
}

.post-order-container table.range-order-tbl thead .po-num {
    width: 12%
}

.post-order-container table.range-order-tbl thead .process-num {
    width: 13%
}

.post-order-container table.range-order-tbl thead .inv-num {
    width: 17%
}

.post-order-container table.range-order-tbl thead .action {
    width: 36%
}

.post-order-container .invoice-list-container table.invoice-list-tbl,
.post-order-container table.range-order-tbl,
.post-order-container table.recent-order-tbl {
    text-align: left;
    margin-bottom: 20px
}

.post-order-container .invoice-list-container table.invoice-list-tbl thead th,
.post-order-container table.range-order-tbl thead th,
.post-order-container table.recent-order-tbl thead th {
    text-align: left;
    padding-left: 5px;
    vertical-align: top
}

.post-order-container .invoice-list-container table.invoice-list-tbl thead th.packing-slip>div,
.post-order-container table.range-order-tbl thead th.packing-slip>div,
.post-order-container table.recent-order-tbl thead th.packing-slip>div {
    white-space: nowrap !important
}

.post-order-container .invoice-list-container table.invoice-list-tbl thead th .pz-tooltip-ship-docs,
.post-order-container table.range-order-tbl thead th .pz-tooltip-ship-docs,
.post-order-container table.recent-order-tbl thead th .pz-tooltip-ship-docs {
    width: 262px !important
}

.post-order-container .invoice-list-container table.invoice-list-tbl thead th .pz-tooltip-ship-docs.inside-th .tooltip-inner,
.post-order-container table.range-order-tbl thead th .pz-tooltip-ship-docs.inside-th .tooltip-inner,
.post-order-container table.recent-order-tbl thead th .pz-tooltip-ship-docs.inside-th .tooltip-inner {
    padding: 6px 8px !important;
    max-width: 300px !important;
    min-height: 30px
}

.post-order-container .invoice-list-container table.invoice-list-tbl thead th .form-group,
.post-order-container table.range-order-tbl thead th .form-group,
.post-order-container table.recent-order-tbl thead th .form-group {
    margin-bottom: 0;
    display: inline-block;
    margin-top: 5px;
    position: relative
}

.post-order-container .invoice-list-container table.invoice-list-tbl thead th .form-group .fa-search,
.post-order-container table.range-order-tbl thead th .form-group .fa-search,
.post-order-container table.recent-order-tbl thead th .form-group .fa-search {
    position: absolute;
    right: 7px;
    top: 15px;
    font-size: 12px
}

.post-order-container .invoice-list-container table.invoice-list-tbl thead th .form-group .close-icon,
.post-order-container table.range-order-tbl thead th .form-group .close-icon,
.post-order-container table.recent-order-tbl thead th .form-group .close-icon {
    top: 15px;
    right: 7px;
    width: 11px;
    height: 11px
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody .status-glow p,
.post-order-container table.range-order-tbl tbody .status-glow p,
.post-order-container table.recent-order-tbl tbody .status-glow p {
    background-color: #e5e6e7;
    padding: 3px;
    border-radius: 7px;
    width: 32px;
    margin: 0 auto
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody .status-glow p.on,
.post-order-container table.range-order-tbl tbody .status-glow p.on,
.post-order-container table.recent-order-tbl tbody .status-glow p.on {
    background-color: #45c500;
    padding: 3px
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td,
.post-order-container table.range-order-tbl tbody td,
.post-order-container table.recent-order-tbl tbody td {
    padding: 10px 5px;
    vertical-align: middle
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td .fa,
.post-order-container table.range-order-tbl tbody td .fa,
.post-order-container table.recent-order-tbl tbody td .fa {
    font-size: 21px;
    top: 2px;
    position: relative
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td .fa.fa-print,
.post-order-container table.range-order-tbl tbody td .fa.fa-print,
.post-order-container table.recent-order-tbl tbody td .fa.fa-print {
    margin: 0 10px
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td a,
.post-order-container table.range-order-tbl tbody td a,
.post-order-container table.recent-order-tbl tbody td a {
    text-decoration: none
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.td-word-break,
.post-order-container table.range-order-tbl tbody td.td-word-break,
.post-order-container table.recent-order-tbl tbody td.td-word-break {
    word-break: break-word;
    min-width: 80px
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs,
.post-order-container table.range-order-tbl tbody td.ship-docs,
.post-order-container table.recent-order-tbl tbody td.ship-docs {
    position: relative
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs>a,
.post-order-container table.range-order-tbl tbody td.ship-docs>a,
.post-order-container table.recent-order-tbl tbody td.ship-docs>a {
    padding: 8px
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs {
    opacity: 1 !important;
    z-index: 1 !important;
    width: 156px;
    margin: 0;
    padding: 0
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs.right,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs.right,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs.right {
    padding: 0 8px !important
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-arrow,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-arrow,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-arrow {
    left: 20%;
    bottom: -6px;
    margin-left: -5px;
    border-width: 25px 17px 0;
    border-top-color: #fff;
    display: none
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-arrow::after,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-arrow::after,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-arrow::after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 23px;
    bottom: 8px;
    position: absolute;
    z-index: 9999;
    background: #fff;
    color: #b9c0c7;
    height: 17px
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs:before,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs:before,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs:before {
    content: '';
    display: block;
    position: absolute;
    left: -9px;
    top: 50%;
    width: 0;
    margin-top: -10px;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #b9c0c7
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs:after,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs:after,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs:after {
    content: '';
    display: block;
    position: absolute;
    left: -6px;
    top: 50%;
    margin-top: -9px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-right-color: #fff
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner {
    position: relative;
    border-radius: 3px;
    background-color: #fff !important;
    color: #000;
    padding: 5px;
    border: 1px solid #b9c0c7;
    box-shadow: 1px 1px 7px 0 #b9c0c7;
    min-height: 30px
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper {
    text-align: left
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list {
    padding: 0;
    margin: 0
}

.post-order-container .invoice-list-container table.invoice-list-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list>li,
.post-order-container table.range-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list>li,
.post-order-container table.recent-order-tbl tbody td.ship-docs .pz-tooltip-ship-docs .tooltip-inner .content-wrapper .ship-docs-list>li {
    list-style: none;
    padding: 3px
}

.post-order-container .tab-content {
    border-top: none
}

.post-order-container .sort-arrow {
    padding-left: 5px
}

.post-order-container .invoice-list-container table.invoice-list-tbl th {
    text-align: left;
    padding-top: 10px
}

.post-order-container .back-order-container .invoice-list-container table thead th,
.post-order-container .back-order-container table.range-order-tbl thead th,
.post-order-container .back-order-container table.recent-order-tbl thead th {
    padding-top: 10px
}

.post-order-container .back-order-container table.recent-order-tbl thead .ord-date,
.post-order-container .back-order-container table.recent-order-tbl thead .ord-num,
.post-order-container .back-order-container table.recent-order-tbl thead .po-num {
    width: 9%
}

@media (max-width:1024px) {
    .post-order-container .back-order-container table.recent-order-tbl thead .order-type {
        width: 6%;
        min-width: 112px
    }

    .post-order-container .back-order-container table.recent-order-tbl thead .order-type .form-group {
        width: 70px
    }
}

.post-order-container .back-order-container table.recent-order-tbl thead .ship-to,
.post-order-container .back-order-container table.recent-order-tbl thead .sold-to {
    width: 8%
}

.post-order-container .back-order-container table.recent-order-tbl thead .desc {
    width: 10%
}

.post-order-container .back-order-container table.recent-order-tbl thead .part-num {
    width: 8%
}

.post-order-container .back-order-container table.recent-order-tbl thead .qty-req {
    width: 7%
}

.post-order-container .back-order-container table.recent-order-tbl thead .ext-price,
.post-order-container .back-order-container table.recent-order-tbl thead .promise-date {
    width: 9%
}

.post-order-container .back-order-container table.recent-order-tbl thead .action {
    width: 10%
}

.post-order-container table.back-ordr-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-toggle,
.post-order-container table.invoice-list-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-toggle,
.post-order-container table.recent-order-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-toggle {
    background: #fff;
    color: #555;
    border-color: #cacaca;
    border-radius: 3px;
    box-shadow: none;
    height: 28px;
    padding: 3px 6px;
    margin-top: 5px;
    line-height: 18px
}

.post-order-container table.back-ordr-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-toggle .fa-caret-down,
.post-order-container table.invoice-list-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-toggle .fa-caret-down,
.post-order-container table.recent-order-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-toggle .fa-caret-down {
    font-size: 16px;
    color: #0093c6
}

.post-order-container table.back-ordr-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu,
.post-order-container table.invoice-list-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu,
.post-order-container table.recent-order-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu {
    width: 194px
}

.post-order-container table.back-ordr-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu>li,
.post-order-container table.invoice-list-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu>li,
.post-order-container table.recent-order-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu>li {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #393939
}

.post-order-container table.back-ordr-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu>li.divider,
.post-order-container table.invoice-list-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu>li.divider,
.post-order-container table.recent-order-tbl thead tr th.th-mob-ordr-status .btn-group .dropdown-menu>li.divider {
    padding-top: 0;
    padding-bottom: 0
}

.post-order-container table.back-ordr-tbl thead tr th,
.post-order-container table.invoice-list-tbl thead tr th,
.post-order-container table.recent-order-tbl thead tr th {
    border-bottom: 0;
    padding: 10px 5px 0
}

.post-order-container table.back-ordr-tbl thead tr th .checkbox-label,
.post-order-container table.invoice-list-tbl thead tr th .checkbox-label,
.post-order-container table.recent-order-tbl thead tr th .checkbox-label {
    margin: 0 0 0 14px;
    color: #7f7f7f;
    font-weight: 600;
    font-size: 12px;
    display: block
}

.post-order-container table.back-ordr-tbl thead tr th .checkbox-label .fa-check-square,
.post-order-container table.back-ordr-tbl thead tr th .checkbox-label .fa-square-o,
.post-order-container table.invoice-list-tbl thead tr th .checkbox-label .fa-check-square,
.post-order-container table.invoice-list-tbl thead tr th .checkbox-label .fa-square-o,
.post-order-container table.recent-order-tbl thead tr th .checkbox-label .fa-check-square,
.post-order-container table.recent-order-tbl thead tr th .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

.post-order-container table.back-ordr-tbl thead tr th .checkbox-label .fa-check-square,
.post-order-container table.invoice-list-tbl thead tr th .checkbox-label .fa-check-square,
.post-order-container table.recent-order-tbl thead tr th .checkbox-label .fa-check-square {
    background-color: #fff
}

.post-order-container table.back-ordr-tbl thead tr th>.th-child-div,
.post-order-container table.invoice-list-tbl thead tr th>.th-child-div,
.post-order-container table.recent-order-tbl thead tr th>.th-child-div {
    position: relative
}

.post-order-container table.back-ordr-tbl thead tr th>.th-child-div .sort-arrow,
.post-order-container table.invoice-list-tbl thead tr th>.th-child-div .sort-arrow,
.post-order-container table.recent-order-tbl thead tr th>.th-child-div .sort-arrow {
    padding-left: 5px;
    width: auto;
    float: none !important;
    position: absolute;
    top: 0;
    right: 0
}

.post-order-container table.back-ordr-tbl thead tr th>.th-child-div>span.tbl-lbl,
.post-order-container table.invoice-list-tbl thead tr th>.th-child-div>span.tbl-lbl,
.post-order-container table.recent-order-tbl thead tr th>.th-child-div>span.tbl-lbl {
    padding-right: 10px;
    display: inline-block;
    white-space: nowrap
}

.post-order-container table.back-ordr-tbl thead tr th>.th-desc,
.post-order-container table.invoice-list-tbl thead tr th>.th-desc,
.post-order-container table.recent-order-tbl thead tr th>.th-desc {
    width: 150px
}

.post-order-container table.back-ordr-tbl thead tr.search-tr th,
.post-order-container table.invoice-list-tbl thead tr.search-tr th,
.post-order-container table.recent-order-tbl thead tr.search-tr th {
    padding: 15px 5px;
    border-top: 0;
    vertical-align: bottom
}

.order-detail-container .table-order-details thead tr th,
.post-order-container .email-container>.dropdown-menu h2 a img {
    vertical-align: top
}

.post-order-container table.back-ordr-tbl thead tr.search-tr th .form-group,
.post-order-container table.invoice-list-tbl thead tr.search-tr th .form-group,
.post-order-container table.recent-order-tbl thead tr.search-tr th .form-group {
    width: 100%;
    max-width: 150px;
    margin: 0 auto
}

.post-order-container table.back-ordr-tbl thead tr.search-tr th .form-group input.form-control,
.post-order-container table.invoice-list-tbl thead tr.search-tr th .form-group input.form-control,
.post-order-container table.recent-order-tbl thead tr.search-tr th .form-group input.form-control {
    padding: 6px 20px 6px 4px;
    margin: 0
}

.post-order-container .table.invoice-list-tbl tbody tr td,
.post-order-container .table.invoice-list-tbl thead tr th {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.post-order-container table.back-ordr-tbl thead tr.search-tr th .form-group.fixed-width,
.post-order-container table.invoice-list-tbl thead tr.search-tr th .form-group.fixed-width,
.post-order-container table.recent-order-tbl thead tr.search-tr th .form-group.fixed-width {
    width: 160px
}

.post-order-container table.back-ordr-tbl thead tr.search-tr th.th-shop-doc-info,
.post-order-container table.invoice-list-tbl thead tr.search-tr th.th-shop-doc-info,
.post-order-container table.recent-order-tbl thead tr.search-tr th.th-shop-doc-info {
    text-align: center !important
}

.post-order-container table.back-ordr-tbl thead tr.search-tr th.brdr-lr-0,
.post-order-container table.invoice-list-tbl thead tr.search-tr th.brdr-lr-0,
.post-order-container table.recent-order-tbl thead tr.search-tr th.brdr-lr-0 {
    border-left: 0;
    border-right: 0
}

.post-order-container table.back-ordr-tbl thead tr.search-tr th.brdr-lr-0 .mob-drpdwn,
.post-order-container table.invoice-list-tbl thead tr.search-tr th.brdr-lr-0 .mob-drpdwn,
.post-order-container table.recent-order-tbl thead tr.search-tr th.brdr-lr-0 .mob-drpdwn {
    width: 150px
}

.post-order-container table.back-ordr-tbl thead tr.search-tr th.brdr-l-0,
.post-order-container table.invoice-list-tbl thead tr.search-tr th.brdr-l-0,
.post-order-container table.recent-order-tbl thead tr.search-tr th.brdr-l-0 {
    border-left: 0
}

.post-order-container table.back-ordr-tbl thead tr.tr-exception>td,
.post-order-container table.invoice-list-tbl thead tr.tr-exception>td,
.post-order-container table.recent-order-tbl thead tr.tr-exception>td {
    height: 200px
}

.post-order-container .table.invoice-list-tbl thead tr th .form-group {
    max-width: 150px !important
}

.post-order-container .inv-col-inner {
    min-width: 80px
}

.post-order-container .email-container {
    display: inline-block
}

.post-order-container .email-container>a {
    background-color: #fff !important
}

.post-order-container .email-container>.dropdown-menu {
    padding: 5px;
    width: 686px;
    background: #f6f6f6;
    left: -519px;
    top: 27px;
    border: 0
}

.post-order-container .email-container>.dropdown-menu h2 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 300;
    color: #9b9b9b
}

.post-order-container .email-container>.dropdown-menu h2 b {
    font-weight: 400
}

.post-order-container .email-container>.dropdown-menu form label {
    color: #b3b3b3;
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px
}

.post-order-container .email-container>.dropdown-menu form .form-group .clear-email {
    color: #0093c6;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    margin-right: 10px
}

.post-order-container .email-container>.dropdown-menu form .form-group textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

.post-order-container .email-container>.dropdown-menu form .form-group textarea::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.post-order-container .email-container>.dropdown-menu form .form-group textarea::-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.post-order-container .email-container>.dropdown-menu form .form-group textarea:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.post-order-container .email-container>.dropdown-menu form .form-group textarea:-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.post-order-container .email-container>.dropdown-menu form .form-group .checkbox-label {
    margin: 0 0 0 14px;
    color: #7f7f7f;
    font-weight: 600;
    font-size: 12px
}

.post-order-container .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square,
.post-order-container .email-container>.dropdown-menu form .form-group .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

.post-order-container .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square {
    background-color: #fff
}

.post-order-container .email-container>.dropdown-menu form .form-group p.err-txt {
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00;
    margin-top: 2px
}

.post-order-container .email-container>.dropdown-menu form .form-grp-txtarea {
    margin-bottom: 10px
}

.post-order-container .email-container>.dropdown-menu form .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

.post-order-container .email-container>.dropdown-menu form .form-group.btn-control .btn .glyphicon {
    margin-right: 5px
}

.post-order-container .email-container>.dropdown-menu form p.top-err {
    font-weight: 600;
    color: #ff8a00
}

.post-order-container .email-container>.dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    content: "";
    top: -8px;
    right: 149px;
    position: absolute
}

.text-center {
    text-align: center !important
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .post-order-container .orderDetailBtn {
        margin-bottom: 10px
    }

    .post-order-container .tab-container .invoice-list-container .date-wrapper,
    .post-order-container .tab-container .specify-date-range .date-wrapper {
        width: 150px
    }

    .post-order-container .notify-msg {
        font-size: 14px
    }

    .post-order-container .notify-msg .fa-check-circle {
        font-size: 20px;
        padding-right: 12px
    }

    .post-order-container .inv-col-inner {
        min-width: 40px
    }

    .post-order-container .email-container>.dropdown-menu {
        left: -310px
    }

    .post-order-container .email-container>.dropdown-menu:after {
        right: 357px
    }

    .table.recent-order-tbl.back-ordr-tbl th.promise-date .promise-date-label {
        width: 40px
    }

    .table.recent-order-tbl {
        width: 100% !important
    }

    .table.recent-order-tbl thead tr th {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .table.recent-order-tbl thead tr th.order-date {
        width: 11%
    }

    .table.recent-order-tbl thead tr th.order-type {
        min-width: 112px;
        width: 6%
    }

    .table.recent-order-tbl thead tr th.promise-date {
        width: 11% !important
    }

    .table.recent-order-tbl thead tr th.action {
        min-width: 100px
    }

    .table.recent-order-tbl tbody td {
        padding: 10px 5px !important
    }

    .table.range-order-tbl {
        width: 100% !important
    }

    .search-text-bar input {
        font-size: 12px
    }
}

#MyOrders .desktopWidth {
    width: 88.66667%
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group,
.add-recipients .modal-content .add-recipients-container .add-recipients-header {
    width: 100%
}

#MyOrders .download-report-wrapper {
    display: inline-block;
    padding: 6px 20px
}

#MyOrders .download-report-wrapper .download-report {
    display: inline-block;
    cursor: pointer;
    position: relative;
    color: #0093c6;
    font-weight: 600;
    font-size: 12px;
    top: 0
}

#MyOrders .download-report-wrapper .download-report>.disabled-img {
    cursor: not-allowed
}

#MyOrders .download-report-wrapper .download-report .fa-file-excel-o {
    color: #0093c6;
    font-size: 14px;
    margin: 0 9px 0 0
}

#MyOrders .my-order-container {
    margin: 15px;
    padding-left: 0;
    padding-right: 0;
    background-color: #E8E8E8
}

.nav>li>.menu {
    position: relative;
    display: block;
    padding: 5px 0;
    color: #323232;
    cursor: pointer
}

.add-recipients .modal-content .add-recipients-container {
    padding: 20px;
    width: 100%;
    display: inline-block
}

.add-recipients .modal-content .add-recipients-container .add-recipients-header h1 {
    margin: 0;
    padding: 0
}

.add-recipients .modal-content .add-recipients-container .add-recipients-header a {
    float: right
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-label label {
    margin: 10px 0 0 10px
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app {
    height: 32px;
    font-weight: 600;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    line-height: 16px;
    min-width: 100px
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app.active.focus,
.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app.active:focus,
.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app.focus,
.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app:active.focus,
.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app:active:focus,
.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app:focus {
    outline: 0
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app-primary.focus,
.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app-primary:focus,
.add-recipients .modal-content .add-recipients-container .add-recipients-body .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body button[disabled].btn-app-primary {
    background-color: #dbdbdb !important;
    color: #acacac !important;
    border: 1px solid #dbdbdb !important
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input {
    margin-top: 10px
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .pzv-label-lc1 {
    display: none
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .err-msg {
    margin: 5px;
    text-align: right
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .mobile-no {
    border-radius: 0 3px 3px 0
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn {
    position: static
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn button {
    height: 34px !important;
    background: #fff;
    border-right: 0;
    box-shadow: none !important;
    outline: 0;
    margin: 0;
    color: #333;
    border-color: #ccc;
    border-radius: 3px 0 0 3px !important;
    padding: 6px;
    min-width: 56px
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn button .flag {
    margin-right: 5px;
    width: 25px;
    margin-top: -3px
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn ul {
    width: 100%;
    height: 300px;
    overflow: auto
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn ul li a {
    padding: 5px 15px;
    font-size: 13px
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn ul li a .flag {
    width: 20px;
    margin-right: 10px;
    margin-top: -3px
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn ul .divider {
    margin: 0;
    padding: 0
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-row {
    margin: 10px 0
}

.add-recipients .modal-content .add-recipients-container .add-recipients-body .disclaimer-panel {
    font-size: 11px;
    font-weight: 600
}

.order-detail-container .process-not-complete-wrapper {
    font-size: 20px;
    padding-top: 50px;
    padding-bottom: 50px
}

.order-detail-container .process-not-complete-wrapper .message {
    font-size: 18px;
    font-weight: 400
}

.order-detail-container .btn-app {
    min-width: 96.54px
}

.order-detail-container .table-order-details thead tr th.col-desc {
    width: 20%
}

.order-detail-container .fa-envelope {
    font-size: 21px;
    padding-top: 3px;
    cursor: pointer;
    position: relative;
    top: 3px
}

@media print {
    .created-by-icon {
        display: none !important
    }

    .print-logo.detail {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 140px !important
    }

    body * {
        visibility: hidden
    }

    #printSection,
    #printSection * {
        visibility: visible
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0
    }

    .invoice-header-tbl,
    table {
        width: 100%
    }

    .td-03 {
        width: 33%
    }

    #order-detail-printable-area table {
        width: 900px !important;
        border: 1px solid #ddd !important
    }

    #order-detail-printable-area table td {
        word-wrap: break-word
    }

    table.address-table {
        width: 100%
    }

    table.address-table td,
    table.address-table th {
        border-right: 1px solid #ddd !important;
        width: 33.333%
    }

    table.header-table {
        width: 100%
    }

    table.header-table th {
        width: 16.666%
    }

    table.header-table td {
        width: 16.666%;
        padding: 10px
    }

    a,
    body,
    div,
    h1,
    h2,
    h3,
    p,
    td,
    th {
        color: #000 !important;
        background-color: #fff !important
    }

    body {
        min-width: 640px !important
    }

    .action-btn-div {
        display: none
    }
}

#order {
    margin-bottom: 25vh
}

.order-detail-container {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px
}

.order-detail-container table>thead>tr>th {
    border-bottom: none
}

.order-detail-container .dropdown-menu {
    padding: 5px;
    width: 686px;
    background: #f6f6f6;
    left: -635px;
    top: 36px;
    border: 0
}

.order-detail-container .email-container>.dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    content: "";
    top: -10px;
    right: 35px;
    position: absolute
}

.order-detail-container .download-order {
    text-align: right;
    cursor: pointer;
    position: relative;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 10px;
    display: inline-block
}

.order-detail-container .download-order .fa-file-excel-o {
    font-size: 17px;
    margin: 0 10px 0 0
}

.order-detail-container .download-order span {
    font-size: 12px
}

.order-detail-container .created-by-icon .tooltip {
    z-index: 1
}

.order-detail-container .breadcrumb {
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px;
    padding: 8px 20px
}

.order-detail-container .breadcrumb li+li:before {
    padding: 0 5px;
    content: "> ";
    font-size: 10px;
    color: #777
}

.order-detail-container .created-by-icon i,
.order-detail-container .created-by-icon i.user-details-open {
    color: #6e6e6e
}

.order-detail-container .breadcrumb a:hover {
    cursor: pointer
}

.order-detail-container .created-by-icon {
    display: inline-block;
    position: relative;
    margin-left: 5px
}

.order-detail-container .created-by-icon i:hover {
    cursor: pointer;
    color: #6e6e6e
}

.order-detail-container .pz-tooltip-ordr-details {
    opacity: 1 !important
}

.order-detail-container .pz-tooltip-ordr-details.right {
    padding: 0 8px !important
}

.order-detail-container .pz-tooltip-ordr-details .tooltip-arrow {
    margin-left: -8px !important;
    border-width: 0 8px 8px !important;
    border-bottom-color: #323232 !important
}

.order-detail-container .pz-tooltip-ordr-details .tooltip-inner {
    position: relative;
    border-radius: 3px;
    background-color: #323232 !important;
    padding: 16px;
    width: 100%;
    min-width: 320px
}

.order-detail-container .pz-tooltip-ordr-details .tooltip-inner .content-wrapper {
    text-align: left
}

.order-detail-container .pz-tooltip-ordr-details .tooltip-inner .content-wrapper .tooltip-title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #acacac
}

.order-detail-container .pz-tooltip-ordr-details .tooltip-inner .content-wrapper .label-txt {
    font-size: 13px;
    font-weight: 600;
    color: #acacac
}

.order-detail-container .pz-tooltip-ordr-details .tooltip-inner .content-wrapper .label-txt .label-val {
    color: #fff;
    margin-left: 5px
}

.order-detail-container .pz-tooltip-ordr-details .tooltip-inner .close-overlay {
    position: absolute;
    top: 10px;
    right: 14px
}

.order-detail-container .pz-tooltip-ordr-details .tooltip-inner .close-overlay img {
    width: 9px;
    height: 9px
}

.order-detail-container .btn-primary {
    background-color: #0096c9;
    border-color: #0096c9
}

.order-detail-container .btn-app.active.focus,
.order-detail-container .btn-app.active:focus,
.order-detail-container .btn-app.focus,
.order-detail-container .btn-app:active.focus,
.order-detail-container .btn-app:active:focus,
.order-detail-container .btn-app:focus {
    outline: 0
}

.order-detail-container .address-table {
    margin-bottom: 10px;
    width: 100%
}

.order-detail-container .address-table td,
.order-detail-container .address-table th {
    width: 33.333%
}

.order-detail-container .header-table {
    width: 100%
}

.order-detail-container .header-table th {
    width: 16.666%
}

.order-detail-container .header-table td {
    width: 16.666%;
    padding: 10px
}

@media print {
    .order-detail-container .table-order-details {
        width: 100%
    }
}

.order-detail-container .po-tbl-wrapper {
    padding: 20px
}

.order-detail-container .po-tbl-wrapper .my-oder-lbl {
    text-align: left;
    line-height: 30px;
    padding-left: 0;
    margin: 0
}

.order-detail-container .table tfoot tr.tr-total,
.pzv-order-detail-new-container .text-right {
    text-align: right
}

.order-detail-container .po-tbl-wrapper .po-details {
    margin-bottom: 10px
}

.order-detail-container .po-tbl-wrapper .pr-0 {
    padding-right: 0
}

.order-detail-container .po-tbl-wrapper .pl-0 {
    padding-left: 0
}

.order-detail-container .po-tbl-wrapper .prl-0 {
    padding-right: 0;
    padding-left: 0
}

.order-detail-container .po-tbl-wrapper .head {
    padding: 15px 10px
}

.order-detail-container .po-tbl-wrapper .address,
.order-detail-container .po-tbl-wrapper .body {
    padding: 10px;
    margin-bottom: 0
}

.order-detail-container .po-tbl-wrapper table tbody tr td a {
    text-decoration: none
}

.order-detail-container .table tfoot tr.tr-total td {
    padding: 12px 8px;
    border-right: 0;
    border-left: 0
}

.order-detail-container .no-margin {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0
}

.order-detail-container .backBtn {
    width: 60px;
    height: 40px
}

.order-detail-container .head,
.order-detail-container .my-oder-lbl {
    padding: 0 10px 15px
}

.order-detail-container .print-action {
    margin-top: 3px;
    display: inline-block
}

.order-detail-container .mr-30 {
    margin-right: 30px
}

.order-detail-container .fa-print {
    font-size: 22px;
    padding-top: 3px;
    cursor: pointer;
    position: relative;
    top: 3px
}

.order-detail-container .tab-content {
    border: 1px solid #EEE;
    border-top: none
}

.order-detail-container .sort-arrow {
    margin-left: 20px
}

.order-detail-container .nav-tabs li .nav-link {
    font-size: 13px;
    font-weight: 600;
    background-color: #EEE
}

.order-detail-container .nav-tabs li.active .nav-link {
    background-color: #FFF
}

.order-detail-container .orderDetailBtn {
    display: inline-block;
    width: 90px;
    height: 23px;
    font-size: 12px;
    padding: 1px 5px
}

.invoice-details-container .po-tbl-wrapper {
    padding: 20px 30px
}

.print-logo {
    display: none
}

@media print {
    .created-by-icon {
        display: none !important
    }

    .print-logo.detail {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 140px !important
    }

    body * {
        visibility: hidden
    }

    #printSection,
    #printSection * {
        visibility: visible
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0
    }

    .invoice-header-tbl,
    table {
        width: 100%
    }

    .td-03 {
        width: 33%
    }

    #order-detail-printable-area table {
        width: 100% !important;
        border: 1px solid #ddd !important
    }

    #order-detail-printable-area table td {
        word-wrap: break-word
    }

    table.address-table {
        width: 100%
    }

    table.address-table td,
    table.address-table th {
        border-right: 1px solid #ddd !important;
        width: 33.333%
    }

    table.header-table {
        width: 100%;
        margin-bottom: 10px
    }

    table.header-table th {
        width: 16.666%
    }

    table.header-table td {
        width: 16.666%;
        padding: 10px
    }

    a,
    body,
    div,
    h1,
    h2,
    h3,
    p,
    td,
    th {
        color: #000 !important;
        background-color: #fff !important
    }

    body {
        min-width: 640px !important
    }

    .action-btn-div {
        display: none
    }
}

.pzv-order-detail-new-container {
    margin: 20px;
    clear: both
}

.pzv-order-detail-new-container .server-data-not-avail .title,
.pzv-order-detail-new-container .server-error .title {
    font-size: 24px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-order-detail-new-container .server-data-not-avail .message,
.pzv-order-detail-new-container .server-data-not-avail .no-data,
.pzv-order-detail-new-container .server-error .message,
.pzv-order-detail-new-container .server-error .no-data {
    text-align: center;
    height: 230px;
    padding-top: 50px
}

.pzv-order-detail-new-container .server-data-not-avail .message .fa-warning,
.pzv-order-detail-new-container .server-data-not-avail .no-data .fa-warning,
.pzv-order-detail-new-container .server-error .message .fa-warning,
.pzv-order-detail-new-container .server-error .no-data .fa-warning {
    margin-right: 10px;
    font-size: 16px
}

.pzv-order-detail-new-container .active-on-print {
    display: none
}

.pzv-order-detail-new-container .active-on-print .print-view-logo {
    margin-top: -55px
}

.pzv-order-detail-new-container .order-detail-title h1 {
    font-size: 24px;
    color: #4a4a4a;
    margin-top: 8px
}

.pzv-order-detail-new-container .order-detail-title .pull-right {
    margin-top: -5px
}

.pzv-order-detail-new-container .order-detail-title .pull-right .goto-back {
    font-weight: 600;
    border-radius: 3px;
    background-color: transparent;
    border: 2px solid #09c;
    color: #09c;
    outline: 0;
    padding: 2px 12px;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative
}

.pzv-order-detail-new-container .created-by-icon i,
.pzv-order-detail-new-container .created-by-icon i.user-details-open {
    color: #6e6e6e
}

.pzv-order-detail-new-container .order-detail-title .pull-right .print-action {
    font-size: 18px;
    padding-top: 25px;
    cursor: pointer;
    position: relative;
    bottom: 7px
}

.pzv-order-detail-new-container .order-detail-title .pull-right .download-order {
    font-size: 12px;
    padding-top: 25px;
    cursor: pointer;
    position: relative;
    bottom: 4px
}

.pzv-order-detail-new-container .created-by-icon {
    display: inline-block;
    position: relative;
    margin-left: 5px
}

.pzv-order-detail-new-container .created-by-icon i:hover {
    cursor: pointer;
    color: #6e6e6e
}

.pzv-order-detail-new-container .order-detail-heading .order-details-accordion {
    margin-top: 12px
}

.pzv-order-detail-new-container .order-detail-heading .pzv-order-text {
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #acacac
}

.pzv-order-detail-new-container .order-detail-heading .order-text-bind {
    font-size: 12px;
    color: #050505
}

.pzv-order-detail-new-container .order-detail-heading .order-detail-type-emg {
    opacity: .93;
    border-radius: 4px
}

.pzv-order-detail-new-container .order-detail-heading .order-detail-type-emg .emr-text {
    padding: 0 3px 3px;
    font-size: 12px;
    color: #9c059c;
    background: #f1eeee
}

.pzv-order-detail-new-container .order-detail-heading .order-detail-type-stk {
    border-radius: 4px
}

.pzv-order-detail-new-container .order-detail-heading .order-detail-type-stk .stk-text {
    background: #eef4e8;
    color: #698748;
    font-size: 12px;
    padding: 0 3px 3px
}

.pzv-order-detail-new-container .order-detail-heading .pzv-order-confirm {
    font-size: 12px;
    top: 8px;
    padding: 0
}

.pzv-order-detail-new-container .order-detail-heading .pzv-order-confirm .img-confirm {
    width: 20px;
    height: 20px
}

.pzv-order-detail-new-container .order-detail-heading .pzv-order-confirm .confirm-text {
    position: relative;
    top: 2px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    right: 10px
}

.pzv-order-detail-new-container .order-detail-heading .pzv-order-confirm .order-ship-doc-disabled {
    opacity: .5;
    width: 35px;
    height: 23px;
    object-fit: contain;
    cursor: context-menu
}

.pzv-order-detail-new-container .order-detail-heading .pzv-order-confirm .order-ship-docs {
    width: 35px;
    height: 23px;
    object-fit: contain;
    cursor: pointer
}

.pzv-order-detail-new-container .order-detail-heading .panel-heading div:active,
.pzv-order-detail-new-container .order-detail-heading .panel-heading div:focus,
.pzv-order-detail-new-container .order-detail-heading .panel-heading div:hover,
.pzv-order-detail-new-container .order-detail-heading .panel-heading div:visited,
.pzv-order-detail-new-container .order-detail-heading .panel-title:active,
.pzv-order-detail-new-container .order-detail-heading .panel-title:focus,
.pzv-order-detail-new-container .order-detail-heading .panel-title:hover,
.pzv-order-detail-new-container .order-detail-heading .panel-title:visited {
    outline: 0 !important;
    text-decoration: none
}

.pzv-order-detail-new-container .order-detail-heading i.acc-arrow {
    font-weight: 700;
    font-size: 25px;
    color: #36a6d0;
    position: absolute;
    top: 45px;
    right: 35px;
    cursor: pointer
}

.pzv-order-detail-new-container .order-detail-heading .pzv-panel-title {
    margin: 10px !important
}

.pzv-order-detail-new-container .order-detail-heading .pzv-panel-title a.accordion-toggle {
    cursor: default
}

.pzv-order-detail-new-container .order-detail-heading .pzv-panel-title a.accordion-toggle i.fa {
    font-weight: 700;
    font-size: 20px;
    color: #36a6d0;
    position: relative;
    top: -28px;
    cursor: pointer
}

.pzv-order-detail-new-container .order-detail-heading .pzv-panel-heading {
    background: #fff !important;
    border-radius: 6px
}

.pzv-order-detail-new-container .order-detail-heading .ship-bl-sold-wrapper .ship-bl-sold {
    border: 1px dashed #c9c6c6;
    border-radius: 4px;
    padding: 8px;
    min-height: 50px
}

.pzv-order-detail-new-container .order-detail-heading .ship-bl-sold-wrapper .ship-bl-sold .ord-til {
    font-size: 13px;
    font-weight: 700
}

.pzv-order-detail-new-container .order-detail-heading .ship-bl-sold-wrapper .ship-bl-sold .bdr-r {
    font-size: 12px;
    margin-top: 8px
}

.pzv-order-detail-new-container .order-detail-heading .shipping-method {
    font-size: 12px;
    font-weight: 520
}

.pzv-order-detail-new-container .order-detail-heading .pzv-terms-carrier {
    font-weight: 700
}

.pzv-order-detail-new-container .order-detail-heading .pzv-order-summary {
    font-size: 12px;
    font-weight: 600;
    color: #acacac;
    text-align: left;
    margin-left: 10px
}

.pzv-order-detail-new-container .order-detail-heading .pzv-order-summary-mobile {
    font-size: 12px;
    font-weight: 600;
    color: #acacac;
    text-align: left;
    margin-left: 0
}

.pzv-order-detail-new-container .order-detail-heading .content-mobile {
    font-size: 12px;
    margin-top: 5px;
    padding: 10px;
    text-align: left;
    margin-left: 0
}

.pzv-order-detail-new-container .order-detail-heading .content-mobile div {
    margin-bottom: 10px
}

.pzv-order-detail-new-container .order-detail-heading .content-mobile .pzv-summary-content {
    text-align: right
}

.pzv-order-detail-new-container .order-detail-heading .content-mobile .order-total {
    font-size: 14px;
    font-weight: 700
}

.pzv-order-detail-new-container .order-detail-heading .content {
    font-size: 12px;
    padding: 10px;
    text-align: left;
    margin: 8px
}

.pzv-order-detail-new-container .order-detail-heading .content div {
    margin-bottom: 10px
}

.pzv-order-detail-new-container .order-detail-heading .content .pzv-summary-content {
    text-align: right
}

.pzv-order-detail-new-container .order-detail-heading .content .order-total {
    font-size: 14px;
    font-weight: 700
}

.pzv-order-detail-new-container .order-detail-content {
    background-color: #fff;
    padding: 10px;
    margin-top: 20px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left {
    margin: 20px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .get-status .pzv-status {
    padding: 0
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .get-status .view-status-img {
    position: relative;
    top: 17px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .get-status .view-status-img .img-status {
    width: 29px;
    height: 29px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .get-status .view-status-text {
    padding-left: 20px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .get-status .icon-mgs {
    position: relative;
    top: 0;
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    display: block
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .get-status .status-data {
    font-size: 20px;
    font-weight: 700;
    font-style: normal
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .search-input {
    padding-right: 20px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .search-status-bar {
    border-radius: 5px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .search-status-bar input {
    position: relative
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .search-status-bar .search-icon {
    cursor: pointer
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .search-status-bar .search-icon i,
.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .search-status-bar .search-icon img {
    position: absolute;
    top: 10px;
    right: 16px;
    color: #333;
    font-size: 14px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .search-status-bar .search-icon img {
    width: 14px;
    top: 10px
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .selectpicker {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    position: relative;
    text-transform: uppercase
}

.pzv-order-detail-new-container .order-detail-content .pzv-get-status-left .pzv-select-all-icon {
    position: absolute;
    top: 10px;
    right: 18px;
    font-size: 12px
}

.pzv-order-detail-new-container .order-detail-content .order-list-data {
    border: 1px solid #ededed;
    margin: 0;
    border-radius: 6px;
    padding: 15px
}

.pzv-order-detail-new-container .order-detail-content .order-list-data .order-line-num {
    font-size: 13px;
    font-weight: 700;
    color: #000
}

.pzv-order-detail-new-container .order-detail-content .order-list-data .pzv-ord-tbl {
    font-size: 11px;
    color: #4a4a4a
}

.pzv-order-detail-new-container .order-detail-content .order-list-data .pzv-ord-qty {
    font-size: 11px;
    color: #9b9b9b;
    font-weight: 600
}

.pzv-order-detail-new-container .order-detail-content .order-list-data .pzv-ord-qty .pzv-qty-data {
    font-size: 13px;
    color: #4a4a4a
}

.pzv-order-detail-new-container .order-detail-content .order-list-data .pzv-ord-table {
    font-size: 12px;
    color: #4a4a4a;
    line-height: 18px
}

.pzv-order-detail-new-container .order-detail-content .order-list-data .get-item-status {
    position: relative
}

.pzv-order-detail-new-container .order-detail-content .order-list-data .check-icon {
    height: 16px;
    margin-top: 2px
}

.pzv-order-detail-new-container .order-detail-content .select-wrp:after {
    content: "";
    color: #333;
    font: normal normal normal 12px/1 FontAwesome;
    right: 18px;
    top: 9px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none
}

@media only screen and (min-device-width:319px) and (max-device-width:767px) {
    .pzv-order-detail-new-container .order-detail-heading .ship-bl-sold-wrapper {
        max-width: 100%
    }
}

@media print {
    .active-on-print {
        display: block !important;
        float: none
    }

    .hide-on-print {
        display: none !important
    }
}

.incomplete-order {
    margin-top: -55px;
    background: #eff0f2;
    padding-left: 20px;
    padding-right: 20px
}

.incomplete-order .littlegap {
    padding: 2px 0 0
}

.incomplete-order .littlegap p {
    font-weight: 400;
    color: #939393
}

.incomplete-order .littlegap .order-total {
    padding: 10px 0 5px 10px
}

.incomplete-order .littlegap .order-total p {
    font-weight: 700;
    font-size: 12px;
    color: #939393
}

.incomplete-order .littlegap .total-Qty {
    float: right;
    padding: 0 10px 10px;
    font-weight: 400;
    color: #646464
}

.incomplete-order .littlegap .total-Qty span {
    font-size: 24px;
    font-weight: 700;
    color: #646464
}

.incomplete-order .littlegap .text-center {
    padding-right: 6px
}

.incomplete-order .littlegap .order-item-wrapper {
    width: 98%;
    margin-left: 4px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.incomplete-order .littlegap .order-item-wrapper .order-item-name-wrap {
    font-size: 11px
}

.incomplete-order .outOfStack {
    text-align: left;
    height: 40px;
    background: #505050;
    padding: 0
}

.incomplete-order .outOfStack .ribon {
    background: #ff9d02;
    font-size: 8px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding: 3px
}

.incomplete-order .outOfStack .select {
    display: inline-block;
    margin-left: 50px
}

.incomplete-order .outOfStack .select SPAN {
    font-size: 11px;
    font-weight: 700;
    color: #fff
}

.incomplete-order .outOfStack .btn-ordrdetail {
    position: relative
}

.incomplete-order .outOfStack .btn-app-transparent {
    background-color: transparent;
    border: 1px solid #fff;
    color: #363636;
    line-height: 15px
}

.incomplete-order .outOfStack .btn-app:active:focus,
.incomplete-order .outOfStack .btn-app:focus {
    outline: 0
}

.incomplete-order .affix-ads {
    top: 80px
}

.incomplete-order .posFixed {
    position: fixed;
    right: 10px
}

.incomplete-order .parent-row {
    padding-top: 30px;
    padding-bottom: 30px
}

.incomplete-order .parent-row .col-left {
    padding-left: 0
}

.incomplete-order .parent-row .bg-white {
    background: #fff;
    border-radius: 4px;
    padding: 30px 0
}

.incomplete-order .parent-row .warnings {
    margin-bottom: 10px
}

.incomplete-order .parent-row .warnings .warning-icon {
    display: block;
    float: left;
    top: 10px;
    position: relative;
    margin-right: 14px;
    margin-left: 20px
}

.incomplete-order .parent-row .warnings .warning-icon .glyphicon-alert {
    color: #ff9d02;
    font-size: 18px
}

.incomplete-order .parent-row .warnings .warning-text {
    color: #6e6e6e;
    font-size: 14px;
    font-weight: 700;
    float: left;
    padding-top: 10px
}

.incomplete-order .parent-row .warnings .warning-text .warning-pri {
    margin-bottom: 3px
}

.incomplete-order .parent-row .warnings .warning-text .warning-sec {
    font-weight: 400;
    margin-bottom: 0
}

.incomplete-order .parent-row .warnings .warning-text .warning-sec span {
    font-weight: 700
}

.incomplete-order .parent-row .out-of-stock-wrapper {
    height: 41px;
    background: #7b7b7b;
    padding: 10px 0
}

.incomplete-order .parent-row .out-of-stock-wrapper .out-of-stock {
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    padding: 0;
    display: inline-block;
    width: 156px;
    float: left;
    position: relative;
    left: -1px
}

.incomplete-order .parent-row .out-of-stock-wrapper .out-of-stock li {
    float: left
}

.incomplete-order .parent-row .out-of-stock-wrapper .out-of-stock li a {
    text-decoration: none;
    background: #ff9d02;
    position: relative;
    display: block;
    float: left;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    height: 21px;
    line-height: 21px;
    text-align: center;
    width: 100px;
    text-transform: uppercase
}

.incomplete-order .parent-row .out-of-stock-wrapper .out-of-stock li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 21px solid #ff9d02;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: 100%;
    z-index: 2
}

.incomplete-order .parent-row .out-of-stock-wrapper .form-inline {
    float: left;
    position: relative;
    bottom: 2px
}

.incomplete-order .parent-row .out-of-stock-wrapper .form-inline .radio {
    margin-right: 30px
}

.incomplete-order .parent-row .out-of-stock-wrapper .form-inline .radio label {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.incomplete-order .parent-row .out-of-stock-wrapper .form-inline .radio label input[type=radio] {
    width: 14px;
    height: 14px;
    border: 2px solid gray;
    border-radius: 50%;
    outline: 0;
    box-shadow: none;
    position: relative;
    top: 3px
}

.incomplete-order .parent-row .out-of-stock-wrapper .form-inline .radio label .previewOrder input[type=radio]:focus,
.incomplete-order .parent-row .out-of-stock-wrapper .form-inline .radio label input[type=radio]:hover {
    box-shadow: none;
    border: 2px solid #7b7b7b;
    border-radius: 25%
}

.po-payment .po-payment-container,
.po-payment-fail .po-payment-fail-container,
.po-payment-success .po-payment-success-container {
    box-shadow: 1px 1px #e8e8e8;
    background-color: #fff;
    border-radius: 3px
}

.incomplete-order .parent-row .incomplete-order-tbl {
    border: 1px solid #ddd;
    background: #fff
}

.incomplete-order .parent-row .incomplete-order-tbl thead th {
    border: 1px solid #ddd !important;
    font-weight: 600;
    font-size: 11px;
    color: #acacac;
    vertical-align: bottom
}

.incomplete-order .parent-row .incomplete-order-tbl thead th .fa {
    margin-left: 10px;
    font-size: 14px;
    position: relative;
    top: 2px
}

.incomplete-order .parent-row .incomplete-order-tbl tbody .itm-part-details {
    cursor: pointer;
    position: relative
}

.incomplete-order .parent-row .incomplete-order-tbl tbody .itm-part-details .ribon {
    position: absolute;
    top: 10px;
    left: -8px;
    background: #ff9d02;
    font-size: 8px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #000;
    display: inline-block;
    padding: 0 2px
}

.incomplete-order .parent-row .incomplete-order-tbl tbody .itm-part-details .part-img {
    float: left
}

.incomplete-order .parent-row .incomplete-order-tbl tbody .itm-part-details .part-num-name {
    float: left;
    margin-left: 10px
}

.incomplete-order .parent-row .incomplete-order-tbl tbody .itm-part-details .part-num-name .part-num {
    color: #0093c6;
    font-size: 12px;
    font-weight: 600;
    display: block;
    text-transform: uppercase
}

.incomplete-order .parent-row .incomplete-order-tbl td,
.incomplete-order .parent-row .incomplete-order-tbl th {
    text-align: right;
    vertical-align: middle
}

.incomplete-order .parent-row .incomplete-order-tbl td:first-child,
.incomplete-order .parent-row .incomplete-order-tbl th:first-child {
    text-align: left
}

.incomplete-order .parent-row .stock-ordr-sumry {
    padding-left: 0
}

.incomplete-order .parent-row .stock-ordr-sumry .summary-text {
    font-size: 14px;
    color: #777;
    font-weight: 600;
    margin-top: 17px !important;
    margin-bottom: 10px
}

.incomplete-order .parent-row .stock-ordr-sumry .bg-default-bg {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px 15px 5px;
    margin-bottom: 10px
}

.incomplete-order .parent-row .stock-ordr-sumry .bg-default-bg .summery-box {
    font-weight: 400;
    color: #939393
}

.incomplete-order .parent-row .stock-ordr-sumry .bg-default-bg .summery-right-box {
    font-size: 14px;
    color: #646464;
    font-weight: 700;
    text-align: right
}

.incomplete-order .parent-row .stock-ordr-sumry .bg-default-bg hr {
    margin-top: 1px;
    margin-bottom: 5px
}

.incomplete-order .parent-row .stock-ordr-sumry a.btn-proceed {
    margin-bottom: 20px;
    display: block
}

.incomplete-order .parent-row .stock-ordr-sumry a.btn-proceed .bg-success {
    padding: 4px 15px;
    border-radius: 3px;
    background: #39b54a
}

.incomplete-order .parent-row .stock-ordr-sumry a.btn-proceed .bg-success h5 {
    margin-bottom: 7px;
    margin-top: 7px
}

.incomplete-order .parent-row .stock-ordr-sumry a.btn-proceed .bg-success h5 .proceed {
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.incomplete-order .parent-row .stock-ordr-sumry .btn-green {
    margin-left: 10px;
    margin-bottom: 10px
}

.incomplete-order .parent-row .stock-ordr-sumry .btn-green button {
    background-color: #3FB300;
    border-color: #3FB300;
    border-radius: 3px;
    height: 37px;
    font-weight: 600;
    font-size: 13px;
    color: #fff
}

.incomplete-order .parent-row .stock-ordr-sumry .btn-green button:hover {
    background-color: #369900;
    border-color: #369900
}

.incomplete-order .parent-row .stock-ordr-sumry a:focus,
.incomplete-order .parent-row .stock-ordr-sumry a:hover {
    text-decoration: none
}

.incomplete-order .parent-row .stock-ordr-sumry .bg-default {
    background-color: transparent;
    border: 2px solid #363636;
    color: #363636;
    height: 36px;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 4px 20px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px
}

.incomplete-order .parent-row .stock-ordr-sumry .bg-default h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 13px;
    margin-top: 5px;
    margin-bottom: 7px
}

.incomplete-order .parent-row .stock-ordr-sumry .bg-default:hover {
    background-color: #E2E2E2;
    border: 2px solid #363636;
    color: #363636
}

.incomplete-order .parent-row .stock-ordr-sumry .mg-l {
    margin-left: 8px;
    display: inline-block;
    width: 100%
}

.po-payment {
    padding-top: 80px
}

.po-payment .po-payment-container {
    padding: 20px;
    margin-top: 8%
}

@media only screen and (min-device-width:1024px) {
    .po-payment .po-payment-container {
        margin: 3% 30%
    }
}

.po-payment .po-payment-container .heading {
    margin-top: 55px;
    text-align: center;
    color: #323232;
    font-size: 24px;
    opacity: .7;
    font-weight: 800
}

.po-payment .po-payment-container .payment-ul-wrapper {
    width: 480px;
    margin: 0 auto
}

@media screen and (max-width:500px) {
    .po-payment .po-payment-container .payment-ul-wrapper {
        width: 100%
    }
}

.po-payment .po-payment-container .payment-ul-wrapper li {
    padding: 5px;
    opacity: .8
}

.po-payment .po-payment-container .payment-ul-wrapper li span.f-right {
    float: right
}

.po-payment .po-payment-container .payment-ul-wrapper li.pay-sumry {
    color: #323232;
    font-size: 14px;
    margin-top: 10px;
    opacity: .8;
    padding-bottom: 10px;
    padding-top: 8px
}

.po-payment .po-payment-container .payment-ul-wrapper li.pay-sumry .currency-color {
    color: #6e6e6e;
    margin-top: -5px
}

.po-payment .po-payment-container .payment-ul-wrapper li.pay-sumry .amount-total {
    font-size: 24px;
    font-weight: 700;
    color: #6e6e6e
}

.po-payment .po-payment-container .go-back {
    color: #0086b3;
    font-weight: 600;
    font-size: 13px
}

.po-payment-success {
    padding-top: 10vh
}

.po-payment-success .loader-payment-load {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: .7;
    background: #fff
}

.po-payment-success .loader-payment-load .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.po-payment-success .loader-payment-load .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 30%
}

.po-payment-success .po-payment-success-container {
    padding: 20px;
    margin-top: 8%;
    min-height: 75vh;
    text-align: center
}

@media only screen and (min-device-width:1024px) {
    .po-payment-success .po-payment-success-container {
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 3%
    }
}

.po-payment-success .po-payment-success-container .heading {
    margin-top: 55px;
    text-align: center;
    color: #323232;
    font-size: 24px;
    opacity: .7;
    font-weight: 800
}

.po-payment-success .po-payment-success-container .success-icon-wrapper {
    margin-top: 6vh
}

.po-payment-success .po-payment-success-container .success-icon-wrapper .success-icon {
    max-width: 50px
}

.po-payment-success .po-payment-success-container .success-icon-wrapper .success-text {
    padding-top: 3vh;
    clear: none;
    display: inline-block;
    font-size: 18px;
    font-weight: 800;
    opacity: .7;
    color: #323232
}

.po-payment-success .po-payment-success-container .success-loader {
    margin-top: 10vh
}

.po-payment-success .po-payment-success-container .success-loader .icon-size {
    font-size: 60px
}

.po-payment-success .po-payment-success-container .success-loader .loader-text {
    margin-top: 5vh;
    font-size: 18px;
    color: #323232;
    font-weight: 800
}

.po-payment-success .po-payment-success-container .success-loader .loader-desc {
    margin-top: 5vh;
    display: block;
    font-size: 13px;
    color: #323232;
    font-weight: 800
}

.po-payment-fail {
    padding-top: 10vh
}

.po-payment-fail .loader-payment-fail {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: .7;
    background: #fff
}

.po-payment-fail .loader-payment-fail .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.po-payment-fail .loader-payment-fail .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 40%
}

.po-payment-fail .po-payment-fail-container {
    margin-top: 8%;
    padding: 20px;
    min-height: 75vh;
    text-align: center
}

@media only screen and (min-device-width:1024px) {
    .po-payment-fail .po-payment-fail-container {
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 3%
    }

    .po-payment-fail .po-payment-fail-container .fail-btn {
        padding-left: 15vh;
        padding-right: 15vh
    }
}

.po-payment-fail .po-payment-fail-container .heading {
    margin-top: 55px;
    text-align: center;
    color: #323232;
    font-size: 24px;
    opacity: .7;
    font-weight: 800
}

.po-payment-fail .po-payment-fail-container .fail-icon-wrapper {
    margin-top: 6vh;
    color: #323232;
    font-weight: 800
}

.po-payment-fail .po-payment-fail-container .fail-icon-wrapper .fail-text {
    padding-top: 3vh;
    clear: none;
    display: inline-block;
    font-size: 18px;
    opacity: .7
}

.po-payment-fail .po-payment-fail-container .fail-icon-wrapper .fail-desc {
    padding-top: 3vh;
    display: block
}

.po-payment-fail .po-payment-fail-container .fail-btn {
    margin-top: 10vh;
    text-transform: uppercase
}

.po-payment-fail .po-payment-fail-container .fail-btn .try-again-btn {
    margin-bottom: 4vh
}

.new-ship-address-pop-up {
    top: 0 !important
}

.new-ship-address-pop-up .modal-dialog {
    margin-top: 2%
}

.new-ship-address-pop-up #shareOrderlistPopup {
    padding: 20px;
    border-radius: 3px
}

.new-ship-address-pop-up #shareOrderlistPopup .btn-app {
    line-height: 16px;
    min-width: 100px
}

.new-ship-address-pop-up #shareOrderlistPopup .btn-app.active.focus,
.new-ship-address-pop-up #shareOrderlistPopup .btn-app.active:focus,
.new-ship-address-pop-up #shareOrderlistPopup .btn-app.focus,
.new-ship-address-pop-up #shareOrderlistPopup .btn-app:active.focus,
.new-ship-address-pop-up #shareOrderlistPopup .btn-app:active:focus,
.new-ship-address-pop-up #shareOrderlistPopup .btn-app:focus {
    outline: 0
}

.new-ship-address-pop-up #shareOrderlistPopup .btn-app-sm {
    font-size: 11px;
    line-height: 11px;
    font-weight: 600;
    height: 24px;
    padding: 2px 12px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-header {
    padding: 15px 15px 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 0
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-header h4 {
    margin-top: 2px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 600
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body {
    padding-top: 10px;
    padding-bottom: 20px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body .address-title {
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 30px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body .address-title .close-overlay {
    position: absolute;
    top: 15px;
    right: 15px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form .city-container,
.new-ship-address-pop-up #shareOrderlistPopup .modal-body form .state-container {
    position: relative
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form .city-container.city-error {
    margin-bottom: 31.6px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form .country-container {
    position: relative;
    margin-bottom: 20px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form select.form-control {
    -moz-appearance: none;
    appearance: none
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form select.form-control+.fa-caret-down {
    position: absolute;
    right: 9px;
    top: 31px;
    font-size: 16px;
    pointer-events: none
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form textarea {
    resize: none
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form label {
    margin-left: 10px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form .error .help-block {
    text-align: right;
    margin-bottom: 5px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form .zip-spcl-err-msg {
    text-align: right;
    margin-top: -10px;
    margin-bottom: 15px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form p.field-suggest-txt {
    margin-bottom: 0;
    margin-left: 10px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form p.field-suggest-txt+.help-block {
    margin-top: 5px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form .req-field-txt {
    margin-left: 10px;
    margin-top: 8px
}

.new-ship-address-pop-up #shareOrderlistPopup .modal-body form input[type=checkbox] {
    width: 30px;
    height: 30px
}

.new-ship-address-pop-up #shareOrderlistPopup .btn-success {
    background-color: #3FB300;
    border-color: #3FB300;
    color: #fff;
    padding: 9px 10px;
    min-width: 100px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

.new-ship-address-pop-up #shareOrderlistPopup .btn-success:hover {
    border-color: #369900;
    background-color: #369900
}

.new-ship-address-pop-up #shareOrderlistPopup .btn-success:active,
.new-ship-address-pop-up #shareOrderlistPopup .btn-success:focus {
    outline: 0;
    box-shadow: none;
    outline-offset: none
}

.orderStatus {
    background-color: #E8E8E8;
    font-size: 12px
}

.orderStatus .head {
    margin-bottom: 20px
}

.orderStatus .action-btn-div {
    padding-top: 18px
}

.orderStatus .action-btn-div .order-status-email,
.orderStatus .action-btn-div .order-status-print {
    color: #0096c9;
    margin: 3px 10px 3px 3px
}

.orderStatus .action-btn-div .order-status-email i,
.orderStatus .action-btn-div .order-status-print i {
    margin-right: 5px
}

.orderStatus .text-left {
    text-align: left
}

.orderStatus .fa-exclamation-triangle {
    font-size: 11px
}

.orderStatus .tab-parent-container {
    margin-left: 0;
    margin-right: 0
}

.orderStatus .tab-container {
    border-radius: 4px;
    padding: 25px
}

.orderStatus .tab-container .loading-text {
    text-align: center
}

.orderStatus .tab-container .header-line {
    padding-bottom: 25px
}

.orderStatus .tab-container .header-line .col-md-8 p {
    float: left;
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #acacac
}

.orderStatus .tab-container .header-line .col-md-8 span {
    float: left;
    margin: 0 3px
}

.orderStatus .tab-container .header-line .col-md-8 span label {
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-weight: 400;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block
}

.orderStatus .tab-container .header-line .col-md-8 span input {
    margin: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    display: none;
    position: relative;
    left: 0;
    top: 0
}

.orderStatus .tab-container .header-line .col-md-8 span input[type=checkbox]+label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f096";
    letter-spacing: 10px;
    font-size: 16px;
    color: #0093c6;
    margin: -3px -8px;
    position: relative;
    top: 2px
}

.orderStatus .tab-container .header-line .col-md-8 span input[type=checkbox]:checked+label:before {
    content: "\f046"
}

.orderStatus .tab-container .table-responsive {
    padding: 0;
    overflow-x: hidden
}

.orderStatus .tab-container table {
    width: 100%
}

.orderStatus .tab-container .pagination {
    margin: 0
}

.orderStatus .tab-container .pagination li a {
    font-size: 12px
}

.orderStatus .item-qty-status-info {
    position: relative
}

.orderStatus .item-qty-status-info i {
    color: #6e6e6e
}

.orderStatus .item-qty-status-info .popover {
    opacity: 1;
    max-width: 522px;
    border-radius: 3px
}

.orderStatus .item-qty-status-info .popover .popover-inner {
    width: 480px;
    padding: 20px;
    background: #fff;
    color: #323232;
    text-align: center
}

.orderStatus .item-qty-status-info .popover .popover-inner .popover-content {
    padding: 0
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper b {
    font-weight: 600px
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper .thumbnail-child {
    width: 20%;
    float: left;
    text-align: center
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper .thumbnail-child span.img-sprite {
    background: url(../assets/images/Order-status.png) no-repeat;
    background-size: auto 60px;
    display: inline-block;
    width: 60px;
    height: 50px
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper .thumbnail-child span.img-sprite.img-sp-entered {
    background-position: -3px -3px
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper .thumbnail-child span.img-sprite.img-sp-confirm {
    background-position: -74px -3px
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper .thumbnail-child span.img-sprite.img-sp-partlyshpd {
    background-position: -148px -3px
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper .thumbnail-child span.img-sprite.img-sp-shpd {
    background-position: -224px -3px
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper .thumbnail-child span.img-sprite.img-sp-delivrd {
    background-position: -305px -3px
}

.orderStatus .item-qty-status-info .popover .popover-inner .thumbnail-wrapper .thumbnail-child p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #323232;
    overflow-x: hidden
}

.orderStatus .orderstatus-label .orderstatus-label-group .filter-container {
    display: inline-block
}

.orderStatus .orderstatus-label .orderstatus-label-group .filter-container p {
    margin-right: 20px
}

.orderStatus .orderstatus-label .orderstatus-label-group .filter-container span {
    margin: 0 15px
}

.orderStatus .orderstatus-label .orderstatus-label-group .label-awaiting span {
    background: #fff;
    border: 1px solid #ccc
}

.orderStatus .orderstatus-label .orderstatus-label-group .label-process span {
    background: #00aeef;
    border: 1px solid #00aeef
}

.orderStatus .orderstatus-label .orderstatus-label-group .label-shipped span {
    background: #85d100;
    border: 1px solid #85d100
}

.orderStatus .orderstatus-empty p {
    width: 100%;
    float: left;
    padding: 100px 0;
    text-align: center;
    font-size: 20px;
    color: #6e6e6e
}

.orderStatus .orderstatus-empty p i {
    color: #ffb11b;
    font-size: 20px;
    margin-top: 0;
    margin-right: 10px
}

.orderStatus .checkbox-span {
    padding: 10px
}

.orderStatus .checkbox-label {
    margin: 0
}

.orderStatus .checkbox-label .fa-check-square {
    background-color: #fff;
    color: #000;
    font-size: 20px
}

.orderStatus .checkbox-label .fa-square-o {
    font-size: 20px;
    color: #000
}

.orderStatus .hide-text {
    text-align: right;
    color: #acacac;
    font-size: 11px
}

.orderStatus .hide-txt {
    position: relative;
    bottom: 3px
}

.orderStatus .shipping-info {
    font-size: 9px;
    font-weight: 600;
    color: #acacac
}

.orderStatus .shipping-info .fa-info-circle {
    color: #6e6e6e;
    font-size: 14px
}

.orderStatus .partStatus {
    width: 100%
}

.orderStatus .partStatus .partBox {
    width: 80px;
    float: left;
    position: relative
}

.orderStatus .partStatus .partBox .popover {
    background: #4d4d4d;
    border: 1px solid #424242;
    box-shadow: #4d4d4d 0 3px 10px;
    border-radius: 3px;
    max-width: none;
    width: 521px;
    top: 42px !important;
    margin-left: -190px;
    z-index: 10;
    left: 0 !important
}

.orderStatus .partStatus .partBox .popover .partStatusBar {
    padding: 10px;
    width: 100%
}

.orderStatus .partStatus .partBox .popover .partStatusBar p {
    color: #969696;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 9px;
    float: left;
    width: 50px;
    text-align: center
}

.orderStatus .partStatus .partBox .popover .partStatusBar p:nth-child(1) {
    margin-right: 105px
}

.orderStatus .partStatus .partBox .popover .partStatusBar p:nth-child(2) {
    margin-right: 104px
}

.orderStatus .partStatus .partBox .popover .partStatusBar span {
    width: 100%;
    height: 40px;
    float: left
}

.orderStatus .partStatus .partBox .popover .arrow {
    display: block;
    left: 44%
}

.orderStatus .partStatus .partBox .popover .arrow:after {
    border-bottom-color: #4d4d4d
}

.orderStatus .partStatus .partBox .popover .partStatusPopup {
    width: 100%;
    background: #4d4d4d;
    height: auto
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody {
    width: 100%;
    padding: 10px;
    float: left;
    position: relative
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .orderAdress {
    float: left;
    margin: 10px 0 0;
    width: 100%
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .orderAdress .partStatusDtl {
    margin-top: 0;
    float: left;
    margin-right: 10px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .orderDate {
    float: right;
    color: #fff;
    font-size: 11px;
    margin: 2px 18px 3px 2px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusError p {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #f1f1f1;
    font-size: 12px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusLabel {
    width: 100%;
    text-align: center;
    float: left;
    margin: 0 0 0 7px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusLabel i {
    font-size: 10px;
    color: #56f202;
    margin: 0;
    padding: 0
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusLabel .stateColor {
    color: #e5e6e7
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusLabel .state-status {
    float: left;
    width: 13px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusLabel .status-label {
    float: right;
    width: calc(100% - 13px);
    text-align: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusLabel label {
    font-size: 12px;
    margin: 0;
    padding: 2px 0 0 6px;
    color: #fff;
    font-weight: 400
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusProgressBar {
    width: 100%;
    float: left;
    margin-top: 5px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusProgressBar .partStatusCol {
    width: calc(100% / 5)
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusProgressBar .partStatusCol span {
    float: left;
    height: 18px;
    background: #989d82;
    width: 100%;
    border: 2px solid #292929;
    border-right: none
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusProgressBar .partStatusCol span.partStatusActive {
    background: #ecf792
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusProgressBar .partStatusCol:first-child span {
    border-radius: 20px 0 0 20px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusProgressBar .partStatusCol:last-child span {
    border-radius: 0 20px 20px 0;
    border-right: #292929 solid 2px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusCol7 {
    width: calc(100% / 7);
    float: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusCol6 {
    width: calc(100% / 6);
    float: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusCol5 {
    width: auto;
    float: left;
    max-width: 105px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusCol4 {
    width: calc(100% / 4);
    float: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusCol3 {
    width: calc(100% / 3);
    float: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusCol2 {
    width: calc(100% / 2);
    float: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusCol1 {
    width: 100%;
    float: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusDtl label {
    font-size: 11px;
    float: left;
    margin: 0;
    padding: 0;
    color: #ccc
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusRow .partStatusDtl p {
    font-size: 11px;
    float: left;
    margin: 0;
    padding: 0;
    color: #f5ebeb
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusClose {
    position: absolute;
    float: right;
    color: rgba(255, 255, 255, .2);
    right: -5px;
    top: -5px
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusBody .partStatusClose i {
    font-size: 16px;
    cursor: pointer
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusFooter {
    width: 100%;
    padding: 10px;
    float: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusFooter .partStatusCol2 {
    width: calc(100% / 2);
    float: left
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusFooter .partStatusDtl {
    margin-top: 0
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusFooter .partStatusDtl label {
    font-size: 11px;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
    color: #ccc
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusFooter .partStatusDtl p {
    font-size: 11px;
    float: left;
    margin: 0;
    padding: 0;
    color: #f5ebeb
}

.orderStatus .partStatus .partBox .popover .partStatusPopup .partStatusFooter .btn-part-status {
    background: #838385;
    border: 1px solid #909091;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    float: right;
    margin-left: 10px
}

.orderStatus .partStatus .partBox .popover .partStatusComplete {
    height: auto
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusBody {
    border-bottom: #424242 solid 1px
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusFooter .partStatusDtl {
    margin: 0
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusFooter .partStatusViewDtl {
    margin: 0;
    float: right;
    vertical-align: text-top
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusFooter .partStatusViewDtl a {
    color: #fff;
    font-size: 11px;
    text-decoration: underline
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusTrackingDetails {
    width: 100%;
    display: inline-block;
    padding: 0 10px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusTrackingDetails h6 {
    color: #aeaeae;
    font-size: 15px;
    margin: 10px 0;
    font-weight: 400
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusTrackingDetails hr {
    border-color: #424242;
    width: calc(100% + 20px);
    margin: 0 -10px
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusTrackingDetails .partStatusDetailTable {
    width: 100%;
    padding-bottom: 10px
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusTrackingDetails .partStatusDetailTable .partStatusDetailRow {
    width: 100%
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusTrackingDetails .partStatusDetailTable .partStatusDetailRow .partStatusDetailCol1 {
    display: inline-block;
    width: 16%;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusTrackingDetails .partStatusDetailTable .partStatusDetailRow .partStatusDetailCol2 {
    display: inline-block;
    width: 75%;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.orderStatus .partStatus .partBox .popover .partStatusComplete .partStatusTrackingDetails .partStatusDetailTable .partStatusDetailRow p {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 12px
}

.orderStatus .partStatus .partBox .partBoxIcon {
    width: 100%;
    float: left;
    height: 50px;
    position: relative;
    border: none;
    background: 0 0;
    outline: 0
}

.orderStatus .partStatus .partBox .partBoxIcon span {
    float: left;
    width: 60px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.orderStatus .partStatus .partBox .partBoxIcon span p {
    text-align: center;
    font-size: 13px;
    font-weight: 700
}

.orderStatus .partStatus .partBox .partBoxText {
    width: 100%;
    float: left
}

.orderStatus .partStatus .partBox .partBoxText>* {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.orderStatus .partStatus .partBox .partBoxText label {
    font-size: 9px;
    color: #acacac;
    font-weight: 600
}

.orderStatus .partStatus .partBox .partBoxText p {
    font-size: 9px;
    color: #919191;
    font-weight: 700
}

.orderStatus .partStatus .part-entered .partBoxIcon span p,
.orderStatus .partStatus .partReceived .partBoxIcon span p {
    color: #000;
    margin-top: 15px
}

.orderStatus .partStatus .partBox .partBoxText .printEstQty {
    display: none
}

.orderStatus .partStatus .part-entered .partBoxIcon span {
    background: url(../assets/images/Order-status.png) -3px -3px no-repeat;
    background-size: auto 60px
}

.orderStatus .partStatus .part-entered .partBoxIcon span.part-canceled {
    background-position: -3px -3px;
    background-size: auto 60px
}

.orderStatus .partStatus .part-entered .popover .partStatusBar span {
    background: url(../assets/images/status-bar.png) 0 -5px no-repeat;
    background-size: 100% auto
}

.orderStatus .partStatus .partReceived .partBoxIcon span {
    background: url(../assets/images/Order-status.png) -74px -3px no-repeat;
    background-size: auto 60px
}

.orderStatus .partStatus .partReceived .partBoxIcon span.part-canceled {
    background-position: -3px -3px;
    background-size: auto 60px
}

.orderStatus .partStatus .partReceived .popover .partStatusBar span {
    background: url(../assets/images/status-bar.png) 0 -5px no-repeat;
    background-size: 100% auto
}

.orderStatus .partStatus .partProcess .partBoxIcon span {
    background: url(../assets/images/Order-status.png) -146px -5px no-repeat;
    background-size: auto 60px
}

.orderStatus .partStatus .partProcess .partBoxIcon span p {
    color: #fff;
    margin-top: 25px
}

.orderStatus .partStatus .partProcess .popover .partStatusBar span {
    background: url(../assets/images/status-bar.png) center no-repeat;
    background-size: 100% auto
}

.orderStatus .partStatus .partShipped .partBoxIcon span {
    background: url(../assets/images/Order-status.png) -226px 0 no-repeat;
    background-size: auto 60px
}

.orderStatus .partStatus .partShipped .partBoxIcon span p {
    color: #fff;
    width: 40px;
    margin-top: 19px;
    margin-left: 5px
}

.orderStatus .partStatus .partShipped .popover .partStatusBar span {
    background: url(../assets/images/status-bar.png) 0 -78px no-repeat;
    background-size: 100% auto
}

.orderStatus .partStatus .partDelivered .partBoxIcon span {
    background: url(../assets/images/Order-status.png) -301px 0 no-repeat;
    background-size: auto 60px
}

.orderStatus .partStatus .partDelivered .partBoxIcon span p {
    color: #fff;
    margin-top: 16px;
    width: 40px;
    margin-left: 14px
}

.orderStatus .partStatus .partDelivered .popover .partStatusBar span {
    background: url(../assets/images/status-bar.png) 0 -78px no-repeat;
    background-size: 100% auto
}

.orderStatus .partStatus .partBox .partBoxIcon span p {
    color: #000;
    margin-top: 20px
}

.orderStatus .partStatus .partBox .partBoxIcon span.part-canceled {
    background-position: -72px 0;
    background-size: auto 60px
}

.orderStatus .line-no {
    width: 10%
}

.orderStatus .line-no .line-group {
    position: relative;
    width: 100%;
    margin-top: 10px
}

.orderStatus .line-no .line-group .cross-icon {
    top: 10px;
    right: 7px;
    width: 10px;
    height: 10px
}

.orderStatus .line-no .line-group .fa-search {
    position: absolute;
    z-index: 111;
    top: 10px;
    right: 7px;
    font-size: 12px
}

.orderStatus .line-no .line-group input {
    padding-right: 20px;
    position: absolute;
    z-index: 3;
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px
}

.orderStatus .line-no .line-group input:focus {
    border: 1px solid #0096c9
}

.orderStatus .line-no .line-group span {
    z-index: 4;
    position: absolute;
    background: 0 0;
    border: 0;
    margin: 3px 10px;
    float: right;
    right: 0;
    top: 0;
    font-size: 12px
}

.orderStatus .overall-status select {
    margin-top: 10px
}

.orderStatus .part-no .line-group {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 30px
}

.orderStatus .part-no .line-group input {
    padding-right: 20px
}

.orderStatus .part-no .line-group .cross-icon {
    top: 9px;
    right: 7px;
    width: 10px;
    height: 10px
}

.orderStatus .part-no .line-group .fa-search {
    position: absolute;
    z-index: 111;
    top: 8px;
    right: 7px;
    font-size: 12px
}

.orderStatus .part-no .line-group span {
    z-index: 4;
    position: absolute;
    background: 0 0;
    border: 0;
    margin: 3px 10px;
    float: right;
    right: 0;
    top: 0;
    font-size: 12px
}

.orderStatus .part-no .line-group span .cross-icon {
    top: 12px;
    right: 7px;
    width: 11px;
    height: 11px
}

.orderStatus .progress {
    height: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    overflow: initial
}

.orderStatus .progress .progress-bar-success {
    position: relative
}

.orderStatus .progress .progress-bar-success .tooltip-1 {
    position: absolute;
    right: -73px;
    top: -30px;
    color: #FFF;
    background-color: #757575;
    border: 1px solid #5e5e5e;
    border-radius: 2px;
    width: 175px;
    font-size: 10px;
    text-align: center;
    display: none
}

.orderStatus .progress .progress-bar-success .tooltip-dot.last-node .tooltip-1,
.orderStatus .progress .progress-bar-success .tooltip-dot:hover .tooltip-1 {
    display: block
}

.orderStatus .progress .progress-bar-success .tooltip-1 .ddlarrow {
    position: absolute
}

.orderStatus .progress .progress-bar-success .tooltip-1 .ddlarrow:before {
    content: " ";
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #5e5e5e;
    border-width: 6px;
    margin-left: -10px;
    left: 105px;
    top: 1px;
    position: absolute
}

.orderStatus .progress .progress-bar-success .tooltip-1 .ddlarrow:after {
    bottom: 150%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.orderStatus .progress .progress-bar-success .last-node .tooltip-1 {
    right: -50px
}

.orderStatus .progress .progress-bar-success .last-node .tooltip-1 .ddlarrow {
    position: absolute
}

.orderStatus .progress .progress-bar-success .last-node .tooltip-1 .ddlarrow:before {
    left: 129px;
    top: 1px
}

.orderStatus .progress .progress-bar-success .tooltip-dot {
    position: relative;
    background: #0acd0a;
    text-align: right;
    cursor: pointer
}

.orderStatus .progress .progress-bar-success .tooltip-dot:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: -2px;
    top: -2px;
    background: #0acd0a;
    z-index: 100
}

.orderStatus .glyphicon-ok {
    color: #0acd0a;
    margin-right: 10px;
    margin-top: 10px
}

.orderStatus .req-count {
    padding-top: 5px
}

.orderStatus table {
    width: 99%
}

.orderStatus table .partno {
    font-weight: 700
}

.orderStatus table .partno .part-status-info {
    margin-left: 50px;
    color: #000
}

.orderStatus table .partno .tooltip-inner {
    padding: 6px 8px
}

.orderStatus table thead th .order-status-label {
    text-align: left
}

.orderStatus table thead th .order-status-label label {
    width: 110px;
    text-align: left
}

.orderStatus table thead th .order-status-label a {
    float: left;
    color: #000
}

.orderStatus table thead th .order-status-filter {
    text-align: left;
    overflow: hidden;
    width: 100%
}

.orderStatus table thead th .order-status-filter span {
    margin-top: 10px;
    margin-right: 20px;
    float: left
}

.orderStatus table thead th .order-status-filter span input {
    margin: 2px 5px 0 0;
    float: left
}

.orderStatus table thead th .order-status-filter span label {
    float: left
}

.orderStatus table tbody.err-msg tr td {
    padding: 120px 0;
    text-align: center
}

.orderStatus table tbody.err-msg tr td i {
    font-size: 18px;
    margin-right: 10px
}

.orderStatus table tbody tr.part-cancelled-completely>td {
    background-color: #f9f9f9;
    color: #bdbdbd;
    background-image: -webkit-repeating-linear-gradient(-30deg, transparent, transparent 15px, #fcfcfc 15px, #fcfcfc 30px);
    background-image: repeating-linear-gradient(-30deg, transparent, transparent 15px, #fcfcfc 15px, #fcfcfc 30px)
}

.orderStatus td {
    padding: 20px
}

.orderStatus td:first-child {
    width: 75px;
    text-align: left
}

.orderStatus td:nth-child(2) {
    width: 240px
}

.orderStatus td:nth-child(3) {
    width: 60px;
    text-align: left
}

.orderStatus td:nth-child(3) .popover {
    background: #fff;
    border: 1px solid #ccc;
    margin-left: 220px;
    top: 27px;
    box-shadow: #ccc 0 3px 10px;
    border-radius: 3px
}

.orderStatus td:nth-child(3) .popover .popover-title {
    text-align: center;
    font-weight: 700;
    background: #fff;
    padding: 5px 0;
    border: none
}

.orderStatus td:nth-child(3) .popover .popover-progress-bar {
    padding: 5px 10px
}

.orderStatus td:nth-child(3) .popover .popover-progress-bar .popover-progress-label {
    margin-top: -15px
}

.orderStatus td:nth-child(3) .popover .popover-progress-bar .popover-progress-elem {
    width: 100%;
    height: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    margin-bottom: 10px
}

.orderStatus td:nth-child(3) .popover .popover-progress-bar .popover-progress-elem .popover-progress {
    width: calc(100% - 4px);
    height: 6px;
    margin: 1px;
    border-radius: 3px;
    float: left
}

.orderStatus td:nth-child(3) .popover .popover-progress-bar .popover-progress-elem .popover-progress span {
    height: 100%;
    background: #ccc;
    float: left
}

.orderStatus td:nth-child(4) {
    width: 95px;
    text-align: center
}

.orderStatus td:nth-child(4) p {
    text-align: left
}

.orderStatus td:last-child {
    width: 640px
}

.orderStatus td.no-status-td {
    background-color: #FFF;
    color: #acacac;
    font-weight: 600
}

.orderStatus table .col-span-block {
    display: inline-block;
    width: 85px;
    text-align: center
}

.orderStatus table>thead>tr>th {
    border-bottom: none;
    text-align: center;
    vertical-align: top
}

.orderStatus .breadcrumb {
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px;
    font-weight: 600;
    background-color: #FFF;
    padding: 8px 30px
}

.orderStatus .breadcrumb li+li:before {
    padding: 0 5px;
    content: "> ";
    font-size: 10px;
    color: #777
}

.orderStatus .breadcrumb a:hover {
    cursor: pointer
}

.orderStatus .btn-app {
    height: 30px;
    padding: 0 32px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    line-height: 16px
}

.orderStatus .btn-app.active.focus,
.orderStatus .btn-app.active:focus,
.orderStatus .btn-app.focus,
.orderStatus .btn-app:active.focus,
.orderStatus .btn-app:active:focus,
.orderStatus .btn-app:focus {
    outline: 0
}

.orderStatus .header-table {
    width: 100%
}

.orderStatus .header-table th {
    width: 16.666%
}

.orderStatus .header-table td {
    width: 16.666%;
    padding: 10px;
    font-size: 13px
}

.orderStatus .po-tbl-wrapper {
    padding: 6px 20px 20px
}

.orderStatus .po-tbl-wrapper .my-oder-lbl {
    text-align: left;
    line-height: 48px;
    padding-left: 0;
    margin: 0
}

.orderStatus .po-tbl-wrapper .po-details {
    margin-bottom: 10px
}

.orderStatus .po-tbl-wrapper .po-details .order-status-summary {
    margin-top: 5px;
    text-align: right;
    padding-right: 30px
}

.orderStatus .po-tbl-wrapper .po-details .order-status-summary .order-status-col {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-right: 30px
}

.orderStatus .po-tbl-wrapper .po-details .order-status-summary .order-status-col h2,
.orderStatus .po-tbl-wrapper .po-details .order-status-summary .order-status-col span {
    margin: 10px 0 0;
    padding: 0;
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    vertical-align: top;
    text-align: left
}

.orderStatus .po-tbl-wrapper .po-details .order-status-summary .order-status-col h2 {
    line-height: 23px
}

.orderStatus .po-tbl-wrapper .po-details .order-status-summary .order-status-col span {
    margin-right: 5px;
    margin-left: 20px
}

.orderStatus .po-tbl-wrapper .pr-0 {
    padding-right: 0
}

.orderStatus .po-tbl-wrapper .pl-0 {
    padding-left: 0
}

.orderStatus .po-tbl-wrapper .prl-0 {
    padding-right: 0;
    padding-left: 0
}

.orderStatus .po-tbl-wrapper .head {
    background-color: #f7f7f7;
    padding: 15px 10px;
    font-weight: 600
}

.orderStatus .po-tbl-wrapper .address,
.orderStatus .po-tbl-wrapper .body {
    padding: 10px;
    margin-bottom: 0
}

.orderStatus .po-tbl-wrapper table tbody tr td a {
    color: #0093c6;
    text-decoration: none;
    font-weight: 600
}

.orderStatus .no-margin {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0
}

.orderStatus .backBtn {
    width: 60px;
    height: 40px
}

.orderStatus .head,
.orderStatus .my-oder-lbl {
    padding: 5px 10px
}

@media print {

    #printOrderStatus .line-group,
    #printOrderStatus .orderstatus-label-group,
    #printOrderStatus .partStatus .partBox .partBoxIcon {
        display: none
    }

    #printOrderStatus .partStatus .partBox .printEstQty {
        display: block
    }

    #printOrderStatus table tbody tr td:nth-child(5) {
        text-align: left
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .orderStatus .overall-status {
        width: 12%
    }

    .orderStatus .orderstatus-label .orderstatus-label-group .filter-container p {
        margin-right: 10px
    }

    .orderStatus .orderstatus-label .orderstatus-label-group .filter-container span {
        margin: 0 10px
    }

    .orderStatus .po-tbl-wrapper .po-details .order-status-summary .order-status-col {
        margin-right: 8px
    }

    .line-no-container {
        width: 61px
    }
}

.scroll-bar-popup::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: transparent
}

.scroll-bar-popup::-webkit-scrollbar {
    width: 12px;
    background-color: transparent
}

.scroll-bar-popup::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #424242
}

.popover {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    max-width: none;
    width: 320px;
    left: 7px;
    top: -149px;
    z-index: 10;
    display: block
}

.popover .arrow {
    display: block;
    left: 44%
}

.popover .scroll-bar-popup::-webkit-scrollbar-thumb {
    background-color: #f5f5f5
}

.popover .partStatusTrackingDetails {
    display: inline-block;
    padding: 10px;
    min-height: 333px;
    overflow-x: hidden;
    overflow-y: auto
}

.popover .partStatusTrackingDetails .loader-for-tracking {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: .7;
    background: #fff;
    padding-top: 15%
}

.popover .partStatusTrackingDetails .loader-for-tracking .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.popover .partStatusTrackingDetails .loader-for-tracking .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 30%
}

.popover .partStatusTrackingDetails h6 {
    color: #aeaeae;
    font-size: 15px;
    margin: 10px 0;
    font-weight: 400
}

.popover .partStatusTrackingDetails hr {
    border-color: aeaeae;
    width: calc(100% + 20px);
    margin: -1px -5px
}

.popover .partStatusTrackingDetails .partStatusDetailTable {
    width: 100%;
    padding-bottom: 10px
}

.popover .partStatusTrackingDetails .partStatusDetailTable .partStatusDetailRow {
    width: 100%
}

.popover .partStatusTrackingDetails .partStatusDetailTable .partStatusDetailRow .partStatusDetailCol1 {
    display: inline-block;
    width: 25%;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.popover .partStatusTrackingDetails .partStatusDetailTable .partStatusDetailRow .partStatusDetailCol2 {
    display: inline-block;
    width: 70%;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.popover .partStatusTrackingDetails .partStatusDetailTable .partStatusDetailRow p {
    color: #4f4b4b;
    margin: 0;
    padding: 0;
    font-size: 12px
}

.popover .partStatusBar {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.popover .partStatusBar .status-wrapper {
    margin-left: 10px
}

.popover .partStatusBar .status-wrapper .part-status-info {
    margin-left: 50px;
    color: #000
}

.popover .partStatusBar .status-wrapper .status-heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #b9b9b9
}

.popover .partStatusBar .status-bar {
    border-left: 3px solid #e8e8e8;
    height: 85px;
    position: relative;
    margin-top: 12px;
    width: 5%
}

.popover .partStatusBar .status-bar .circle-creation {
    border-radius: 50px;
    border: 2px solid #d8d8d8;
    width: 13px;
    height: 13px;
    position: absolute;
    left: -8px;
    top: -12px;
    transition: background .25s ease-in
}

.popover .partStatusBar .order-entered {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.popover .partStatusBar .order-entered .status-bar {
    height: 40px
}

.popover .partStatusBar .order-confirm {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.popover .partStatusBar .order-confirm .status-bar {
    height: 70px
}

.popover .partStatusBar .completely-ship .status-bar,
.popover .partStatusBar .partially-ship .status-bar {
    height: 60px
}

.popover .partStatusBar .partially-ship {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.popover .partStatusBar .completely-ship {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.popover .partStatusBar .order-deliver {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.popover .partStatusBar .order-deliver .plot-circle {
    width: 5%;
    position: relative
}

.popover .partStatusBar .order-deliver .plot-circle .circle-creation {
    border-radius: 50px;
    border: 2px solid #d8d8d8;
    width: 13px;
    height: 13px;
    position: absolute;
    left: -4px;
    transition: background .25s ease-in
}

.popover .partStatusBar .status-done {
    border-color: #7ed321 !important
}

.popover .partStatusBar .status-done .circle-creation {
    background: #7ed321;
    border-color: #7ed321 !important
}

.popover .partStatusBar .status-done .status-heading {
    color: #3c3b3b !important;
    font-weight: 400 !important
}

.popover .partStatusBar .current-status .circle-creation {
    background: #20b2aa !important;
    width: 18px !important;
    height: 18px !important;
    left: -11px !important;
    top: -12px !important;
    border-radius: 50px !important;
    border: 2px solid #20b2aa !important;
    position: absolute;
    transition: background .25s ease-in
}

.popover .partStatusBar .current-status .status-heading {
    color: #000 !important;
    font-weight: 600
}

.popover .tracking-detail-container {
    background: #000
}

.popover .tracking-detail-container .tracking-detail-title {
    color: #fff
}

.popover .tracking-detail-container .tracking-detail-title .track-img {
    float: left;
    width: 7%
}

.popover .tracking-detail-container .tracking-detail-title .track-name-wrapper {
    float: left
}

.popover .tracking-detail-container .tracking-detail-title .track-name-wrapper .tracking-name-wrap .tracking-name {
    word-break: break-word;
    cursor: text;
    line-height: 1.43
}

.popover .tracking-detail-container .tracking-detail-title .track-name-wrapper .tracking-num-wrap .tracking-num {
    display: block;
    text-transform: uppercase;
    line-height: 1.43;
    word-break: break-all
}

.popover .tracking-detail-container .tracking-detail-title .track-name-wrapper .tracking-icon {
    width: 2%;
    float: right;
    top: -20px;
    position: relative
}

.popover .tracking-detail-container .tracking-detail-body {
    border-top: 2px solid #fff
}

.popover .tracking-detail-container .tracking-detail-body .tracking-detail-wrapper {
    padding-left: 10px;
    padding-right: 10px
}

.popover .tracking-detail-container .tracking-detail-body .tracking-detail-wrapper .partStatusViewDtl {
    float: right;
    vertical-align: text-top;
    text-transform: uppercase;
    margin: 10px 0 7px
}

.popover .tracking-detail-container .tracking-detail-body .tracking-detail-wrapper .partStatusViewDtl a {
    color: #fff;
    font-size: 12px
}

.popover_mobile {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    max-width: none;
    width: -moz-fit-content !important;
    width: fit-content !important;
    top: -177px !important;
    z-index: 10;
    display: block;
    left: 252px
}

.status-container {
    padding-left: 20px
}

.status-container .status-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: center;
    justify-content: center
}

.status-container .status-wrapper .status-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.status-container .status-wrapper .status-icons-img {
    position: relative;
    width: 65px
}

.status-container .status-wrapper .item-quantity {
    position: absolute;
    font-size: 18px;
    font-weight: 900;
    top: 10px;
    color: #000;
    text-align: center;
    vertical-align: middle
}

.status-container .status-wrapper .status-name-wrapper .status-name-wrap .status-name {
    padding-top: 5px;
    word-break: break-word;
    cursor: pointer;
    line-height: 1.43;
    text-align: center
}

.status-container .status-wrapper .status-name-wrapper .status-date-wrap .status-date {
    display: block;
    text-transform: uppercase;
    line-height: 1.43
}

.packingslip-modal-popup.in .modal-dialog {
    width: 1200px
}

@media only screen and (min-device-width:300px) and (max-device-width:1024px) {

    .packingslip-modal-popup.in .header-text,
    .packingslip-modal-popup.in .packingslip-modal-popup.in .header-text {
        font-size: 16px !important
    }

    .packingslip-modal-popup.in .modal-dialog {
        width: auto
    }

    .packingslip-modal-popup.in .head,
    .packingslip-modal-popup.in .hide-on-print {
        margin: 10px !important
    }

    .packingslip-modal-popup.in .address-div {
        display: inline-table
    }

    .packingslip-modal-popup.in #packingSlipPopUp {
        padding: 35px 0 !important
    }

    .packingslip-modal-popup.in #packingSlipPopUp .list-group {
        margin-right: 20px
    }

    .packingslip-modal-popup.in .print-container {
        cursor: pointer;
        margin-right: 0 !important
    }

    .packingslip-modal-popup.in .delivery-number-div,
    .packingslip-modal-popup.in .packing-slip-container {
        width: 100% !important
    }

    .packingslip-modal-popup.in .header-text .pzv-title-t1,
    .packingslip-modal-popup.in .header-text .pzv-title-t3 {
        font-size: 16px
    }
}

.packingslip-modal-popup.in #packingSlipPopUp {
    padding: 35px;
    border-radius: 3px
}

.packingslip-modal-popup.in .flex-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.packingslip-modal-popup.in .packing-slip-container {
    min-height: 250px;
    width: 85%;
    float: right;
    padding: 36px 25px 25px;
    border-radius: 3px
}

.packingslip-modal-popup.in .packing-header {
    width: 100%;
    margin-bottom: 20px
}

.packingslip-modal-popup.in .packing-header .td1-header {
    width: 45%;
    padding-right: 30px;
    vertical-align: top
}

.packingslip-modal-popup.in .packing-header .td2-header {
    width: 55%;
    vertical-align: top
}

.packingslip-modal-popup.in .packing-header .address-div,
.packingslip-modal-popup.in .packing-header .info-div {
    width: 100%;
    margin: 20px 0 0;
    border: 1px solid #000
}

.packingslip-modal-popup.in .packing-header .info-div {
    font-size: 13px
}

.packingslip-modal-popup.in .packing-header .info-div .packingSlipInfotable td:first-child {
    font-weight: 700
}

.packingslip-modal-popup.in .packing-header .address-div {
    height: 130px;
    font-size: 13px
}

.packingslip-modal-popup.in .packing-header .address-div div {
    padding-left: 5px
}

.packingslip-modal-popup.in .packing-header .address-head {
    padding: 5px
}

.packingslip-modal-popup.in .packing-header .address-head .cust-id {
    margin-left: 25px
}

.packingslip-modal-popup.in .row.delivery-parent-container {
    margin: 0
}

.packingslip-modal-popup.in .delivery-number-div {
    float: left;
    width: 14%
}

.packingslip-modal-popup.in .head {
    margin-bottom: 20px
}

.packingslip-modal-popup.in .header-text {
    font-size: 30px;
    font-weight: 300;
    color: #9b9b9b
}

.packingslip-modal-popup.in .btn-app {
    height: 36px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    line-height: 16px
}

.packingslip-modal-popup.in .btn-app.active.focus,
.packingslip-modal-popup.in .btn-app.active:focus,
.packingslip-modal-popup.in .btn-app.focus,
.packingslip-modal-popup.in .btn-app:active.focus,
.packingslip-modal-popup.in .btn-app:active:focus,
.packingslip-modal-popup.in .btn-app:focus {
    outline: 0
}

.packingslip-modal-popup.in .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.packingslip-modal-popup.in .btn-app-primary.focus,
.packingslip-modal-popup.in .btn-app-primary:focus,
.packingslip-modal-popup.in .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.packingslip-modal-popup.in .col-email-print,
.packingslip-modal-popup.in .download-excel {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    cursor: pointer
}

.packingslip-modal-popup.in .email-container {
    display: inline-block
}

.packingslip-modal-popup.in .email-container a {
    color: #0093c6;
    text-decoration: none
}

.packingslip-modal-popup.in .email-container a i {
    font-size: 18px;
    margin-right: 5px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu {
    padding: 5px;
    width: 686px;
    background: #f6f6f6;
    left: -635px;
    top: 27px;
    border: 0
}

.packingslip-modal-popup.in .email-container>.dropdown-menu h2 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 300;
    color: #9b9b9b
}

.packingslip-modal-popup.in .email-container>.dropdown-menu h2 b {
    font-weight: 400
}

.packingslip-modal-popup.in .email-container>.dropdown-menu h2 a img {
    vertical-align: top
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form label {
    color: #b3b3b3;
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group .clear-email {
    color: #0093c6;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    margin-right: 10px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group textarea::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group textarea::-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group textarea:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group textarea:-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label {
    margin: 0 0 0 14px;
    color: #7f7f7f;
    font-weight: 600;
    font-size: 12px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square,
.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-square-o {
    color: #0093c6;
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label .fa-check-square {
    background-color: #fff
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group .checkbox-label:hover {
    cursor: pointer
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group p.err-txt {
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00;
    margin-top: 2px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-grp-txtarea {
    margin-bottom: 10px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form .form-group.btn-control .btn .glyphicon {
    margin-right: 5px
}

.packingslip-modal-popup.in .email-container>.dropdown-menu form p.top-err {
    font-weight: 600;
    color: #ff8a00
}

.packingslip-modal-popup.in .email-container>.dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    content: "";
    top: -10px;
    right: 35px;
    position: absolute
}

.packingslip-modal-popup.in .print-container {
    cursor: pointer;
    margin-right: 35px
}

.packingslip-modal-popup.in .fa-print {
    font-size: 18px;
    color: #0093c6
}

.packingslip-modal-popup.in .print-lbl {
    font-size: 11px;
    color: #b3b3b3;
    font-weight: 600
}

.packingslip-modal-popup.in .list-group-item {
    border: none;
    margin: 0;
    border-radius: 1px;
    font-size: 14px;
    background-color: transparent;
    padding: 20px 0 0
}

.packingslip-modal-popup.in .listName .list-group-item .fa-chevron-right {
    display: none
}

.packingslip-modal-popup.in .listName .list-group-item.active .fa-chevron-right {
    display: block;
    margin-top: 3px
}

.packingslip-modal-popup.in .packingSliptable th {
    border-bottom: none;
    vertical-align: top
}

.packingslip-modal-popup.in .packingSliptable th .txt-no-wrap {
    white-space: nowrap
}

.packingslip-modal-popup.in .packingSliptable tfoot tr.tr-total td {
    padding: 12px 8px
}

.packingslip-modal-popup.in .packingSliptable tfoot tr.tr-total td.total-qty-shipped {
    position: relative
}

.packingslip-modal-popup.in .packingSliptable tfoot tr.tr-total td.total-txt {
    text-align: right;
    border-bottom: 0
}

.packingslip-modal-popup.in .packingSliptable tfoot tr.tr-total td.total-txt.text-left {
    text-align: left
}

.packingslip-modal-popup.in .packingSliptable tfoot tr.tr-total td.total-txt span.qty-shipped {
    position: absolute;
    right: -18px
}

.packingslip-modal-popup.in th {
    border-bottom: none
}

.packingslip-modal-popup.in .packingSlipHeadertable td,
.packingslip-modal-popup.in .packingSlipInfotable td {
    border-top: none
}

.packingslip-modal-popup.in .packingSlipInfotable td {
    padding: 4px
}

.packingslip-modal-popup.in .paking-header-tbl {
    width: 100%;
    margin-bottom: 40px
}

.packingslip-modal-popup.in .paking-header-tbl .aftermarket {
    font-weight: 700;
    font-size: 15px;
    color: #9b9b9b;
    margin: 5px 0
}

.packingslip-modal-popup.in .paking-header-tbl .company-name {
    font-size: 12px;
    font-weight: 700
}

.packingslip-modal-popup.in .paking-header-tbl .reprint-lbl {
    margin-top: 15px
}

.packingslip-modal-popup.in .paking-header-tbl td:last-child {
    width: 131px;
    text-align: right
}

.packingslip-modal-popup.in .paking-header-tbl tr td.td-logo {
    width: 120px
}

.packingslip-modal-popup.in .paking-header-tbl tr td.td-address address {
    margin-bottom: 6px;
    margin-left: 10px
}

.packingslip-modal-popup.in .paking-header-tbl tr td.td-address address div {
    line-height: 14px
}

.packingslip-modal-popup.in .paking-header-tbl tr td.td-address address div.comp-name {
    line-height: 16px
}

.packingslip-modal-popup.in .loading-text {
    margin-top: 180px;
    text-align: center
}

.packingslip-modal-popup.in .list-loading {
    min-height: 400px
}

.packingslip-modal-popup.in .nodata-div {
    text-align: center;
    margin-top: 180px;
    min-height: 160px
}

@media screen {
    #printSection {
        display: none
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .packingslip-modal-popup.in .modal-dialog {
        width: 98%
    }

    .packingslip-modal-popup.in .modal-dialog .modal-content .modal-wrapper .header-text {
        width: 70%
    }

    .packingslip-modal-popup.in .modal-dialog .packingSliptable th {
        padding: 8px 4px
    }

    .packingslip-modal-popup.in .modal-dialog .packingSliptable th.th-weight .txt-no-wrap {
        white-space: normal
    }

    .packingslip-modal-popup.in .modal-dialog .packingSliptable tbody td {
        border-right: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        padding: 8px 4px
    }

    .packingslip-modal-popup.in .modal-dialog .packingSliptable .notify-msg {
        font-size: 14px
    }

    .packingslip-modal-popup.in .modal-dialog .packingSliptable .notify-msg .fa-check-circle {
        font-size: 20px;
        padding-right: 12px
    }
}

.verify-order-container .verify-order-content .pzv-tabset .nav-tabs,
.verify-order-container .verify-order-content .pzv-tabset .nav-tabs li.active .nav-link uib-tab-heading {
    border-bottom: transparent
}

@media print {

    #printPackingSlipArea .packing-header .td1-header .address-div .address-head,
    #printPackingSlipArea .packing-header .td2-header .info-div .address-head {
        border-right: 0
    }

    body * {
        visibility: hidden
    }

    @page {
        margin: auto 5mm auto 5mm
    }

    .modal {
        position: relative !important
    }

    .packingslip-modal-popup.in .packing-slip-container {
        float: none
    }

    .packingslip-modal-popup.in div {
        position: static !important;
        width: auto !important;
        margin: auto 0 !important;
        padding: 0 !important;
        min-width: 100% !important
    }

    #printSection,
    #printSection * {
        visibility: visible
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0
    }

    .eu-packslip-tbl>tbody>tr>td,
    .eu-packslip-tbl>tbody>tr>th,
    .eu-packslip-tbl>tfoot>tr>td,
    .eu-packslip-tbl>tfoot>tr>th,
    .eu-packslip-tbl>thead>tr>td,
    .eu-packslip-tbl>thead>tr>th {
        padding: 10px 0 !important
    }

    .pzv-tbl-eu {
        font-size: 10px;
        font-weight: 400
    }

    #printPackingSlipArea .packing-header .td1-header .address-div {
        padding: 10px 20px 20px !important;
        margin-bottom: 20px !important
    }

    #printPackingSlipArea .packing-header .td2-header .info-div {
        padding: 10px 20px 20px !important
    }

    a,
    body,
    div,
    h1,
    h2,
    h3,
    p,
    td,
    th {
        color: #000 !important;
        background-color: #fff !important
    }

    body {
        overflow: scroll !important;
        min-width: 640px !important
    }
}

#advancedSearch_mobile .modal-body .c-card,
#locatorPopUp .round input[type=checkbox],
.locator-card-wrapper .locator-round-points .round input[type=checkbox],
.promo-banner .round input[type=checkbox] {
    visibility: hidden
}

@media only screen and (max-width:425px) {
    .email-container .dropdown-menu.email-popup {
        width: 300px !important;
        left: -243px !important
    }
}

.verify-order-container .custom-loader,
.verify-order-container .custom-loader .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.po-error {
    background: #fff
}

.po-error h1 {
    margin-top: 133px;
    color: #525252;
    margin-bottom: 172px
}

.po-error h1 .fa-exclamation-triangle {
    margin-right: 10px;
    position: relative;
    font-size: 20px
}

.verify-order-container {
    padding-left: 0;
    padding-right: 0
}

.verify-order-container .custom-loader {
    position: fixed;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: .7;
    background: #fff
}

.verify-order-container .custom-loader .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 50%;
    margin-top: -20px
}

.verify-order-container .fa-check-square,
.verify-order-container .fa-square-o {
    padding-right: 5px;
    font-size: 18px;
    vertical-align: middle
}

.verify-order-container a.lnk {
    text-transform: uppercase;
    text-decoration: none
}

.verify-order-container a.lnk.rmv-lnk {
    position: relative;
    top: 20px;
    right: 10px
}

.verify-order-container .btn-app.active.focus,
.verify-order-container .btn-app.active:focus,
.verify-order-container .btn-app.focus,
.verify-order-container .btn-app:active.focus,
.verify-order-container .btn-app:active:focus,
.verify-order-container .btn-app:focus {
    outline: 0
}

.verify-order-container .clickable {
    cursor: pointer;
    margin-bottom: 0;
    text-decoration: none;
    outline: 0
}

.verify-order-container .verify-order-content {
    margin-top: 40px;
    padding: 0 20px;
    margin-bottom: 40px
}

.verify-order-container .verify-order-content .download-report-wrapper {
    display: inline-block;
    padding: 6px 20px
}

.verify-order-container .verify-order-content .download-report-wrapper .download-report {
    display: inline-block;
    cursor: pointer;
    position: relative;
    color: #0093c6;
    font-weight: 600;
    font-size: 12px;
    top: 0
}

.verify-order-container .verify-order-content .pzv-tabset .nav-tabs li {
    border-radius: 0;
    margin-right: 8px !important;
    margin-bottom: 0 !important
}

.verify-order-container .verify-order-content .pzv-tabset .nav-tabs li .nav-link uib-tab-heading {
    padding: 10px 15px
}

.verify-order-container .verify-order-content .pzv-tabset .nav-tabs li.active .nav-link {
    border: transparent
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content {
    border-top: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 20px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container {
    padding: 0;
    display: inline-block;
    width: 420px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container>.row {
    margin: 0 -5px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container>.row>.col-custom-pad {
    padding: 0;
    margin-bottom: 7px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container button.go {
    margin-left: 10px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container a.clickable {
    margin-left: 15px;
    position: relative;
    top: 2px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container .date-wrapper input {
    background: 0 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container .date-wrapper .btn.btn-calender {
    outline: 0;
    border: 0;
    padding: 3px 12px;
    background-color: transparent
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container .date-wrapper .btn.btn-calender>.fa-calendar {
    font-size: 17px;
    top: 2px;
    outline: 0
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container .date-wrapper .btn.btn-calender.btn-disabled>.fa-calendar {
    color: #ccc
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container .date-wrapper .btn.btn-calender:active,
.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container .date-wrapper .btn.btn-calender:active:focus,
.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container .date-wrapper .btn.btn-calender:active:hover,
.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .date-picker-container .date-wrapper .btn.btn-calender:hover {
    color: #333;
    background-color: transparent;
    border-color: #8c8c8c;
    box-shadow: none;
    outline: 0
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .table-responsive .empty-table-msg {
    width: 100%;
    height: 300px;
    text-align: center
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .table-responsive .empty-table-msg label {
    margin-top: 125px;
    font-size: 20px;
    color: #323232;
    font-weight: 400
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl {
    margin-bottom: 20px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl .th-select {
    white-space: nowrap
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl .col-select {
    text-align: center;
    padding-top: 10px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl .col-selectth .label {
    margin-top: 10px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead {
    text-align: left
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead>tr>th {
    padding-left: 5px;
    vertical-align: top
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead>tr>th div {
    position: relative;
    display: inline-block
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead>tr>th div:hover {
    cursor: pointer
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead>tr>th div .header-txt {
    display: inline-block;
    white-space: nowrap;
    float: left
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead>tr>th div .sort-arrow {
    padding-left: 5px;
    width: auto;
    float: left
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr>th {
    border-bottom: 0;
    padding: 10px 5px 0
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr>.th-cust-num {
    width: 220px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr>.th-ordrd-dt {
    width: 100px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr>.th-order-type {
    width: 142px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>th {
    padding: 0 5px 15px;
    border-top: 0
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>th.col-select {
    padding-top: 11px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>th .form-group {
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
    margin-top: 5px;
    position: relative
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>th .form-group input {
    padding-right: 20px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>th .form-group i {
    position: absolute;
    right: 7px;
    top: 8px;
    font-size: 12px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>th .form-group img.cross-icon {
    position: absolute;
    top: 9px;
    z-index: 1049;
    cursor: pointer;
    right: 7px;
    width: 11px;
    height: 11px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>.th-cust-num {
    width: 220px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>.th-ordrd-dt {
    width: 100px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>.th-order-type {
    width: 142px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>.th-order-type select::-ms-expand {
    display: none
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>.th-order-type select {
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    outline: 0
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>.th-order-type select:hover {
    cursor: pointer
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>thead.header-search>tr.tr-search>.th-order-type select+.fa-caret-down {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 12px;
    pointer-events: none
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr>td {
    padding: 10px 5px;
    vertical-align: middle
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr>td.list-item-delete .list-item-delete-box {
    padding: 10px 0;
    border-radius: 3px;
    text-align: center
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr>td .link-details {
    cursor: pointer
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr>td.process-num {
    position: relative
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr>td.process-num>i {
    position: absolute;
    bottom: -13px;
    right: 50%;
    font-size: 20px;
    color: #f3f3f3;
    z-index: 12
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody .order-row-container {
    margin-left: 0;
    margin-right: 24px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody .primary-reprocess-btn {
    margin-right: -34px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr.tr-dual>td {
    padding-top: 5px;
    position: relative
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr.tr-dual>td .reason-txt {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 8px 8px 8px 45px;
    position: relative
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr.tr-dual>td .reason-txt>i {
    top: 50%;
    margin-top: -7px;
    left: 15px;
    margin-right: 2px;
    position: absolute;
    font-size: 14px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr.tr-dual>td .padding-top-6px {
    padding-top: 6px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr.tr-exception>td {
    height: 200px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr.tr-exception>td .no-order-data-container .no-data {
    text-align: center
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content table.pzv-tbl>tbody>tr.tr-exception>td .no-order-data-container .no-data h1 {
    margin: 20px;
    font-size: 20px;
    color: #323232;
    font-weight: 400
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container {
    padding: 10px;
    overflow: hidden;
    text-align: center
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .items-dropdown {
    display: inline-block;
    width: 131px;
    position: relative;
    top: -10px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .items-dropdown label {
    margin-right: 10px
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .items-dropdown select.pagination-limit {
    display: inline-block;
    width: 56%
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .items-dropdown select::-ms-expand {
    display: none
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .items-dropdown select {
    -moz-appearance: none;
    appearance: none
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .items-dropdown select:hover {
    cursor: pointer
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .items-dropdown select+.fa-caret-down {
    position: absolute;
    right: 13px;
    top: 8px;
    font-size: 12px;
    pointer-events: none
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .tbl-info {
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 700
}

.verify-order-container .verify-order-content .pzv-tabset .pzv-tab-content .pagination-sm-custom-container .pagination {
    margin: 0
}

.reprocessed-order-modal {
    top: 0 !important
}

.reprocessed-order-modal .modal-dialog.modal-lg {
    margin: 50px auto;
    width: 85%
}

@media print {
    .reprocessed-order-modal .modal-dialog.modal-lg {
        width: 100%
    }
}

.reprocessed-order-modal .modal-dialog.modal-lg .modal-content {
    border: 0
}

.reprocessed-order-modal .modal-dialog.modal-lg .action-btn-div {
    margin-bottom: 10px
}

.reprocessed-order-modal .modal-dialog.modal-lg .mb-25 {
    margin-bottom: 25px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder {
    margin: 0;
    padding: 0
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .close-overlay {
    position: absolute;
    top: 20px;
    right: 20px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .parent-container {
    margin: 0;
    padding-top: 70px;
    padding-bottom: 40px;
    border-radius: 3px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .parent-container .order-title {
    padding: 0 35px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .failed-po-error,
.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .orderno-not-created-err {
    padding: 30px 0;
    border-radius: 3px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .failed-po-error h1,
.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .orderno-not-created-err h1 {
    margin: 0;
    padding-left: 30px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .failed-po-error h1 .fa-exclamation-triangle,
.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .orderno-not-created-err h1 .fa-exclamation-triangle {
    margin-right: 10px;
    position: relative;
    font-size: 20px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .failed-po-error .process-num-lbl,
.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .orderno-not-created-err .process-num-lbl {
    padding-left: 30px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .po-error {
    background: #fff;
    border-radius: 3px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .po-error h1 {
    font-weight: 400;
    font-size: 18px;
    margin-top: 90px;
    color: #525252;
    margin-bottom: 172px
}

.reprocessed-order-modal .modal-dialog.modal-lg #reprocessedOrder .po-error h1 .fa-exclamation-triangle {
    color: #FF9d02;
    margin-right: 10px;
    position: relative;
    font-size: 20px
}

.previewOrder {
    padding-top: 90px;
    margin-top: 0
}

.previewOrder .loader-img {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

.previewOrder .loader-img div {
    padding-top: 30px;
    padding-bottom: 20px
}

.previewOrder .loader-img div img {
    width: 25px
}

.previewOrder .alert-freight {
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
    color: #8a6d3b !important;
    margin-top: 15px
}

.previewOrder .affix-ads {
    position: fixed;
    top: 80px;
    right: 7px
}

.previewOrder .custom-loader,
.previewOrder .custom-loader .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.previewOrder .custom-loader {
    position: fixed;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: .7;
    background: #fff
}

.previewOrder .custom-loader .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 50%;
    margin-top: -20px
}

.previewOrder .notify-warning {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .2);
    width: 264px;
    position: absolute;
    background: khaki;
    top: -50px;
    right: 10;
    margin: 0 auto;
    z-index: 1;
    color: #515151;
    font-weight: 700;
    font-size: 12px;
    padding: 10px 10px 10px 27px;
    border-radius: 3px;
    text-align: left
}

.previewOrder .check .ship-to .first-line,
.previewOrder .check .sold-to .first-line {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #ebebeb
}

.previewOrder .notify-warning .fa-info-circle {
    color: #6e6e6e;
    font-size: 14px;
    padding-right: 0;
    margin-right: 5px;
    position: absolute;
    top: 13px;
    left: 10px
}

.previewOrder .notify-warning .glyphicon {
    color: khaki;
    position: relative;
    top: 23px
}

.previewOrder .btn-ddl.disable-dropdown,
.previewOrder .pzv-dropdown-default.disable-dropdown {
    background: #d4d4d4;
    pointer-events: none;
    cursor: none
}

.previewOrder .mobile-preview-order.is-employee .addresses,
.previewOrder .preview-order-content.is-employee .addresses {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.previewOrder .mobile-preview-order.is-employee .check,
.previewOrder .preview-order-content.is-employee .check {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.previewOrder .mobile-preview-order.is-employee .addresses,
.previewOrder .mobile-preview-order.is-employee .check,
.previewOrder .preview-order-content.is-employee .addresses,
.previewOrder .preview-order-content.is-employee .check {
    display: -ms-flexbox;
    display: flex
}

.previewOrder .mobile-preview-order.is-employee .addresses .bill-to,
.previewOrder .mobile-preview-order.is-employee .addresses .ship-to .alter-ship-to,
.previewOrder .mobile-preview-order.is-employee .addresses .sold-to,
.previewOrder .mobile-preview-order.is-employee .check .bill-to,
.previewOrder .mobile-preview-order.is-employee .check .ship-to .alter-ship-to,
.previewOrder .mobile-preview-order.is-employee .check .sold-to,
.previewOrder .preview-order-content.is-employee .addresses .bill-to,
.previewOrder .preview-order-content.is-employee .addresses .ship-to .alter-ship-to,
.previewOrder .preview-order-content.is-employee .addresses .sold-to,
.previewOrder .preview-order-content.is-employee .check .bill-to,
.previewOrder .preview-order-content.is-employee .check .ship-to .alter-ship-to,
.previewOrder .preview-order-content.is-employee .check .sold-to {
    display: none !important
}

.previewOrder .mobile-preview-order.is-employee .addresses .ship-to,
.previewOrder .mobile-preview-order.is-employee .check .ship-to,
.previewOrder .preview-order-content.is-employee .addresses .ship-to,
.previewOrder .preview-order-content.is-employee .check .ship-to {
    width: 100%;
    margin-left: 0
}

.previewOrder .mobile-preview-order.is-employee .addresses .ship-to .invalid-ship-msg,
.previewOrder .mobile-preview-order.is-employee .check .ship-to .invalid-ship-msg,
.previewOrder .preview-order-content.is-employee .addresses .ship-to .invalid-ship-msg,
.previewOrder .preview-order-content.is-employee .check .ship-to .invalid-ship-msg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 80px;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.previewOrder .mobile-preview-order.is-employee .addresses .ship-to .invalid-ship-msg .msg-wrapper,
.previewOrder .mobile-preview-order.is-employee .check .ship-to .invalid-ship-msg .msg-wrapper,
.previewOrder .preview-order-content.is-employee .addresses .ship-to .invalid-ship-msg .msg-wrapper,
.previewOrder .preview-order-content.is-employee .check .ship-to .invalid-ship-msg .msg-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.previewOrder .mobile-preview-order.is-employee .addresses .ship-to .invalid-ship-msg .msg-wrapper .fa-exclamation-triangle,
.previewOrder .mobile-preview-order.is-employee .check .ship-to .invalid-ship-msg .msg-wrapper .fa-exclamation-triangle,
.previewOrder .preview-order-content.is-employee .addresses .ship-to .invalid-ship-msg .msg-wrapper .fa-exclamation-triangle,
.previewOrder .preview-order-content.is-employee .check .ship-to .invalid-ship-msg .msg-wrapper .fa-exclamation-triangle {
    margin-right: 20px;
    font-size: 20px;
    margin-top: 0
}

.previewOrder .mobile-preview-order.is-employee .addresses .ship-to .invalid-ship-msg .msg-wrapper .msg-container,
.previewOrder .mobile-preview-order.is-employee .check .ship-to .invalid-ship-msg .msg-wrapper .msg-container,
.previewOrder .preview-order-content.is-employee .addresses .ship-to .invalid-ship-msg .msg-wrapper .msg-container,
.previewOrder .preview-order-content.is-employee .check .ship-to .invalid-ship-msg .msg-wrapper .msg-container {
    margin-right: 30px;
    color: #fa9602;
    font-size: 14px;
    font-weight: 600
}

.previewOrder .mobile-preview-order.is-employee .addresses .ship-to .invalid-ship-msg .btn-app,
.previewOrder .mobile-preview-order.is-employee .check .ship-to .invalid-ship-msg .btn-app,
.previewOrder .preview-order-content.is-employee .addresses .ship-to .invalid-ship-msg .btn-app,
.previewOrder .preview-order-content.is-employee .check .ship-to .invalid-ship-msg .btn-app {
    padding: 10px 12px
}

.previewOrder .mobile-preview-order.is-employee .payment-options .payment-container .pay-later,
.previewOrder .mobile-preview-order.is-employee .pur-order-number,
.previewOrder .mobile-preview-order.is-employee .shipping-date-cal,
.previewOrder .preview-order-content.is-employee .payment-options .payment-container .pay-later,
.previewOrder .preview-order-content.is-employee .pur-order-number,
.previewOrder .preview-order-content.is-employee .shipping-date-cal {
    display: none !important
}

.previewOrder .preview-order-content {
    margin-top: 26px;
    max-width: calc(100% - 220px)
}

.previewOrder .forstRow .newPrevHdr {
    height: 50px;
    background-color: #fcfcfc
}

.previewOrder .check {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.previewOrder .check .sold-to {
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075);
    min-height: 100px;
    background-color: #fff;
    margin-bottom: 10px;
    width: 40%
}

.previewOrder .check .bill-to,
.previewOrder .check .ship-to {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075);
    min-height: 100px;
    width: 49.5%
}

.previewOrder .check .sold-to .first-line {
    height: 47px
}

.previewOrder .check .sold-to .first-line p {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px
}

.previewOrder .check .sold-to .bottom-content {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-transform: uppercase;
    padding: 15px 0 20px 15px
}

.previewOrder .check .sold-to .bottom-content p {
    margin: 0
}

.previewOrder .check .ship-to {
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative
}

.previewOrder .check .ship-to .first-line {
    position: relative;
    height: 47px
}

.previewOrder .check .ship-to .first-line p {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px
}

.previewOrder .check .ship-to .first-line .default-text {
    text-transform: uppercase;
    background: #323232;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px;
    border-radius: 10%;
    margin-top: -4px
}

.previewOrder .check .ship-to .bottom-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 15px 0 10px 15px
}

.previewOrder .check .ship-to .bottom-content p {
    margin: 0
}

.previewOrder .check .ship-to .alter-ship-to {
    text-align: right;
    padding-right: 15px;
    padding-left: 10px;
    margin-bottom: 15px
}

.previewOrder .check .ship-to .alter-ship-to a {
    margin-bottom: 15px
}

.previewOrder .check .ship-to .alter-ship-to a.add-new-add {
    padding-left: 15px
}

.previewOrder .check .bill-to {
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-left: 10px
}

.previewOrder .check .bill-to .first-line {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    height: 47px;
    border-bottom: 1px solid #ebebeb
}

.previewOrder .check .bill-to .first-line p {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px
}

.previewOrder .check .bill-to .bottom-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 15px 0 20px 15px
}

.previewOrder .check .bill-to .bottom-content .alter-ship-to {
    margin-right: 20px
}

.previewOrder .check .bill-to .bottom-content .alter-ship-to a {
    float: right;
    margin-right: 20px
}

.previewOrder .check .bill-to .bottom-content p {
    margin: 0
}

.previewOrder .shipping-date-cal .form-group {
    margin-bottom: 0
}

.previewOrder .shipping-date-cal .form-group .shipping-cal {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.previewOrder .shipping-date-cal .form-group .shipping-cal label {
    padding: 6px 0 0 15px;
    font-weight: 600;
    color: #7f7f7f
}

.previewOrder .shipping-date-cal .form-group .shipping-cal .previewfieldempty {
    padding: 0 0 0 15px;
    width: 35%
}

.previewOrder .shipping-date-cal .form-group .shipping-cal .previewfieldempty p input {
    color: #545454 !important;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    box-shadow: inset 0 0 0 transparent
}

.previewOrder .shipping-date-cal .form-group .shipping-cal .previewfieldempty p .input-group-btn button {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.previewOrder .shipping-date-cal .form-group .ship-complete {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #7f7f7f;
    margin-bottom: 10px
}

.previewOrder .shipping-date-cal .form-group .ship-complete label {
    padding-top: 7px;
    font-weight: 600
}

.previewOrder .shipping-date-cal .form-group .ship-complete .ship-complete-input input {
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 5px
}

.previewOrder .shipping-date-cal .form-group .ship-complete .ship-complete-input input[type=radio]:checked:before {
    background: 0 0;
    border: none
}

.previewOrder .shipping-date-cal .form-group .ship-complete .ship-complete-input label {
    vertical-align: middle
}

.previewOrder .shipping-date-cal .form-group .eo-ship-complete {
    margin-bottom: 12px;
    margin-left: 15px
}

.previewOrder .bill-to-address {
    margin-bottom: 10px;
    background-color: #fcfcfc;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075)
}

.previewOrder .bill-to-address .form-group {
    margin-bottom: 0
}

.previewOrder .bill-to-address .heading {
    height: auto;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.previewOrder .bill-to-address .heading label {
    height: 30px;
    padding: 13px 0 13px 15px;
    width: 100%
}

.previewOrder .bill-to-address .prev-ordr-form {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px 25px
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .col-md-4 {
    margin-top: 10px
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .col-md-4.carrier-acc-no {
    width: auto;
    min-width: 33.33333%
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .carrier-account-input input {
    padding-left: 10px;
    min-height: 37px
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .freight-handling {
    padding-left: 0
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .form-group .label-txt,
.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .label-txt {
    padding-left: 5px
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .form-group .dropdown button {
    padding: 6px 6px 10px 10px;
    position: relative;
    width: 100%
}

.previewOrder .bill-to-address .pur-ordr-input .pon-container .primary_num input,
.previewOrder .bill-to-address .pur-ordr-input .pon-container .sec_num input {
    width: 263px
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .form-group .dropdown button .text-left {
    vertical-align: top
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .form-group .dropdown button .fa-caret-down {
    position: absolute;
    right: 13px;
    top: 8px;
    pointer-events: none
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .form-group .dropdown .eo-ship-specify {
    background-color: #eff0f1;
    border: 1px solid #d7d7d7
}

.previewOrder .bill-to-address .address-part,
.previewOrder .bill-to-address .email-list-container,
.previewOrder .bill-to-address .pur-ordr-input {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .form-group .dropdown .eo-ship-specify span {
    color: #545454
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .form-group [uib-dropdown] span .text-left {
    font-weight: 600;
    font-size: 13px
}

.previewOrder .bill-to-address .prev-ordr-form .info-message {
    padding: 10px 0 0 10px
}

.previewOrder .bill-to-address .prev-ordr-form .info-message i {
    color: #6e6e6e;
    font-size: 14px
}

.previewOrder .bill-to-address .prev-ordr-form .info-message span {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #7f7f7f
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-instsn-row {
    margin-top: 15px;
    margin-bottom: 20px
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-instsn-row .form-group .label-txt {
    padding-left: 5px
}

.previewOrder .bill-to-address .prev-ordr-form .shipng-instsn-row .form-group textarea {
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #555
}

.previewOrder .bill-to-address .pur-ordr-input .pon-container {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin: 0;
    padding: 10px 0
}

.previewOrder .bill-to-address .pur-ordr-input .pon-container .primary_num {
    padding: 10px 0 10px 15px;
    position: relative
}

.previewOrder .bill-to-address .pur-ordr-input .pon-container .primary_num label {
    padding-right: 10px
}

.previewOrder .bill-to-address .pur-ordr-input .pon-container .sec_num {
    padding: 10px 0 10px 40px
}

.previewOrder .bill-to-address .pur-ordr-input .pon-container .sec_num label {
    padding-right: 10px
}

.previewOrder .bill-to-address .address-part {
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #787878;
    min-height: 50px;
    padding: 15px 0 10px 6px
}

.previewOrder .bill-to-address .address-part p {
    padding-left: 19px
}

.previewOrder .bill-to-address .email-list-container {
    padding-left: 25px;
    min-height: 50px;
    padding-top: 15px;
    padding-bottom: 10px
}

.previewOrder .bill-to-address .email-list-container .email-mobile-added {
    padding: 5px;
    display: inline-block;
    clear: left
}

.previewOrder .bill-to-address .email-list-container .email-mobile-added .email-mobile-added-container {
    padding: 5px;
    border: 1px solid #dbdbdb;
    color: #000;
    border-radius: 3px;
    display: inline-block;
    clear: left;
    margin-right: 5px;
    font-size: 13px
}

.previewOrder .bill-to-address .email-list-container .email-mobile-add {
    display: inline-block;
    clear: left
}

.previewOrder .bill-to-address .email-list-container .email-container input {
    color: #555 !important;
    font-weight: 600;
    font-size: 13px !important
}

.previewOrder .bill-to-address .email-list-container .email-container .checkbox-label {
    position: absolute;
    padding-top: 9px;
    padding-left: 8px
}

.previewOrder .bill-to-address .email-list-container .email-container .checkbox-label .fa-check-square,
.previewOrder .bill-to-address .email-list-container .email-container .checkbox-label .fa-square-o {
    color: #0093c6;
    font-size: 15px
}

.previewOrder .bill-to-address .email-list-container .email-container .checkbox-label .disabled {
    color: #b5b5b5
}

.previewOrder .bill-to-address .payment-container {
    padding-bottom: 15px;
    padding-top: 15px;
    margin-left: 15px
}

.previewOrder .bill-to-address .payment-container label {
    padding-top: 7px;
    font-size: 14px;
    font-weight: 600;
    color: #313231;
    vertical-align: middle
}

.previewOrder .bill-to-address .payment-container input {
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: 0
}

.previewOrder .bill-to-address .payment-container input[type=radio]:checked:before {
    background: 0 0;
    border: none
}

.previewOrder .bill-to-address .payment-container .credit-card-label {
    vertical-align: middle;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #6e6e6e
}

.previewOrder .bill-to-address .payment-container .other_card_logo {
    height: 20px;
    margin-left: 5px
}

.previewOrder .bill-to-address .payment-container .american_card_logo {
    width: 35px;
    height: 20px;
    margin-left: 5px
}

.previewOrder .bill-to-address .payment-container .m-t-20 {
    margin-top: 20px
}

.previewOrder .font-weight {
    font-weight: 600
}

.previewOrder .font-weight .fa-info-circle {
    color: #6e6e6e
}

.previewOrder .well {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px
}

.previewOrder .well .error-field {
    border-color: #ff8a00;
    color: #ff8a00
}

.previewOrder .alert {
    margin-bottom: 0;
    background: #e3e3e3;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    line-height: 37px;
    padding: 0 10px;
    border: 0
}

.previewOrder .err-placing-order {
    display: table;
    font-size: 12px;
    color: #ff8a00;
    width: 100%;
    margin: 10px 0
}

.previewOrder .err-placing-order .err-icon {
    width: 20px
}

.previewOrder .err-placing-order .err-icon,
.previewOrder .err-placing-order .err-msg {
    display: table-cell;
    vertical-align: middle
}

#advancedSearch .modal-header h3 .close-overlay img,
.previewOrder .email-list-container .email-container span img {
    vertical-align: top
}

.previewOrder .err-placing-order .err-msg {
    line-height: 16px;
    font-size: 12px;
    font-weight: 600
}

.previewOrder .advance-account {
    position: relative;
    padding: 10px 10px 0
}

.previewOrder .advance-account i {
    color: #ff8a00;
    font-size: 16px;
    top: 16px;
    left: 11px;
    margin-right: 2px;
    position: absolute;
    margin-top: 0
}

.previewOrder .advance-account span {
    display: inline-block;
    color: #000;
    font-weight: 600;
    padding-left: 27px;
    line-height: 14px
}

.previewOrder .madatoryStar {
    color: #7f7f7f;
    font-weight: 600
}

.previewOrder .alert-dismissable .close,
.previewOrder .alert-dismissible .close {
    top: 7px;
    right: 0
}

.previewOrder .bg-default {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 4px 15px;
    text-transform: uppercase
}

.previewOrder .bg-default .fa {
    font-size: 14px;
    margin-left: 2px;
    font-weight: 500;
    margin-right: 10px
}

.previewOrder .bg-default .fa-arrow-circle-o-left {
    color: #c2c2c2
}

.previewOrder .bg-default .revertcart {
    margin-left: 10px
}

.previewOrder a,
.previewOrder a:hover {
    text-decoration: none
}

.previewOrder a:focus {
    outline: 0
}

.previewOrder .down-border {
    border-top: 1px solid #c2c2c2;
    margin-top: 20px;
    margin-bottom: 20px
}

.previewOrder .down-dashed-border {
    border-top: 2px dashed #c2c2c2;
    margin-top: 10px;
    margin-bottom: 20px
}

.previewOrder .br-l-4 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.previewOrder .br-r-4 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.previewOrder .br-4 {
    border: 4px
}

.previewOrder .btn-app {
    line-height: 16px
}

.previewOrder .btn-app.active.focus,
.previewOrder .btn-app.active:focus,
.previewOrder .btn-app.focus,
.previewOrder .btn-app:active.focus,
.previewOrder .btn-app:active:focus,
.previewOrder .btn-app:focus {
    outline: 0
}

.previewOrder .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.previewOrder .btn-app-primary.focus,
.previewOrder .btn-app-primary:focus,
.previewOrder .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.previewOrder .btn-app-sm {
    font-size: 11px;
    line-height: 11px;
    font-weight: 600;
    height: 24px;
    padding: 2px 12px
}

.previewOrder .btn-app-success {
    margin-bottom: 10px;
    margin-top: 10px
}

.previewOrder .cont-shopping {
    margin-bottom: 10px;
    min-height: 36px;
    padding: 6px 12px
}

.previewOrder .go-to-cart {
    margin-bottom: 30px;
    min-height: 36px
}

.previewOrder input.date-txt {
    pointer-events: none;
    cursor: not-allowed;
    font-weight: 600;
    color: #000 !important
}

#advancedSearch_mobile .modal-body .card-content *,
.listContainer .pulldown-mylists a:hover,
.previewOrder .advan-search-link:hover,
.previewOrder .email-list-container .email-container span:hover {
    cursor: pointer
}

.previewOrder .has-error .help-block {
    text-align: right;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00
}

.previewOrder .has-error .form-control {
    border-color: #ff8a00
}

.previewOrder .email-list-container .email-container .email-wrap {
    min-width: 200px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 37px
}

.previewOrder .email-list-container .email-container .email-wrap.red-border {
    border: 1px solid #ff9d02
}

.previewOrder .email-list-container .email-container .email-wrap .pz-input {
    border: none;
    padding: 6px 30px;
    line-height: 30px;
    border-radius: 3px;
    box-shadow: none;
    font-size: 14px;
    background-color: #fff;
    min-width: 0;
    width: auto;
    display: inline
}

.previewOrder .email-list-container .email-container .email-wrap .pz-input::-ms-clear {
    display: none
}

.previewOrder .email-list-container .email-container input[type=email].disable-email-field {
    background: #fff;
    border: 2px solid #fff;
    outline: 0;
    color: #333 !important;
    width: auto
}

.previewOrder .email-list-container .email-container input[type=email].red-border {
    border: 2px solid #ff9d02
}

.previewOrder .email-list-container .email-container input[type=radio] {
    position: absolute;
    top: 8px;
    left: 7px
}

.previewOrder .email-list-container .email-container span {
    position: absolute;
    right: 4px;
    top: 5px;
    font-size: 17px;
    color: #666
}

.previewOrder .email-list-container .email-container {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px
}

.previewOrder .alert.alert-ship .glyphicon-alert,
.previewOrder .cust-info .cust-img {
    margin-right: 10px
}

.previewOrder .email-list-container .email-container input[type=checkbox] {
    position: absolute;
    left: 8px;
    top: 8px
}

.previewOrder a.add-email-lnk {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    color: #0093c6
}

.previewOrder .cust-info .form-control-static {
    color: #3C2B27;
    font-size: 14px;
    font-weight: 700;
    padding-top: 0;
    margin-top: 0
}

.previewOrder .cust-info .form-group {
    margin-bottom: 0
}

.previewOrder .ship-to-add-well .alert {
    margin-top: 3px
}

.previewOrder .ship-to-add-well .close span {
    font-size: 33px;
    font-weight: 300;
    position: relative;
    bottom: 4px
}

.previewOrder .ship-to-add-well .close span.sr-only {
    display: none
}

.previewOrder .advan-search-link {
    font-weight: 700;
    font-size: 11px;
    top: 2px;
    position: relative;
    text-transform: uppercase
}

.previewOrder .advan-search-link .fa-info-circle {
    color: #6e6e6e;
    font-size: 13px
}

.previewOrder .advan-search-link:hover {
    color: #23527c
}

.previewOrder .alert.alert-ship {
    color: #F90;
    font-size: 14px;
    background: #fff;
    margin-top: 3px;
    border: 1px solid
}

.previewOrder .pur-ordr-num-sec .glyphicon-question-sign {
    top: 3px;
    left: 3px;
    font-size: 14px
}

.previewOrder .pur-ordr-num {
    border: 1px solid #c5c5c5;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 50px
}

.previewOrder .pur-ordr-num input {
    border-radius: 5px
}

.previewOrder .shipng-method-carr .btn-group {
    width: 100%
}

.previewOrder .shipng-instsn-row {
    margin-bottom: 30px
}

.previewOrder .shipng-instsn-row .form-group textarea {
    box-shadow: inset 0 0 0 transparent
}

.previewOrder .bg-primary {
    padding: 4px 20px;
    border-radius: 3px
}

.previewOrder .bg-success {
    padding: 4px 15px;
    border-radius: 3px;
    color: #fff;
    background-color: #5e9702
}

.previewOrder .bg-success a,
.previewOrder .bg-success a:focus,
.previewOrder .bg-success a:hover {
    color: #fff
}

.previewOrder .checkout {
    margin-right: 30px;
    text-transform: uppercase
}

.previewOrder .cancel {
    color: #c2c2c2;
    margin-right: 62px
}

.previewOrder .fa-times-circle {
    color: #555
}

.previewOrder .download-excel {
    border: 2px solid #4d99cd
}

.previewOrder .download-excel img {
    width: 16px;
    margin-left: 4px
}

.previewOrder .download-excel span {
    color: #4d99cd;
    font-weight: 600
}

.previewOrder .order-summary-wrapper {
    min-width: 220px;
    padding-left: 0;
    z-index: 10;
    padding-right: 20px
}

.previewOrder .order-summary-wrapper>h5 {
    padding-left: 5px;
    margin-top: 0
}

.previewOrder .bg-default-bg {
    border-radius: 3px;
    padding: 4px 6px
}

.previewOrder .bg-default-bg .littlegap {
    padding: 2px 10px 0 6px
}

.previewOrder .bg-default-bg .littlegap .order-total {
    padding: 10px 0 5px 10px
}

.previewOrder .bg-default-bg .littlegap .total-Qty {
    float: right;
    padding: 0 10px 10px;
    text-align: right
}

.previewOrder .bg-default-bg .littlegap .text-center {
    padding-right: 6px
}

.previewOrder .bg-default-bg .littlegap .order-item-wrapper {
    width: 98%;
    margin-left: 4px;
    max-height: 152px;
    overflow-x: hidden;
    overflow-y: auto
}

.previewOrder .bg-default-bg .littlegap .order-item-wrapper .order-item-name-wrap {
    font-size: 11px
}

.previewOrder .bg-default-bg .bottom-line-wrap .bottom-line {
    margin: auto;
    width: 88%
}

.previewOrder .bg-default-bg hr {
    margin-top: 0;
    margin-bottom: 5px;
    border-top: 1px solid #f1f1f1
}

.previewOrder .bg-default-bg .Qty {
    text-align: right;
    margin-bottom: 8px
}

.previewOrder .edit-ordr-lst {
    border: 1px solid #ccc;
    background: 0 0;
    max-height: 200px;
    padding: 4px 0 0
}

.previewOrder .edit-ordr-lst .btn-block {
    width: 176px;
    margin: 6px auto 3px;
    height: 30px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px
}

.previewOrder .edit-ordr-lst .ordr-item {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-left: 0
}

.previewOrder .edit-ordr-lst .ordr-item .order-item-val {
    padding: 10px 12px;
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.previewOrder .edit-ordr-lst .ordr-item .order-item-val .order-num-wrap {
    max-width: 50%
}

.previewOrder .edit-ordr-lst .ordr-item .order-item-val .order-num-wrap .ordr-num {
    color: #6e6e6e;
    margin-right: 10px;
    font-weight: 700;
    font-size: 11px
}

.previewOrder .edit-ordr-lst .ordr-item .order-item-val .ordr-item-name {
    font-size: 11px;
    font-weight: 700;
    color: #0093c6
}

.previewOrder .edit-ordr-lst .ordr-item .bottom-line hr {
    border-top: 1px solid #ccc
}

.previewOrder .previewfield {
    padding: 10px 20px;
    background-color: #ddd;
    border-radius: 5px
}

.previewOrder .previewfield label {
    font-size: 14px
}

.previewOrder .btn-ddl {
    width: 100%;
    border-radius: 5px;
    padding: 8px 20px;
    background-color: #fff;
    font-size: 15px
}

.previewOrder .caret {
    margin-top: 8px;
    font-size: 20px
}

.previewOrder .dropdown-menu-onddl {
    width: 100%;
    max-height: 200px;
    overflow-y: scroll
}

.previewOrder [uib-dropdown] .btn {
    text-align: left
}

.previewOrder [uib-dropdown] span.text-left {
    font-weight: 600;
    font-size: 14px
}

.previewOrder .dropdown-menu>li+li {
    border-top: 1px solid #e5e5e5
}

.previewOrder .dropdown-menu>li>a {
    padding: 6px 20px
}

.previewOrder .dropdown-menu,
.previewOrder .footer-part .disclaimer .message {
    padding: 0
}

.previewOrder input[type=radio] {
    width: 15px;
    height: 15px;
    border: 2px solid gray;
    border-radius: 50%;
    outline: 0;
    box-shadow: none
}

.previewOrder input[type=radio]:focus,
.previewOrder input[type=radio]:hover {
    box-shadow: none;
    border: 2px solid green;
    border-radius: 25%
}

.previewOrder input[type=radio]:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin: 2px auto;
    border-radius: 25%
}

.previewOrder input[type=radio]:checked:before {
    background: green;
    border: 2px solid #5e9702;
    border-radius: 50%
}

.previewOrder .dashedborder {
    border-top: 1px dashed #ddd
}

.previewOrder .fa-check {
    margin-top: 7px;
    color: #4CAF50;
    font-size: 17px
}

.previewOrder .fa-exclamation-triangle {
    color: #fa9602;
    margin-top: 7px
}

.previewOrder textarea {
    resize: none
}

.previewOrder .text-danger {
    margin: 0 0 2px
}

.previewOrder .text-danger span {
    color: #da0000;
    font-size: 12px;
    font-weight: 400
}

.previewOrder .text-default {
    font-size: 12px;
    font-weight: 400;
    color: #454545
}

.notity-user,
.previewOrder .footer-part .disclaimer .disclaimer-text,
.previewOrder .text-default a,
.previewOrder .text-default span {
    font-weight: 600
}

.previewOrder .glyphicon-calendar {
    margin-bottom: 5px
}

.previewOrder .footer-part .form-group {
    margin-bottom: 10px
}

.previewOrder .footer-part .disclaimer {
    color: #545454;
    margin-top: 10px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .previewOrder .bill-to-address .heading {
        height: 60px
    }

    .previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .form-group .dropdown {
        width: 270px
    }

    .previewOrder .bill-to-address .prev-ordr-form .shipng-method-carr .carrier-account-input input {
        width: 158px
    }

    .previewOrder .order-summary-wrapper .label-txt {
        font-size: 11px
    }

    .previewOrder .order-summary-wrapper .cont-shopping {
        font-size: 12px
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .part-ipad {
        width: 100%;
        padding: 0 0 0 5px
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .part-val-ipad {
        width: 100%;
        text-align: right;
        padding: 0 0 0 5px
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .part-val-ipad p {
        text-align: right
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .qty-ipad {
        width: 100%;
        padding: 0 0 0 5px
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .qty-val-ipad {
        width: 100%;
        text-align: right;
        padding: 0 0 0 5px
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .qty-val-ipad p {
        text-align: right
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .tot-weight {
        width: 100%;
        padding: 0 0 0 5px
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .tot-val-weight {
        width: 100%;
        text-align: right;
        padding: 0 0 0 5px
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .order-total {
        padding: 0 0 0 5px
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .total-Qty {
        padding: 0 0 0 5px;
        float: right
    }

    .previewOrder .order-summary-wrapper .bg-default-bg .total-Qty span {
        font-size: 18px
    }
}

.mobile-select {
    padding: 5px !important
}

.mobile-select .icon-style {
    padding: 4px
}

.notity-user {
    font-size: 12px;
    color: #737373
}

.notity-user .text-aligment {
    padding-top: 2px
}

.advanced-search-pop-up {
    top: 0 !important
}

.advanced-search-pop-up .modal-lg {
    padding: 24px;
    width: 86%
}

#advancedSearch {
    padding: 18px;
    border-radius: 3px
}

#advancedSearch.advance-search-directive {
    padding: 0;
    width: 938px;
    margin: auto
}

#advancedSearch .table-bordered,
#advancedSearch thead th .form-group {
    margin-bottom: 0
}

#advancedSearch.advance-search-directive .modal-body {
    padding: 0
}

#advancedSearch .mr-10 {
    margin-right: 10px
}

#advancedSearch .modal-header {
    padding-bottom: 8px;
    border-bottom: 0
}

#advancedSearch .modal-header h3 {
    line-height: 30px
}

#advancedSearch .modal-header .notice {
    padding-top: 5px
}

#advancedSearch .modal-header .notice i {
    padding-right: 10px;
    margin-top: 5px
}

#advancedSearch .modal-table {
    height: calc(100vh - 236px);
    overflow: auto
}

#advancedSearch thead div.form-group {
    position: relative;
    margin-top: 14px
}

#advancedSearch thead div.form-group input {
    padding: 6px 20px 6px 8px
}

#advancedSearch thead div.form-group .zip-state-search {
    margin-top: -13px
}

#advancedSearch thead div.form-group img {
    width: 10px;
    top: 11px;
    right: 9px;
    height: 10px;
    position: absolute
}

#advancedSearch thead div.form-group .fa-search {
    position: absolute;
    right: 7px;
    top: 11px;
    font-size: 12px
}

#advancedSearch thead th {
    padding: 15px;
    border-bottom: 0;
    vertical-align: top
}

#advancedSearch thead th .header-container {
    position: relative
}

#advancedSearch thead th .header-container .pzv-sort-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5.5px
}

#advancedSearch thead th .header-container .state-sort-icon,
#advancedSearch thead th .header-container .zip-sort-icon {
    right: -11px
}

#advancedSearch thead a.tbl-header-txt {
    display: inline-block;
    color: #acacac
}

#advancedSearch thead a.tbl-header-txt span {
    float: right;
    position: relative;
    font-size: 14px
}

#advancedSearch thead a.tbl-header-txt span.fa-caret-down {
    top: 6px
}

#advancedSearch thead a.tbl-header-txt span.fa-caret-up {
    top: -1px;
    left: 8px
}

#advancedSearch thead a.tbl-header-txt span.active-sort {
    color: #6c6c6c
}

#advancedSearch thead a.tbl-header-txt:hover {
    cursor: pointer;
    text-decoration: none
}

#advancedSearch tbody {
    font-size: 14px;
    font-weight: 400
}

#advancedSearch tbody .btn {
    min-width: 86px
}

#advancedSearch tbody tr>td {
    padding: 15px;
    position: relative
}

#advancedSearch tbody tr>td .default-select-td {
    padding-left: 5px
}

#advancedSearch tbody tr>td .default-select-container {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    background: #323232;
    color: #fff;
    transform-origin: bottom left;
    transform: rotate(-90deg)
}

#advancedSearch tbody tr>td .default-select-container .default-text {
    font-size: 10px;
    font-weight: 700
}

#advancedSearch tbody tr>td .selected-address {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#advancedSearch tbody tr>td .selected-address .default-img {
    padding-top: 10px
}

#advancedSearch tbody tr.no-data {
    height: 300px
}

#advancedSearch tbody tr.no-data td {
    text-align: center;
    vertical-align: middle !important
}

#advancedSearch .change-address {
    table-layout: fixed
}

#advancedSearch .change-address .address-col1,
#advancedSearch .change-address .address-col2,
#advancedSearch .change-address .city,
#advancedSearch .change-address .cust-name,
#advancedSearch .change-address .cust-no,
#advancedSearch .change-address .state,
#advancedSearch .change-address .zip-code {
    width: auto
}

#advancedSearch .change-address .address-col1 .form-group,
#advancedSearch .change-address .address-col2 .form-group,
#advancedSearch .change-address .city .form-group,
#advancedSearch .change-address .cust-name .form-group,
#advancedSearch .change-address .cust-no .form-group,
#advancedSearch .change-address .state .form-group,
#advancedSearch .change-address .zip-code .form-group {
    margin-top: 30px
}

#advancedSearch .change-address tbody tr>td {
    word-wrap: break-word
}

#advancedSearch .fixed-table-wrapper #addressTable {
    width: 938px;
    table-layout: fixed;
    margin: 0 auto 15px;
    border-collapse: collapse
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th {
    padding: 10px;
    border-top: 0;
    box-sizing: border-box;
    vertical-align: top
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td.fixed-col-1,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td.fixed-col-1,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th.fixed-col-1 {
    width: 100px
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td.fixed-col-2,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td.fixed-col-2,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th.fixed-col-2 {
    width: 150px
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td.fixed-col-3,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td.fixed-col-3,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th.fixed-col-3 {
    width: 185px
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td.fixed-col-4,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td.fixed-col-4,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th.fixed-col-4 {
    width: 150px
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td.fixed-col-5,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td.fixed-col-5,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th.fixed-col-5 {
    width: 100px
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td.fixed-col-6,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td.fixed-col-6,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th.fixed-col-6 {
    width: 80px
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td.fixed-col-7,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td.fixed-col-7,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th.fixed-col-7 {
    width: 95px
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr>td.fixed-col-8,
#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr>td.fixed-col-8,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr>th.fixed-col-8 {
    width: 78px
}

#advancedSearch .fixed-table-wrapper #addressTable>tfoot,
#advancedSearch .fixed-table-wrapper #addressTable>thead {
    display: table;
    width: 939px
}

#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr {
    text-align: left;
    display: table-row
}

#advancedSearch .fixed-table-wrapper #addressTable>tfoot>tr .th-select .select-checkbox,
#advancedSearch .fixed-table-wrapper #addressTable>thead>tr .th-select .select-checkbox {
    text-align: center;
    margin-left: 1px
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody {
    max-height: 300px;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    width: 100%;
    background: #fff
}

#advancedSearch .fixed-table-wrapper #addressTable>tbody>tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    #advancedSearch .change-address .cust-no {
        width: 13%
    }

    #advancedSearch .change-address .cust-name {
        width: 16%
    }

    #advancedSearch .change-address .address-col1,
    #advancedSearch .change-address .address-col2 {
        width: 14%
    }

    #advancedSearch .change-address .city {
        width: 13%
    }

    #advancedSearch .change-address .state {
        width: 10%
    }

    #advancedSearch .change-address .zip-code {
        width: 9%
    }

    #advancedSearch .change-address .action {
        width: 11%
    }

    #advancedSearch .change-address thead th {
        padding: 6px;
        font-size: 12px
    }

    #advancedSearch .change-address thead th .tbl-header-txt {
        font-size: 12px !important
    }

    #advancedSearch .change-address tbody td {
        padding: 6px;
        font-size: 12px
    }

    .advanced-search-pop-up .modal-lg {
        width: 100%
    }
}

#advancedSearch_mobile {
    background-color: #fff;
    font-size: 16px
}

#advancedSearch_mobile p {
    margin-bottom: 0
}

#advancedSearch_mobile .modal-body {
    display: inline-block;
    padding: 0;
    width: 100%
}

#advancedSearch_mobile .modal-body .search-input {
    margin-top: 15px;
    margin-bottom: 15px
}

#advancedSearch_mobile .modal-body .change-address-cards-wrapper .change-address-cards-inner {
    width: 100%;
    position: relative;
    display: inline-block;
    height: calc(100vh - 212px);
    overflow-x: scroll
}

#advancedSearch_mobile .modal-body .card-content {
    border-radius: 3px;
    padding: 10px
}

#advancedSearch_mobile .modal-body .card-wrapper {
    position: relative;
    width: 100%;
    float: left;
    margin-right: 25px;
    margin-bottom: 0;
    border-bottom: solid #f2f2f2 1px
}

#advancedSearch_mobile .modal-body .c-card {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

#advancedSearch_mobile .modal-body .c-card~.card-content {
    transition: all .5s ease-out;
    padding: 10px 20px;
    border: 1px solid transparent;
    position: relative
}

#advancedSearch_mobile .modal-body .c-card~.card-content .default-text {
    text-transform: uppercase;
    background: #323232;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px;
    border-radius: 10%;
    margin-left: 5px
}

#advancedSearch_mobile .modal-body .c-card~.card-content .card-state-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    width: 20px;
    height: 20px;
    background: url(http://alvarosanchez.com/images/c-state-icons.svg) no-repeat;
    transition: all .1s ease-out
}

#advancedSearch_mobile .modal-body .c-card~.card-content:hover .card-state-icon {
    background-position: -30px 0
}

#advancedSearch_mobile .modal-body .c-card~.card-content:hover:before {
    border-top: 52px solid #6dc5dc
}

#advancedSearch_mobile .modal-body .c-card:checked~.card-content {
    background-color: #f7f9fa;
    border: 1px solid #dedede
}

.required-style {
    padding-left: 2px;
    color: red
}

.checkout-section-row {
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
    line-height: 40px;
    background: 0 0;
    font-weight: 700
}

.checkout-section-row.bordered {
    border: 1px solid #dbdbdb;
    margin-top: 10px
}

.checkout-section-row.clear-float {
    clear: both
}

.checkout-section-row .list-msg a {
    margin-left: 5px;
    outline: 0
}

.add-to-list-dropdown {
    float: left
}

.listContainer {
    padding: 0;
    position: relative
}

.listContainer .dropdown-menu {
    left: -22px;
    top: 40px
}

.listContainer .dropdown-menu.shop-user-list {
    left: -126px
}

.listContainer .dropdown-menu.shop-user-list:before {
    left: 200px
}

.listContainer .dropdown-menu.shop-user-list:after {
    left: 201px
}

.listContainer .dropdown-menu.mylist-dropdown-part-card {
    left: -75px;
    line-height: 25px
}

.listContainer .dropdown-menu .ddlarrow {
    display: none
}

.listContainer .dropdown-menu:after,
.listContainer .dropdown-menu:before {
    display: block;
    left: 91.5px;
    width: 0;
    height: 0;
    position: absolute;
    content: ''
}

.listContainer .dropdown-menu:before {
    top: -10px;
    border-bottom: 10px solid #acacac
}

.listContainer .dropdown-menu:after {
    top: -8px;
    border-bottom: 10px solid #fff
}

.listContainer .pulldown-mylists {
    position: absolute;
    top: 32px;
    right: 0;
    background-color: #FFF;
    border: 1px solid #707070;
    width: 180px;
    z-index: 1000;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 3px 4px 11px -1px rgba(0, 0, 0, .34)
}

.listContainer .pulldown-mylists ul {
    list-style-type: none;
    padding: 0;
    max-height: 138px;
    overflow-y: auto;
    margin-bottom: 0
}

.listContainer .pulldown-mylists li {
    text-align: left
}

.listContainer .pulldown-mylists li a {
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    height: 30px;
    line-height: 30px
}

.listContainer .pulldown-mylists li:hover {
    background-color: #EEE
}

.listContainer .pulldown-mylists .hrLine {
    padding: 0;
    margin-bottom: 10px
}

.listContainer .pulldown-mylists .create-lbl {
    padding: 0 0 10px 10px
}

.listContainer .pulldown-mylists .select-text {
    padding-bottom: 5px;
    border-bottom: 1px solid #acacac;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    margin: 0 10px;
    padding-top: 5px
}

.listContainer .pulldown-mylists .nodata-msg {
    font-size: 13px;
    color: #acacac;
    padding: 5px 10px
}

.listContainer .pulldown-mylists .fa-info-circle {
    color: #6e6e6e;
    font-size: 18px;
    margin: 10px 3px
}

.listContainer .pulldown-mylists .create-list-div {
    border-top: 1px solid #acacac;
    margin: 0 10px;
    text-align: left;
    padding-top: 8px
}

.listContainer .pulldown-mylists .create-list-div a {
    font-weight: 600;
    text-decoration: none;
    color: #0093c6
}

.listContainer .pulldown-mylists .create-list-div .fa-plus {
    font-size: 12px
}

.listContainer .pulldown-mylists:after {
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.listContainer .pulldown-mylists:before {
    top: -7px;
    right: 18px;
    position: absolute;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #707070;
    border-left: 7px solid transparent;
    border-bottom-color: #707070;
    content: ''
}

.availability-container {
    float: right;
    max-width: 33.33%;
    padding: 0
}

.availability-container .fade-in {
    opacity: .5;
    background: #e8e8e8
}

.availability-container .fade-in a {
    color: #acacac !important;
    cursor: default
}

.availability-container .fade-in a.btn {
    color: #acacac;
    cursor: default;
    opacity: .65;
    background: #dbdbdb
}

.availability-container .fade-in a .fa {
    color: #acacac !important
}

.availability-container .pzvPartAvlMain.coming-soon-tag-main {
    display: block;
    overflow: hidden
}

.availability-container .pzvPartAvlMain.coming-soon-tag-main .coming-soon-tag {
    position: relative
}

.availability-container .pzvPartAvlMain.coming-soon-tag-main .coming-soon-tag .tilted-element {
    background-color: #fff;
    padding: 15px 50px;
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    z-index: 111;
    top: 40px;
    width: 300px;
    text-align: center;
    left: -65px;
    box-shadow: 2px 0 8px #f2f2f2
}

.availability-container .pzvPartAvlMain.coming-soon-tag-main .coming-soon-tag .tilted-element h3 {
    margin: 0;
    color: #45c500;
    font-size: 16px
}

.availability-container .pzvPartAvlMain.coming-soon-tag-main .coming-soon-tag .tilted-element p {
    margin-bottom: 0
}

.availability-container label.instructions {
    font-size: 10px;
    color: #6e6e6e;
    line-height: 1.1;
    font-weight: 400;
    position: relative;
    margin: 0 15px 7px
}

.availability-container .tenant-login-btn {
    margin-right: -12px
}

.availability-container .paSection {
    border-radius: 3px
}

.availability-container .paSection.logged-in {
    border-radius: 3px 3px 0 0
}

.stk-non-auth {
    position: relative;
    padding-left: 29px;
    line-height: 15px;
    font-size: 11px;
    font-weight: 600;
    color: #404040
}

.stk-non-auth i.fa-exclamation-triangle {
    position: absolute;
    color: #ff8a00;
    font-size: 16px;
    left: 0;
    top: 9px;
    padding-right: 0
}

.error-txt-avail-ipad {
    display: none
}

.error-txt {
    color: #ff9d02;
    font-weight: 600;
    margin-top: 2px
}

.pckg-qty-err {
    text-align: left;
    margin-top: 10px
}

.pckg-qty-err .fa-info-circle {
    color: #6e6e6e;
    font-size: 13px;
    margin-right: 5px
}

.coming-soon,
.paSection {
    background-color: #f6f6f6;
    margin: 0 auto;
    color: #6e6e6e;
    width: 100%;
    float: left
}

.coming-soon {
    text-align: center;
    padding: 10px
}

.paSection .padding-zero {
    padding: 0
}

.paSection label.instructions {
    margin-top: -40px;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: -27px
}

.paSection .panel-body.paSectionBody {
    padding: 20px 0 0
}

.paSection .panel-body.paSectionBody .row {
    margin-left: 0;
    margin-right: 0
}

.paSection .panel-body.paSectionBody .disabled-section {
    opacity: .5;
    pointer-events: none
}

.paSection .panel-body.paSectionBody .up-arrow {
    display: inline-block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    padding: 20px 20px 0;
    left: 100px
}

.paSection .panel-body.paSectionBody .order-type-col1 {
    width: 50%;
    float: left;
    padding-left: 20px
}

.paSection .panel-body.paSectionBody .order-type-col2 {
    width: 50%;
    float: left;
    padding-right: 20px
}

.paSection .panel-body.paSectionBody .order-type-col2 .tooltip {
    z-index: 1039
}

.paSection .panel-body.paSectionBody .order-type-col2 .tooltip .tooltip-arrow {
    border-top-color: #323232
}

.paSection .panel-body.paSectionBody .order-type-col2 .tooltip .tooltip-inner {
    max-width: 400px;
    width: 317px;
    padding: 10px 15px;
    text-align: left;
    background-color: #323232
}

.paSection .panel-body.paSectionBody .up-arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.paSection .panel-body.paSectionBody .borderBottom {
    border-bottom: 1px solid #dbdbdb
}

.paSection .panel-body.paSectionBody .orderTypeSection {
    padding-left: 0;
    padding-right: 0
}

.paSection .panel-body.paSectionBody .orderTypeSection .permission-denied {
    position: absolute;
    background-color: #f7f6f6;
    opacity: .6;
    cursor: not-allowed;
    width: 50%;
    height: 100%;
    top: -5px;
    padding: 20px
}

.paSection .panel-body.paSectionBody .orderTypeSection h3 {
    padding: 0;
    margin: 0
}

.paSection .panel-body.paSectionBody .orderTypeSection h3~p {
    padding-top: 5px;
    font-size: 10px
}

.paSection .panel-body.paSectionBody .orderTypeSection input {
    display: none
}

.paSection .panel-body.paSectionBody .orderTypeSection label {
    background: #fff;
    border: 3px solid #0093c6;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    display: table;
    font-size: 7px;
    height: 17px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 17px
}

.paSection .panel-body.paSectionBody .orderTypeSection label.disabled-brand {
    border: 3px solid #acacac;
    cursor: default
}

.paSection .panel-body.paSectionBody .orderTypeSection label.disabled-brand i {
    color: #acacac
}

.paSection .panel-body.paSectionBody .orderTypeSection label i {
    display: none;
    font-size: 7px;
    border-radius: 0 !important
}

.paSection .panel-body.paSectionBody .orderTypeSection input:checked+label i {
    display: table-cell;
    vertical-align: middle
}

.paSection .panel-body.paSectionBody .orderTypeSection .orderType {
    float: left;
    margin-bottom: 20px;
    margin-right: 10px
}

.paSection .panel-body.paSectionBody .orderTypeSection .orderTypeContent {
    margin-bottom: 20px
}

.paSection .panel-body.paSectionBody .orderTypeSection .orderTypeContent p {
    line-height: 1em
}

.paSection .panel-body.paSectionBody .orderTypeSection .ordertype-selector {
    margin-left: 15px
}

.paSection .panel-body.paSectionBody .orderTypeSection .ordertype-selector .ordertype-label {
    font-size: 14px;
    font-weight: 400;
    float: left;
    padding: 5px 10px 0 0
}

.paSection .panel-body.paSectionBody .orderTypeSection .ordertype-selector .button-ordertype-selector {
    background-color: #FFF;
    border: 1px solid #EEE
}

.paSection .panel-body.paSectionBody .orderTypeSection .ordertype-selector .ordertype_head {
    margin-bottom: 0
}

.paSection .panel-body.paSectionBody .orderTypeSection .ordertype-selector .ordertype-list {
    padding: 0 10px 5px
}

.paSection .panel-body.paSectionBody .checkAvlSection {
    padding: 0 20px;
    margin-top: 20px
}

.paSection .panel-body.paSectionBody .checkAvlSection>.pckg-qty-err,
.paSection .panel-body.paSectionBody .checkAvlSection>.row {
    margin-bottom: 20px
}

.paSection .panel-body.paSectionBody .checkAvlSection>.pckg-qty-err.error,
.paSection .panel-body.paSectionBody .checkAvlSection>.row.error {
    margin-bottom: 0
}

.paSection .panel-body.paSectionBody .checkAvlSection>.pckg-qty-err.error .help-block,
.paSection .panel-body.paSectionBody .checkAvlSection>.row.error .help-block {
    margin-bottom: 20px
}

.paSection .panel-body.paSectionBody .checkAvlSection>.pckg-qty-err.qty-check-block,
.paSection .panel-body.paSectionBody .checkAvlSection>.row.qty-check-block {
    margin-bottom: 0
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i,
.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .list-msg {
    margin-top: 10px
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .list-msg.tooltip-container {
    position: relative;
    display: inline-block
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .dana-cust-note {
    margin: 0
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .dana-cust-note .title {
    font-weight: 700;
    margin-right: 5px
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i.stk-dealer {
    display: table
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i.stk-dealer .fa-exclamation-triangle {
    display: table-cell
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i.fa-exclamation-triangle {
    color: #ff8a00;
    font-size: 12px
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .fa-info-circle {
    margin-right: 5px
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .availability-hint-popover {
    background-color: #323232;
    color: #fff;
    font-size: 12px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3);
    opacity: .9;
    left: auto !important;
    right: -22px !important;
    max-width: 175px !important
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .availability-hint-popover .arrow {
    right: 20px !important;
    left: auto !important
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .availability-hint-popover .popover-inner {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    text-align: center
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i .availability-hint-popover .arrow:after {
    border-top-color: #323232 !important
}

.paSection .panel-body.paSectionBody .checkAvlSection .non-rtb-cust-i span {
    font-size: 13px;
    margin-left: 0;
    margin-right: 0
}

.paSection .panel-body.paSectionBody .checkAvlSection h4 {
    font-size: 14px;
    font-weight: 600;
    display: inline-block
}

.paSection .panel-body.paSectionBody .checkAvlSection input[type=number] {
    width: 100px;
    margin-left: 20px
}

.paSection .panel-body.paSectionBody .checkAvlSection .avlBtn {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px
}

.paSection .panel-body.paSectionBody .checkAvlSection .avlBtn[disabled] {
    background-color: #ddd
}

.paSection .panel-body.paSectionBody .checkAvlSection table tbody tr td {
    padding: 8px 3px !important
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block {
    padding: 0;
    font-weight: 600;
    display: table;
    width: 100%
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .check-price-n-avail,
.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .desire-qty {
    display: table-cell
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .check-price-n-avail {
    width: auto !important;
    padding: 0;
    display: table;
    height: 66px;
    margin-right: 0
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .check-price-n-avail .avl-actions-wrap {
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
    padding-left: 0
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .check-price-n-avail .avl-actions-wrap .btn:disabled {
    cursor: default
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .check-price-n-avail .tooltip {
    width: 200px
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .desire-qty {
    margin-left: 0;
    width: auto;
    margin-right: 10px
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .qty-lbl {
    font-size: 11px;
    line-height: 1em;
    margin-right: 5px;
    font-weight: 700;
    color: #797979
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .qty-lbl a {
    cursor: pointer;
    color: #0093c6
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .data-row {
    margin-top: 10px
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .stk-non-auth-row .data-row {
    margin-top: 4px
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .qty-val {
    margin-right: 5px;
    width: 62px
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .qty-val input {
    width: 62px;
    margin-left: 0;
    padding: 5px
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .qty-val input.qty_invalid {
    outline: 0
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .qty-val .tooltip.top {
    width: 200px;
    z-index: 999
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .uom {
    padding: 0;
    height: 27px;
    width: auto
}

.paSection .panel-body.paSectionBody .checkAvlSection .qty-check-block .uom strong {
    font-size: 12px;
    line-height: 12px
}

.paSection .panel-body.paSectionBody .checkAvlSection .check-btn {
    padding-top: 8px;
    padding-right: 12px
}

.paSection .companybtn {
    padding: 10px 20px;
    border: 1px solid #e9e9e9;
    border-radius: 3px
}

.paSection .avil-checkbtn {
    padding: 5px 10px;
    margin-top: 0;
    float: left;
    border: none;
    outline: 0
}

.paSection .add-to-cart {
    margin-left: 9px
}

.paSection .add-to-cart[disabled],
.paSection .add-to-cart[disabled]:hover {
    color: #acacac;
    background-color: #dbdbdb
}

.paSection .add-to-list {
    margin-left: 3px
}

.paSection .wrapperbox {
    background-color: #fff;
    padding: 0 20px 10px
}

.paSection .fa-exclamation-triangle {
    color: #ff8a00;
    padding-right: 5px;
    font-size: 12px
}

.paSection .fa-user {
    color: #0093c6;
    font-size: 25px;
    padding-right: 10px
}

.paSection .fa-question-circle {
    color: gray
}

.paSection .lightcolor {
    color: #d7e9f8
}

.paSection .question-cir {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 2px
}

.paSection .proceed-head {
    color: #555;
    padding-bottom: 10px;
    padding-left: 5px
}

.paSection .proceed-head span {
    padding-top: 10px
}

.paSection a {
    text-decoration: none;
    outline: 0
}

.paSection table tbody tr {
    background-color: transparent !important
}

.paSection table tbody tr td {
    border-top: none !important;
    line-height: 1.3em !important;
    padding: 5px !important
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .pckg-qty-err {
        padding-left: 20px;
        padding-right: 10px
    }

    .error-txt-avail-normal {
        display: none
    }

    .error-txt-avail-ipad {
        display: block;
        padding: 0;
        margin: 0 0 7px
    }

    .dropdown-menu.shop-user-list {
        top: 59px !important;
        left: -73px !important
    }

    .paSection .avil-checkbtn {
        max-width: 100%;
        margin-left: 0
    }

    .paSection .add-to-cart,
    .paSection .add-to-list {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }
}

#orderTypeSelectionPopUp {
    line-height: 1
}

#orderTypeSelectionPopUp .avail-detail-container {
    border-radius: 3px
}

#orderTypeSelectionPopUp .parent-content {
    position: relative
}

#orderTypeSelectionPopUp .parent-content .disclaimer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .9;
    top: 0;
    margin-left: 0
}

#orderTypeSelectionPopUp .parent-content .disclaimer .message {
    padding: 40px 50px;
    font-size: 20px;
    line-height: 25px
}

#orderTypeSelectionPopUp .parent-content .disclaimer .center-aligned {
    text-align: center
}

#orderTypeSelectionPopUp .parent-content .disclaimer-msg {
    cursor: pointer
}

#orderTypeSelectionPopUp .req-qoute-container .modal-header {
    border: 0
}

#orderTypeSelectionPopUp .req-qoute-container .form-horizontal {
    width: 585px;
    margin: 40px auto 0
}

#orderTypeSelectionPopUp .req-qoute-container .form-horizontal .form-group-btn {
    margin-top: 35px;
    margin-bottom: 35px
}

#orderTypeSelectionPopUp .req-qoute-container .form-horizontal input.form-control {
    font-weight: 600
}

#orderTypeSelectionPopUp .req-qoute-container .form-horizontal .number-container {
    width: 100px;
    display: inline-block
}

#orderTypeSelectionPopUp .req-qoute-container .form-horizontal .number-container input {
    padding: 5px 8px
}

#orderTypeSelectionPopUp .req-qoute-container .form-horizontal .number-container input::-webkit-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .req-qoute-container .form-horizontal .number-container input::-moz-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .req-qoute-container .form-horizontal .number-container input::-ms-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .req-qoute-container .rfq-sent-already-msg,
#orderTypeSelectionPopUp .req-qoute-container .rfq-sent-msg {
    padding: 115px 20px 192px;
    text-align: center
}

#orderTypeSelectionPopUp .req-qoute-container .rfq-sent-already-msg h2,
#orderTypeSelectionPopUp .req-qoute-container .rfq-sent-msg h2 {
    margin-bottom: 25px
}

#orderTypeSelectionPopUp .req-qoute-container .rfq-sent-already-msg p,
#orderTypeSelectionPopUp .req-qoute-container .rfq-sent-msg p {
    margin-bottom: 2px
}

#orderTypeSelectionPopUp .list-msg {
    text-align: left;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600
}

#orderTypeSelectionPopUp .list-msg i {
    font-size: 14px;
    margin-right: 3px
}

#orderTypeSelectionPopUp .btn {
    outline: 0
}

#orderTypeSelectionPopUp .btn.btn-back,
#orderTypeSelectionPopUp .btn.btn-req-qoute {
    margin-right: 20px
}

#orderTypeSelectionPopUp .btn.btn-back.right-align-btn,
#orderTypeSelectionPopUp .btn.btn-req-qoute.right-align-btn {
    margin-right: 0
}

#orderTypeSelectionPopUp .loader {
    height: 200px;
    padding: 80px;
    width: 100%;
    text-align: center;
    background: #fff
}

#orderTypeSelectionPopUp .loader img {
    width: 40px;
    height: 40px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

#orderTypeSelectionPopUp .contact-email,
#orderTypeSelectionPopUp .contact-number,
#orderTypeSelectionPopUp .contact-time {
    font-size: 12px;
    font-weight: 600;
    font-style: initial;
    line-height: 14px
}

#orderTypeSelectionPopUp .checkbox-label.disable-checkbox {
    pointer-events: none;
    opacity: .8
}

#orderTypeSelectionPopUp .checkbox-label.disable-checkbox .fa-square-o {
    color: #7f7f7f
}

#orderTypeSelectionPopUp .eo-second-col {
    width: 60px;
    min-width: 150px
}

#orderTypeSelectionPopUp .qty-err-wrapper .chk-btn .btn {
    outline: 0;
    margin-right: 80px;
    box-shadow: none
}

#orderTypeSelectionPopUp .qty-err-wrapper .pckg-qty-err .fa-info-circle,
#orderTypeSelectionPopUp .qty-err-wrapper .pckg-qty-err-eu .fa-info-circle {
    color: #6e6e6e;
    font-size: 13px;
    margin-right: 5px
}

#orderTypeSelectionPopUp .qty-err-wrapper .error {
    padding: 2px 20px 0 79px
}

#orderTypeSelectionPopUp .qty-err-wrapper .pckg-qty-err-eu {
    text-align: left;
    padding: 0 20px 10px;
    margin-top: 0
}

#orderTypeSelectionPopUp .qty-err-wrapper .pckg-qty-err {
    text-align: left;
    padding: 0 20px 10px 79px;
    margin-top: 0
}

#orderTypeSelectionPopUp .qty_invalid {
    outline: 0
}

#orderTypeSelectionPopUp .disclaimer-1 {
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    line-height: 1.4
}

#orderTypeSelectionPopUp .disclaimer-1 span {
    font-weight: 700
}

#orderTypeSelectionPopUp .addToCart {
    min-width: 115px;
    float: right
}

#orderTypeSelectionPopUp .addToCart.skip {
    margin-right: 15px;
    color: #09c;
    margin-top: 12px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px
}

#orderTypeSelectionPopUp .addToCart,
#orderTypeSelectionPopUp .backorderBtn {
    outline: 0;
    border: none
}

#orderTypeSelectionPopUp .back-to-emergency {
    padding: 10px 0 9px 12px;
    border-bottom: 1px solid #e5e5e5
}

#orderTypeSelectionPopUp .back-to-emergency i {
    margin-right: 5px;
    cursor: pointer;
    font-size: 13px
}

#orderTypeSelectionPopUp .back-to-emergency .text {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600
}

#orderTypeSelectionPopUp .back-to-emergency .select-location-wrapper {
    padding-top: 10px;
    padding-left: 20px;
    font-weight: 700
}

#orderTypeSelectionPopUp .modal-header {
    padding: 15px 27px 0
}

#orderTypeSelectionPopUp .modal-header .pzv-product-title-pt1 {
    width: 95%
}

#orderTypeSelectionPopUp .modal-header .pzv-product-title-pt1 i {
    color: #09c;
    margin-right: 5px;
    cursor: pointer
}

#orderTypeSelectionPopUp .modal-header .close-icon {
    position: absolute;
    top: 15px;
    right: 10px
}

#orderTypeSelectionPopUp .modal-header .close {
    margin: 0
}

#orderTypeSelectionPopUp .modal-header .close h1 {
    margin-top: 0
}

#orderTypeSelectionPopUp .modal-header .change-order-type-disable {
    color: #767776;
    cursor: default
}

#orderTypeSelectionPopUp .modal-header h4 span.light-heading {
    color: #8c8c8c;
    padding-left: 17px;
    font-size: 18px;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-header h4 span.glyphicon-ok-head {
    color: #39a200;
    padding-right: 8px;
    font-size: 16px
}

#orderTypeSelectionPopUp .modal-header .sublink {
    font-size: 12px;
    padding-left: 10px;
    color: #6093c6;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-header .sublink .dropdown>ul>li>a>.glyphicon {
    color: #39a200
}

#orderTypeSelectionPopUp .modal-header .sublink .disable-order {
    background-color: #f7f6f6;
    opacity: .6;
    cursor: not-allowed
}

#orderTypeSelectionPopUp .info-block .info-title a,
#orderTypeSelectionPopUp .sales-rep-container a {
    cursor: pointer
}

#orderTypeSelectionPopUp .modal-header .headtable .smallglyphicon-ok {
    color: #08e308
}

#orderTypeSelectionPopUp .modal-header .headtable .partavail {
    font-size: 26px;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-header .headtable .bigno {
    font-size: 16px
}

#orderTypeSelectionPopUp .modal-header .headtable .form-control {
    padding: 0 6px
}

#orderTypeSelectionPopUp .modal-header .bigno {
    margin-right: 2px
}

#orderTypeSelectionPopUp .modal-header input[type=number] {
    font-weight: 600;
    font-size: 16px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader {
    display: table;
    padding: 16px 10px 10px;
    line-height: 1;
    width: 100%
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader.qty-selected {
    padding-top: 0;
    margin-top: -10px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col1 {
    vertical-align: middle;
    width: 200px !important
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .pzv-text {
    font-weight: 600;
    font-size: 16px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .desired-qty-col {
    width: 220px;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: 600;
    display: inline-block;
    padding: 0
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .qty input {
    width: 77px;
    box-shadow: none;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 4px 5px 6px;
    line-height: 14px;
    margin-left: 6px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .qty input::-webkit-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .qty input::-moz-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .qty input::-ms-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .available-status {
    padding: 0 1px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .available-status i {
    margin: 0 5px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .uom {
    padding-right: 20px;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .check-avail-title,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .qty-avail .check-avail-title {
    font-size: 16px;
    font-weight: 800
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col2 {
    width: 20px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .qty-avail {
    width: 240px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .qty-avail .tot-available-lbl {
    width: 92%
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col3 {
    font-size: 11px;
    color: #acacac;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col3 .tot-available-lbl {
    font-size: 12px;
    text-align: right
}

#orderTypeSelectionPopUp .errorDiv,
#orderTypeSelectionPopUp .info-block,
#orderTypeSelectionPopUp .modal-body .spacing-table td,
#orderTypeSelectionPopUp .modal-body .spacing-table th.avl-qty,
#orderTypeSelectionPopUp .modal-body .spacing-table th.sel-box,
#orderTypeSelectionPopUp .modal-body .spacing-table th.sel-qty,
#orderTypeSelectionPopUp .modal-body .table>thead>tr>th.eo-second-col,
#orderTypeSelectionPopUp .warning-block {
    text-align: center
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col3 .bigno {
    padding: 0 10px;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .columns {
    display: inline-block;
    padding: 0
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .columns .fa-caret-right,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .columns .fa-info-circle {
    margin: 5px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .columns .tooltip {
    opacity: 1
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .columns .tooltip-inner {
    max-width: none;
    width: 320px;
    padding: 12px;
    color: #323232
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .columns .fa-caret-right {
    font-size: 21px;
    color: #ececec
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .columns .fa-info-circle {
    font-size: 14px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col1,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col2,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col3 {
    display: table-cell
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col1 .columns,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col2 .columns,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col3 .columns {
    display: table-cell;
    vertical-align: middle
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col1 .columns .glyphicon-ok-head,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col2 .columns .glyphicon-ok-head,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col3 .columns .glyphicon-ok-head {
    color: #39a200
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col1 .columns span .bigno,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col2 .columns span .bigno,
#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col3 .columns span .bigno {
    font-size: 34px;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col2 {
    vertical-align: top;
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 400
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .total-qty-selected-main {
    padding-right: 3px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .total-qty-selected .label {
    color: #8c8c8c;
    font-size: 12px;
    white-space: normal;
    padding-left: 0;
    font-weight: 600;
    line-height: 16px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .total-qty-selected .qty {
    color: #323232;
    font-weight: 700;
    font-size: 16px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .number_container_wrapper {
    position: relative
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .tooltip {
    left: -84px !important
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .tooltip .tooltip-arrow {
    left: 45%;
    top: -1px;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #000
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .tooltip .tooltip-inner {
    width: 200px;
    padding: 10px;
    border-radius: 3px;
    max-width: none;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .tooltip .tooltip-inner .fa-exclamation-triangle {
    color: #ff9d02;
    display: inherit;
    margin-right: 3px
}

#orderTypeSelectionPopUp .modal-body.emergenyOrderType .emg-gyor-info,
#orderTypeSelectionPopUp .modal-body.stockOrderType .stk-gyor-info {
    margin-right: 17px
}

#orderTypeSelectionPopUp .modal-header div.orderTypeHeader .col1 .columns {
    display: inline-block
}

#orderTypeSelectionPopUp .err-msg {
    height: 25px
}

#orderTypeSelectionPopUp .err-msg .error,
#orderTypeSelectionPopUp .err-msg .warning {
    padding: 10px 20px 0;
    font-size: 12px;
    color: red
}

#orderTypeSelectionPopUp .selection-err-msg {
    height: auto
}

#orderTypeSelectionPopUp .selection-err-msg .error,
#orderTypeSelectionPopUp .selection-err-msg .warning {
    padding: 10px 20px 0;
    font-size: 11px;
    color: #ed962f;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    line-height: 14px
}

#orderTypeSelectionPopUp .modal-body.emergenyOrderType,
#orderTypeSelectionPopUp .modal-body.stockOrderType {
    margin-bottom: 0;
    padding: 0 27px
}

#orderTypeSelectionPopUp .modal-body.stockOrderType .lead-time-days {
    display: block;
    font-style: italic;
    font-size: 10px;
    min-width: 115px
}

#orderTypeSelectionPopUp .modal-body.stockOrderType .distribution_search .fa-search {
    position: absolute;
    right: 19px;
    top: 11px;
    font-size: 12px;
    color: #ccc
}

#orderTypeSelectionPopUp .modal-body.stockOrderType .distribution_search .cross-icon {
    right: 22px
}

#orderTypeSelectionPopUp .modal-body.emergenyOrderType .lead-time-days {
    display: block;
    font-style: italic;
    font-size: 10px;
    min-width: 110px
}

#orderTypeSelectionPopUp .warning-block .warning-title {
    font-size: 20px;
    font-weight: 600;
    margin: 10px
}

#orderTypeSelectionPopUp .warning-block .warning-info {
    font-size: 16px;
    font-weight: 400
}

#orderTypeSelectionPopUp .errorDiv,
#orderTypeSelectionPopUp .errorDiv.priceError {
    padding: 10px 27px 15px
}

#orderTypeSelectionPopUp .errorDiv .exclamation-div {
    font-size: 20px
}

#orderTypeSelectionPopUp .errorDiv .err-msg {
    padding: 20px 0
}

#orderTypeSelectionPopUp .errorDiv .try-again button {
    width: 80px;
    margin-top: 20px
}

#orderTypeSelectionPopUp .info-block .info-title {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0
}

#orderTypeSelectionPopUp .info-block .info-desc {
    font-size: 12px;
    font-weight: 400
}

#orderTypeSelectionPopUp .modal-body.warning-block .fa-info-circle {
    font-size: 30px
}

#orderTypeSelectionPopUp .modal-body {
    color: #6e6e6e;
    padding: 0 15px
}

#orderTypeSelectionPopUp .modal-body .notice {
    padding-top: 20px
}

#orderTypeSelectionPopUp .modal-body .table>thead>tr>th {
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 2px
}

#orderTypeSelectionPopUp .modal-body .table>thead>tr .location {
    width: 40%
}

#orderTypeSelectionPopUp .modal-body .table>thead>tr .avl-qty,
#orderTypeSelectionPopUp .modal-body .table>thead>tr .sel-qty {
    width: 15%
}

#orderTypeSelectionPopUp .modal-body .table>thead>tr .est-ship-dt {
    width: 20%
}

#orderTypeSelectionPopUp .modal-body .table>thead>tr .sel-box {
    width: 10%
}

#orderTypeSelectionPopUp .modal-body table {
    margin-bottom: 0
}

#orderTypeSelectionPopUp .modal-body table .selected-row {
    background-color: #f8f8f8
}

#orderTypeSelectionPopUp .modal-body table .tr-disabled td {
    opacity: .5
}

#orderTypeSelectionPopUp .modal-body table .tr-disabled td.est-ship-dt {
    opacity: 1;
    border-top: solid rgba(83, 83, 83, .1) 1px;
    border-bottom: solid rgba(83, 83, 83, .1) 1px
}

#orderTypeSelectionPopUp .modal-body table .tr-disabled .gyor-info {
    font-size: 16px;
    color: #000
}

#orderTypeSelectionPopUp .modal-body .disable-event-class {
    pointer-events: none
}

#orderTypeSelectionPopUp .modal-body .checkbox-label {
    margin: 0;
    cursor: default
}

#orderTypeSelectionPopUp .modal-body .checkbox-label .fa-check-square {
    background-color: #fff;
    color: #0093c6;
    font-size: 20px;
    cursor: pointer
}

#orderTypeSelectionPopUp .modal-body .spacing-table .fg_row,
#orderTypeSelectionPopUp .modal-body .spacing-table td .bg-default {
    background-color: #f8f8f8
}

#orderTypeSelectionPopUp .modal-body .checkbox-label .fa-square-o {
    font-size: 20px;
    cursor: pointer
}

#orderTypeSelectionPopUp .modal-body .spacing-table {
    border-collapse: separate;
    border-spacing: 0 5px
}

#orderTypeSelectionPopUp .modal-body .spacing-table th {
    padding: 10px;
    border: none
}

#orderTypeSelectionPopUp .modal-body .spacing-table .partial-tr td {
    border: none;
    padding: 0 0 0 30px;
    color: #ed962f;
    font-size: 11px;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-body .spacing-table .delivery-date {
    font-weight: 400;
    font-size: 14px;
    width: 20%
}

#orderTypeSelectionPopUp .modal-body .spacing-table .location-name {
    font-weight: 700;
    width: 40%
}

#orderTypeSelectionPopUp .modal-body .spacing-table .checkbox-td {
    width: 7%
}

#orderTypeSelectionPopUp .modal-body .spacing-table .checkbox-td .fa-user {
    cursor: pointer
}

#orderTypeSelectionPopUp .modal-body .spacing-table .avail,
#orderTypeSelectionPopUp .modal-body .spacing-table .stk-avail {
    width: 20%
}

#orderTypeSelectionPopUp .modal-body .spacing-table td {
    border-width: 1px 0;
    border-color: #dbdbdb;
    border-style: solid;
    padding: 10px;
    font-weight: 600;
    vertical-align: middle
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.avl-qty,
#orderTypeSelectionPopUp .modal-body .spacing-table td.est-ship-dt,
#orderTypeSelectionPopUp .modal-body .spacing-table td.sel-box,
#orderTypeSelectionPopUp .modal-body .spacing-table td.sel-qty {
    width: 96px
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.est-ship-dt,
#orderTypeSelectionPopUp .modal-body .spacing-table td.location {
    text-align: left
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.est-ship-dt .location-wrapper,
#orderTypeSelectionPopUp .modal-body .spacing-table td.location .location-wrapper {
    min-width: 300px
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.est-ship-dt .avl-qty-wrapper,
#orderTypeSelectionPopUp .modal-body .spacing-table td.location .avl-qty-wrapper {
    min-width: 100px
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.sel-qty {
    padding-top: 10px;
    text-align: left
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.sel-qty span {
    width: 61px;
    display: inline-block;
    box-shadow: 0 0 #000;
    text-align: center;
    font-size: 14px;
    color: #6e6e6e;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.sel-qty .input-xs {
    box-shadow: none;
    margin: 0;
    text-align: left;
    padding: 5px 4px 5px 6px
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.sel-qty .input-xs::-webkit-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.sel-qty .input-xs::-moz-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.sel-qty .input-xs::-ms-inner-spin-button {
    opacity: 1 !important
}

#orderTypeSelectionPopUp .modal-body .spacing-table td:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

#orderTypeSelectionPopUp .modal-body .spacing-table td:last-child {
    border-right-width: 1px;
    border-radius: 0 3px 3px 0
}

#orderTypeSelectionPopUp .modal-body .spacing-table td .smallglyphicon-ok {
    color: #08e308 !important
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.avail,
#orderTypeSelectionPopUp .modal-body .spacing-table td.stk-avail {
    text-align: center
}

#orderTypeSelectionPopUp .modal-body .spacing-table .dummy_tr {
    border: 0;
    padding: 5px
}

#orderTypeSelectionPopUp .modal-body .spacing-table .slto_location {
    position: relative
}

#orderTypeSelectionPopUp .modal-body .spacing-table .tooltip_tr {
    padding-top: 13px;
    padding-bottom: 10px
}

#orderTypeSelectionPopUp .modal-body .spacing-table .bto_msg,
#orderTypeSelectionPopUp .modal-body .spacing-table .stlo_msg {
    position: absolute;
    top: -13px;
    left: 10px;
    font-size: 11px;
    padding: 2px 8px 4px;
    border-radius: 3px
}

#orderTypeSelectionPopUp .modal-body .spacing-table .plt_active_row,
.daterangepicker {
    background-color: #fff
}

#orderTypeSelectionPopUp .modal-body .spacing-table .bto_msg {
    background-color: #74a318;
    color: #FFF;
    font-weight: 700
}

#orderTypeSelectionPopUp .modal-body .spacing-table .bto_msg.other_loc_msg {
    background-color: #8a2be2
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.noborder-td {
    border: none
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.noborder-td .back-checkbox {
    padding-left: 4px
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.noborder-td .bto_div {
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.noborder-td .bto_div .bto_msg:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #74a318;
    position: absolute;
    bottom: -6px;
    left: 20%;
    margin-left: -12px
}

#orderTypeSelectionPopUp .modal-body .price-label,
#orderTypeSelectionPopUp .modal-footer .price-label,
.sort-by-options .select-box-wrap {
    position: relative
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.noborder-td .slti_div {
    border-radius: 3px;
    border: 1px solid #ddd
}

#orderTypeSelectionPopUp .modal-body .spacing-table td.noborder-td .bto_div label,
#orderTypeSelectionPopUp .modal-body .spacing-table td.noborder-td .slti_div label {
    padding-left: 2px;
    padding-top: 8px
}

#orderTypeSelectionPopUp .modal-body .exchange_table .rapid_exchange_title {
    padding-left: 0;
    padding-bottom: 0;
    text-align: left;
    border: 0;
    color: #acacac
}

#orderTypeSelectionPopUp .modal-body .exchange_table .contact_to .color {
    color: #09c;
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-body .exchange_table .location {
    width: 40%
}

#orderTypeSelectionPopUp .modal-body .exchange_table .avl-qty {
    width: 15% !important
}

#orderTypeSelectionPopUp .modal-body .exchange_table .est-ship-dt {
    width: 20% !important
}

#orderTypeSelectionPopUp .modal-body .exchange_table .fake_col {
    width: 10%
}

#orderTypeSelectionPopUp .modal-body .exchange_table .emg_order_qty {
    width: 7% !important
}

#orderTypeSelectionPopUp .modal-body .stk-avail-err {
    margin-top: 10px
}

#orderTypeSelectionPopUp .modal-body .stk-avail-err .spacing-table thead tr th {
    width: 33.3%;
    padding-bottom: 2px
}

#orderTypeSelectionPopUp .modal-body .stk-avail-err .spacing-table tbody tr td {
    font-weight: 600
}

#orderTypeSelectionPopUp .modal-body .stk-avail-err .spacing-table tbody tr td.delivery-date {
    color: #0093c6
}

#orderTypeSelectionPopUp .modal-body .stk-avail-err .spacing-table tbody tr td.avail {
    text-align: right;
    padding-right: 40px
}

#orderTypeSelectionPopUp .modal-body .stockOrderType .spacing-table td.avail {
    text-align: right;
    padding-right: 70px
}

#orderTypeSelectionPopUp .modal-body .bto {
    font-size: 9px;
    padding-left: 10px;
    padding-top: 10px
}

#orderTypeSelectionPopUp .modal-body .unit-priceRow {
    font-size: 16px;
    color: #474747;
    font-weight: 700
}

#orderTypeSelectionPopUp .modal-body .unit-price {
    margin: 5px 10px 10px
}

#orderTypeSelectionPopUp .modal-body .price-label .tooltip {
    opacity: 1
}

#orderTypeSelectionPopUp .modal-body .price-label .tooltip .tooltip-inner {
    max-width: none;
    width: 320px;
    padding: 12px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

#orderTypeSelectionPopUp .modal-body .coreChareges {
    margin: 0 10px
}

#orderTypeSelectionPopUp .modal-body .subtext {
    font-size: 10px;
    color: #a8a8a8
}

#orderTypeSelectionPopUp .modal-body .fa-info-circle {
    color: #6e6e6e;
    font-size: 16px;
    margin: 0 8px
}

#orderTypeSelectionPopUp .modal-body .glyphicon-question-sign {
    margin-top: 7px;
    font-size: 14px;
    color: #6a6a6a
}

#orderTypeSelectionPopUp .modal-body .text-warning {
    color: #f17e00
}

#orderTypeSelectionPopUp .modal-body hr {
    margin-top: 0;
    margin-bottom: 0
}

#orderTypeSelectionPopUp .modal-footer {
    border-top: 1px solid #fff;
    padding: 10px 27px 27px
}

#orderTypeSelectionPopUp .modal-footer .price-loader {
    width: 100%;
    text-align: center
}

#orderTypeSelectionPopUp .modal-footer .price-loader img {
    width: 15px;
    height: 15px;
    z-index: 999;
    text-align: center;
    font-weight: 700
}

#orderTypeSelectionPopUp .modal-footer .backorderBtn {
    background-color: #0093c6;
    border-color: #0093c6;
    min-width: 200px;
    float: left
}

#orderTypeSelectionPopUp .modal-footer .secondary-addcart {
    background-color: #5cb85c;
    border-color: #5cb85c;
    min-width: 200px
}

#orderTypeSelectionPopUp .modal-footer .current-page-index p {
    margin: 12px 12px 8px 0;
    font-size: 14px;
    color: #acacac
}

#orderTypeSelectionPopUp .modal-footer .add-to-cart-row {
    padding-top: 20px
}

#orderTypeSelectionPopUp .modal-footer .add-to-cart-row .add-to-list {
    font-size: 11px;
    font-weight: 600;
    border-radius: 3px;
    background-color: #0096c9;
    outline: 0;
    border: none
}

#orderTypeSelectionPopUp .modal-footer .add-to-cart-row .add-to-list:active,
#orderTypeSelectionPopUp .modal-footer .add-to-cart-row .add-to-list:hover {
    background-color: #0096c9
}

#orderTypeSelectionPopUp .modal-footer .add-to-cart-row .qty-mismatch-info {
    padding-top: 10px;
    display: inline-block
}

#orderTypeSelectionPopUp .modal-footer .add-to-cart-row .qty-mismatch-info .fa-info-circle {
    font-size: 14px;
    color: #6e6e6e;
    margin-right: 3px;
    position: relative;
    top: 1px
}

#orderTypeSelectionPopUp .modal-footer hr {
    margin-top: 5px;
    margin-bottom: 5px
}

#orderTypeSelectionPopUp .modal-footer .line-gap {
    padding: 5px 0
}

#orderTypeSelectionPopUp .modal-footer .unit-priceRow {
    font-size: 16px;
    color: #474747
}

#orderTypeSelectionPopUp .modal-footer .total-ext-price {
    padding-top: 5px;
    padding-left: 5px;
    border-top: 1px solid #eee
}

#orderTypeSelectionPopUp .modal-footer .total-priceRow {
    margin-top: 5px;
    font-size: 16px;
    color: #474747
}

#orderTypeSelectionPopUp .modal-footer .total-priceRow span {
    padding-top: 5px
}

#orderTypeSelectionPopUp .modal-footer .price-label .tooltip {
    left: 0 !important;
    opacity: 1
}

#orderTypeSelectionPopUp .modal-footer .price-label .tooltip .tooltip-arrow {
    left: 97.5px;
    border-bottom-color: #323232
}

#orderTypeSelectionPopUp .modal-footer .price-label .tooltip .tooltip-inner {
    max-width: none;
    width: 390px;
    padding: 12px;
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

.comming-soon-tooltip {
    z-index: 999999 !important
}

.comming-soon-tooltip.tooltip .tooltip-inner {
    padding: 8px 12px
}

.modal.availabilityOverlay {
    top: 0 !important
}

.availabilityOverlay .modal-dialog {
    width: 760px;
    margin-top: 70px;
    -webkit-backface-visibility: hidden
}

.availabilityOverlay .modal-dialog .modal-content .emg-order .disabled {
    opacity: .5
}

.availabilityOverlay.eoBulkAvailCheck .modal-dialog {
    -webkit-backface-visibility: hidden;
    margin-top: 25px
}

.availabilityOverlay.eoBulkAvailCheck .modal-dialog #orderTypeSelectionPopUp .modal-header,
.availabilityOverlay.eoBulkAvailCheck .modal-dialog #orderTypeSelectionPopUp .modal-header div.orderTypeHeader {
    padding-top: 0
}

.desclaimer {
    text-align: left;
    font-size: 11px;
    font-weight: 400;
    margin-top: 10px;
    line-height: 14px;
    color: #acacac
}

.part-card .result-card .panel .panel-heading div .cart,
.sort-by-options {
    text-align: right
}

.desclaimer span.note {
    font-weight: 600
}

.sort-by-options {
    margin: 0 20px 10px;
    padding-top: 10px
}

.sort-by-options .select-box-wrap {
    display: inline-block
}

.sort-by-options .select-box-wrap label {
    float: left;
    margin-right: 5px;
    color: #acacac;
    font-size: 11px;
    line-height: 25px
}

.sort-by-options .select-box-wrap .form-control {
    width: auto;
    min-height: 24px;
    float: right;
    padding: 5px 25px 5px 15px
}

.sort-by-options .select-box-wrap select+.fa-caret-down {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 14px;
    pointer-events: none;
    margin-top: -7px
}

.distributor_search_mobile {
    position: relative
}

.distributor_search_mobile .fa-search {
    position: absolute;
    top: 7px;
    right: 19px
}

.distributor_search_mobile .cross-icon {
    right: 15px
}

.part-card {
    margin-bottom: 8px;
    margin-top: 10px;
    position: relative
}

.part-card .result-card .panel {
    padding: 0 0 15px;
    border: none;
    margin-bottom: 10px
}

.part-card .result-card .panel .interchange-supersession .pzv-partcard-badge {
    margin-left: 2px;
    margin-top: 5px;
    margin-bottom: 4px
}

.part-card .result-card .panel .col-md-3,
.part-card .result-card .panel .col-md-6 {
    padding: 0
}

.part-card .result-card .panel h2.name {
    margin: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: inherit;
    line-height: inherit
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .part-card .result-card .panel .panel-heading .cart span {
        margin: 0 2px !important
    }

    .part-card .result-card .panel .panel-heading .cart span:nth-child(1) img {
        width: 30px !important
    }

    .part-card .result-card .panel .panel-heading .cart span:nth-child(2) {
        padding: 0 2px !important;
        font-size: 10px !important
    }

    .part-card .result-card .panel .panel-heading .cart .glyphicon-shopping-cart {
        color: #09C
    }
}

.part-card .result-card .panel .panel-heading {
    padding: 8px 15px;
    border-bottom: none;
    min-height: 40px
}

.part-card .result-card .panel .panel-heading .inner-container {
    height: 100%;
    min-height: 40px
}

.part-card .result-card .panel .panel-heading div .dispName {
    display: inline-block;
    font-weight: 700
}

.part-card .result-card .panel .panel-heading div .dispName img {
    margin-right: 10px
}

.part-card .result-card .panel .panel-heading div .dispName img.default-logo {
    width: 45px;
    margin-bottom: 10px
}

.part-card .result-card .panel .panel-heading div .part-card-logo {
    vertical-align: top
}

.part-card .result-card .panel .panel-heading div .cart .error-text {
    color: #ff9d02;
    margin-top: -21px;
    margin-bottom: 6px
}

.part-card .result-card .panel .panel-heading div .cart .pckg-qty-err {
    right: 0
}

.part-card .result-card .panel .panel-heading div .cart .inline-div {
    float: left;
    margin-left: 10px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div form .check-availability-btn {
    width: 131px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div form .add-to-cart-btn {
    width: 94px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div form .add-to-list-btn {
    width: 88px;
    display: inline-block
}

.part-card .result-card .panel .panel-heading div .cart .inline-div form .add-to-cart-container {
    margin-top: -2px !important
}

.part-card .result-card .panel .panel-heading div .cart .inline-div form>a {
    float: right;
    margin-top: -2px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .error {
    position: absolute;
    border: 1px solid #dbdbdb;
    font-weight: 600;
    background-color: #FFF;
    top: 0;
    border-radius: 3px;
    padding: 7px 8px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div.check-availibility {
    margin-left: 0;
    position: relative
}

.part-card .result-card .panel .panel-heading div .cart .inline-div a,
.part-card .result-card .panel .panel-heading div .cart span a {
    cursor: pointer;
    text-decoration: none
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .add-to-list,
.part-card .result-card .panel .panel-heading div .cart span .add-to-list {
    padding: 6px 11px;
    margin-right: 10px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .added-temp-list,
.part-card .result-card .panel .panel-heading div .cart span .added-temp-list {
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    margin-top: -35px;
    background: #fff;
    position: absolute;
    width: 275px;
    right: 201px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .added-temp-list>*,
.part-card .result-card .panel .panel-heading div .cart span .added-temp-list>* {
    float: left;
    padding: 0;
    margin: 5px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .added-temp-list i,
.part-card .result-card .panel .panel-heading div .cart span .added-temp-list i {
    margin-top: 8px !important;
    color: #39a200;
    font-size: 16px;
    margin-right: 5px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .added-temp-list a,
.part-card .result-card .panel .panel-heading div .cart span .added-temp-list a {
    font-size: 12px;
    color: #0096c9;
    font-weight: 600;
    margin-top: 7px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .added-temp-list a:hover,
.part-card .result-card .panel .panel-heading div .cart span .added-temp-list a:hover {
    text-decoration: none
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .added-temp-list .addmsg,
.part-card .result-card .panel .panel-heading div .cart span .added-temp-list .addmsg {
    font-size: 14px;
    color: #6e6e6e;
    font-weight: 600
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty,
.part-card .result-card .panel .panel-heading div .cart span .shwQty {
    position: relative;
    float: right;
    margin-top: -2px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .addBtn,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .addBtn {
    margin-top: -1px;
    padding: 0 12px;
    line-height: 12px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .tooltip.top,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .tooltip.top {
    width: 200px;
    z-index: 9
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists {
    padding: 5px 4px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists ul,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists ul {
    margin-bottom: 0
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .addtocart-dropdown-part-card.dropdown-menu,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .mylist-dropdown-part-card.dropdown-menu,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .addtocart-dropdown-part-card.dropdown-menu,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .mylist-dropdown-part-card.dropdown-menu {
    position: absolute;
    top: 32px;
    right: 0;
    left: initial;
    padding: 0
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes {
    right: 0;
    background-color: #FFF;
    border: 1px solid #707070;
    width: 172px;
    z-index: 1000;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 3px 4px 11px -1px rgba(0, 0, 0, .34)
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists .select-text,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes .select-text,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists .select-text,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes .select-text {
    padding-bottom: 5px;
    border-bottom: 1px solid #acacac;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    margin: 0 10px;
    padding-top: 5px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists .nodata-msg,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes .nodata-msg,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists .nodata-msg,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes .nodata-msg {
    font-size: 13px;
    color: #acacac
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists .fa-info-circle,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes .fa-info-circle,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists .fa-info-circle,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes .fa-info-circle {
    font-size: 18px;
    margin: 10px 3px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists ul,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes ul,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists ul,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes ul {
    list-style-type: none;
    padding: 0;
    max-height: 138px;
    overflow-y: auto
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists ul li,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes ul li,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists ul li,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes ul li {
    padding: 5px 10px;
    text-align: left;
    width: 100%;
    float: left
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists ul li a,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes ul li a,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists ul li a,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes ul li a {
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #363636
}

.part-card .first-row .cart ul,
.part-card .result-card .panel .panel-body .col-md-8 ul li:nth-child(2) {
    float: right
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists ul li a:hover,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes ul li a:hover,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists ul li a:hover,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes ul li a:hover {
    text-decoration: none
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists ul li:hover,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes ul li:hover,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists ul li:hover,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes ul li:hover {
    background-color: #EEE
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists .hrLine,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes .hrLine,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists .hrLine,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes .hrLine {
    padding: 0;
    margin-bottom: 10px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists .create-lbl,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes .create-lbl,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists .create-lbl,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes .create-lbl {
    padding: 0 0 10px 10px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists .create-list-div,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes .create-list-div,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists .create-list-div,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes .create-list-div {
    border-top: 1px solid #e1e1e1;
    margin: 9px 10px -5px;
    text-align: left;
    padding-top: 7px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists .create-list-div a,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes .create-list-div a,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists .create-list-div a,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes .create-list-div a {
    text-decoration: none
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists .create-list-div .fa-plus,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes .create-list-div .fa-plus,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists .create-list-div .fa-plus,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes .create-list-div .fa-plus {
    font-size: 12px;
    margin-right: 2px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists:after,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists:after {
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-mylists:before,
.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .pulldown-ordertypes:before,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-mylists:before,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .pulldown-ordertypes:before {
    top: -7px;
    right: 18px;
    position: absolute;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #707070;
    border-left: 7px solid transparent;
    border-bottom-color: #707070;
    content: ''
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty a.disabledButton,
.part-card .result-card .panel .panel-heading div .cart span .shwQty a.disabledButton {
    color: #AAA;
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty input,
.part-card .result-card .panel .panel-heading div .cart span .shwQty input {
    width: 20%;
    text-align: center
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty input[type=number],
.part-card .result-card .panel .panel-heading div .cart span .shwQty input[type=number] {
    width: 48px;
    padding: 5px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .btnAdd,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .btnAdd {
    background: #dbdbdb;
    font-size: 10px;
    padding: 3px;
    font-weight: 700
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .shwQty .btnAdd:hover,
.part-card .result-card .panel .panel-heading div .cart span .shwQty .btnAdd:hover {
    cursor: pointer
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .list-container,
.part-card .result-card .panel .panel-heading div .cart span .list-container {
    margin-top: 3px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .list-container .tooltip,
.part-card .result-card .panel .panel-heading div .cart span .list-container .tooltip {
    width: 427px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .list-container .tooltip-inner,
.part-card .result-card .panel .panel-heading div .cart span .list-container .tooltip-inner {
    color: #000;
    min-width: 297px;
    background-color: #FFF78E;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid #c1a891
}

.part-card .result-card .panel .panel-heading div .cart .addtocart-form-wrapper .pckg-qty-err .fa-info-circle,
.part-card .result-card .panel .panel-heading div .cart .avail-zero-info .fa-info-circle {
    font-size: 13px;
    margin-right: 5px
}

.part-card .result-card .panel .panel-heading div .cart .inline-div .list-container .tooltip.top .tooltip-arrow,
.part-card .result-card .panel .panel-heading div .cart span .list-container .tooltip.top .tooltip-arrow {
    border-top-color: #c1a891
}

.part-card .result-card .panel .panel-heading div .cart .avail-zero-info {
    position: absolute;
    top: -19px;
    right: 33px;
    text-align: center;
    color: #333;
    margin-top: -21px;
    margin-bottom: 6px;
    border: 1px solid #dbdbdb;
    width: 300px;
    padding: 7px 8px;
    background: #fff;
    border-radius: 3px
}

.part-card .result-card .panel .panel-heading div .cart .addtocart-form-wrapper .pckg-qty-err {
    position: absolute;
    top: 49px;
    right: 26px;
    color: #414141;
    width: 196px;
    text-align: left
}

.part-card .result-card .panel .panel-heading div .cart .addtocart-form-wrapper .qty_invalid {
    border-color: #ff9d02;
    outline: 0
}

.part-card .result-card .panel .panel-heading .interchange {
    width: 150px;
    background: #09c;
    height: 20px;
    display: table;
    position: relative;
    margin: -5px 0 5px
}

.part-card .result-card .panel .panel-heading .interchange span {
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 5px
}

.part-card .result-card .panel .panel-heading .interchange:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.part-card .result-card .panel .panel-heading .dispMessage {
    position: absolute;
    top: -22px;
    right: 51px;
    background-color: #FFF;
    font-weight: 600;
    margin: 0 20px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 5px 20px
}

.part-card .result-card .panel .panel-body,
.part-card .result-card .panel .panel-heading .dispMessage .addmsg a {
    margin-left: 10px
}

.part-card .result-card .panel .panel-heading .dispMessage .glyphicon-ok {
    color: #39a200;
    font-size: 16px;
    margin-right: 10px
}

.part-card .result-card .panel .panel-heading .dispMessage .addmsg {
    color: #6e6e6e
}

.part-card .result-card .panel .panel-heading .dispMessage .glyphicon-remove {
    color: red;
    margin-right: 10px;
    cursor: pointer
}

.fontbold,
.qtyAvailable {
    color: #6e6e6e
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .part-card .result-card .panel .panel-body .col-md-3 {
        text-align: center !important
    }
}

.part-card .result-card .panel .panel-body .col-md-3 img {
    max-width: 100%;
    max-height: 100%
}

.part-card .result-card .panel .panel-body .part-img-container {
    width: 162px;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dbdbdb
}

.part-card .result-card .panel .panel-body .part-img-container a {
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
    margin: 0 auto
}

.part-card .result-card .panel .panel-body .part-img-container a img {
    max-height: 162px;
    max-width: 162px
}

.part-card .result-card .panel .panel-body .part-img-container .represent-img {
    width: 161px;
    height: 26px;
    display: block;
    left: -20px;
    top: 40%;
    font-size: 9.5px !important;
    padding: 6px
}

.part-card .first-row .name,
.part-card .result-card .add-compare i {
    font-size: 16px
}

.part-card .result-card .panel .panel-body .part-img-container .represent-img span {
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (device-width:768px) {
    .part-card .result-card .panel .panel-body .col-md-8 {
        border-right: 0
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .part-card .result-card .panel .panel-body .col-md-8 {
        border-right: 0
    }
}

.part-card .result-card .panel .panel-body .col-md-8 ul {
    padding-left: 0
}

.part-card .result-card .panel .panel-body .col-md-8 ul li {
    display: inline-block
}

.part-card .result-card .panel .panel-body .col-md-8 ul li a:hover {
    cursor: pointer;
    text-decoration: none
}

.part-card .result-card .panel .panel-body .col-md-8 table.location-table tr td {
    width: auto;
    font-weight: 600
}

.part-card .result-card .panel .panel-body .col-md-8 table.location-table tr:nth-child(1) td {
    font-weight: 400
}

.part-card .result-card .panel .panel-body .col-md-8 table tr td {
    height: 25px;
    vertical-align: middle;
    padding: 0 10px !important;
    line-height: 2.2;
    width: 50%
}

.part-card .result-card .panel .panel-body .col-md-8 table tr .bold {
    font-weight: 600
}

.part-card .result-card .add-compare div {
    margin-left: 17px
}

.part-card .first-row {
    height: 40px;
    padding: 10px
}

.part-card .first-row .cart ul li {
    padding: 0 5px;
    display: inline-block
}

.part-card .first-row .cart ul li:nth-child(2) {
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA
}

.part-card hr {
    margin: 0
}

.fontbold,
.marginrtgap {
    margin-right: 10px
}

.ordertype-popup .modal-dialog {
    width: 700px
}

.marginltgap {
    margin-left: 10px
}

.fontbold {
    font-size: 14px;
    font-weight: 700
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .part-card .result-card .panel-heading .cart .check-avail {
        margin: 5px 2px 0 0 !important
    }

    .part-card .result-card .panel-heading .cart .check-avail .fa-spinner {
        font-size: 12px
    }

    .part-card .result-card .panel-heading .cart .cart-action-btns {
        float: right
    }

    .part-card .result-card .panel-heading .cart .addtocart-form-wrapper .pckg-qty-err {
        padding: 0
    }

    .part-card .result-card .panel-heading .with-atc {
        width: 65%
    }
}

#shareModal .success-msg {
    text-align: center
}

#shareModal .success-msg h5 {
    color: #3FB300;
    font-weight: 700;
    font-size: 16px
}

#shareModal .modal-header {
    border: 0;
    background: #2f2f2f;
    padding: 0 15px
}

#shareModal .modal-header h2 {
    margin-top: 0;
    margin-bottom: 40px;
    position: relative;
    padding-right: 30px
}

#shareModal .modal-header h2 .close-overlay {
    position: absolute;
    right: 0;
    top: 5px
}

#shareModal .modal-header h2 b {
    font-weight: 400
}

#shareModal .modal-header h2 a img {
    vertical-align: top
}

#shareModal .modal-header .modal-close {
    font-size: xx-large;
    color: #fff;
    font-weight: 100;
    margin: 0
}

#shareModal .modal-body {
    padding: 15px
}

#shareModal .modal-body form .form-grp-txtarea {
    margin: 20px
}

#shareModal .modal-body form .email-address-layout {
    margin-left: 20px
}

#shareModal .modal-body form textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

#shareModal .modal-body form textarea::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#shareModal .modal-body form textarea::-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#shareModal .modal-body form textarea:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#shareModal .modal-body form textarea:-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#shareModal .modal-body form p.has-error {
    margin-top: 2px
}

#shareModal .modal-body form .err-txt {
    text-align: right;
    margin-bottom: 0;
    margin-top: 2px
}

#shareModal .modal-body form .checkbox-label .fa-check-square,
#shareModal .modal-body form .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

#shareModal .modal-body form .checkbox-label:hover {
    cursor: pointer
}

#shareModal .modal-body form .checkbox-label.disable-checkbox {
    pointer-events: none;
    opacity: .8
}

#shareModal .modal-body form .checkbox-label.disable-checkbox .fa-square-o {
    color: #b5b5b5
}

#shareModal .modal-body .btn-circle {
    margin-top: 15px;
    width: 30px;
    height: 30px !important;
    padding: 3px 0;
    border-radius: 15px;
    text-align: center
}

#shareModal .modal-body .btn-circle .fa-plus {
    color: #ffff
}

#shareModal .modal-body .address-input {
    padding: 10px
}

#shareModal .modal-footer .clear-email {
    text-decoration: none;
    outline: 0;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: 700
}

#shareModal .modal-footer .modal-send {
    font-weight: 700
}

#shareModal .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

#shareModal .btn-app {
    line-height: 16px
}

#shareModal .btn-app.active.focus,
#shareModal .btn-app.active:focus,
#shareModal .btn-app.focus,
#shareModal .btn-app:active.focus,
#shareModal .btn-app:active:focus,
#shareModal .btn-app:focus {
    outline: 0
}

#shareModal span.glyphicon-send {
    margin-right: 5px
}

.my-modal-popup.price-list-confirmation-modal {
    top: 0 !important
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md {
    margin-top: 100px;
    width: 700px
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation {
    margin: 0;
    background: #f8f8f8;
    padding: 25px;
    overflow: hidden;
    border-radius: 3px
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .price-list-terms {
    display: block
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .price-list-terms label {
    font-weight: 600
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .price-list-terms label,
.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .price-list-terms p {
    font-size: 11px;
    color: #ACACAC
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .footer-btn-wrapper h1,
.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .title-wrapper h1 {
    margin: 0
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .mb-25,
.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .title-wrapper {
    margin-bottom: 25px
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .close-overlay {
    display: inline-block
}

.my-modal-popup.price-list-confirmation-modal .modal-dialog.modal-md #priceListConfirmation .fa-exclamation-triangle {
    margin-right: 4px;
    font-size: 14px
}

.disabled-info {
    font-size: 11px;
    color: #ACACAC;
    padding-top: 5px
}

.manage-account-confirm-pop-up .modal-dialog {
    margin-top: 164px
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm {
    padding: 40px
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .confirmText {
    font-size: 14px;
    color: #585858
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .bold {
    font-weight: 700;
    font-size: 13px
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .modal-body {
    padding: 0;
    margin-bottom: 40px
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .modal-footer {
    padding: 0;
    text-align: center;
    border: 0
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .modal-footer .btn+.btn {
    margin-left: 10px
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app {
    font-weight: 600;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    line-height: 16px;
    min-width: 100px
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app.active.focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app.active:focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app.focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app:active.focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app:active:focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app:focus {
    outline: 0
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app-primary.focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app-primary:focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app-transparent {
    background-color: transparent;
    border: 2px solid #363636;
    color: #363636
}

.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app-transparent.focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app-transparent:focus,
.manage-account-confirm-pop-up .modal-dialog .manage-account-confirm .btn-app-transparent:hover {
    background-color: #E2E2E2;
    border: 2px solid #363636;
    color: #363636
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table tbody>tr:first-child,
.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table thead>tr:first-child {
    border-top: 1px solid #f1f1f1
}

.manage-customer-container .parent-row {
    padding-top: 0;
    padding-bottom: 30px
}

.manage-customer-container .parent-row>div {
    padding: 0
}

.manage-customer-container .manage-cust-pane-wrapper {
    padding: 20px
}

.manage-customer-container .manage-cust-pane-wrapper .page-title {
    padding: 0
}

.manage-customer-container .manage-cust-pane-wrapper .page-title h1 {
    font-size: 30px;
    font-weight: 300;
    color: #a6a6a6;
    margin-top: 0;
    line-height: 22px;
    margin-bottom: 27px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container {
    overflow: hidden;
    width: 100%
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .left-pane {
    width: 235px;
    float: left;
    box-sizing: border-box
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .left-pane .nav li a {
    background-color: #E8E8E8;
    color: #323232;
    font-weight: 400
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .left-pane .nav li a.active {
    font-weight: 700
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .left-pane .nav li a .fa-chevron-right {
    float: right;
    margin-top: 3px;
    display: inline-block;
    color: #323232;
    font-size: 12px;
    top: 2px;
    position: relative
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane {
    float: left;
    width: calc(100% - 235px);
    box-sizing: border-box
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content {
    background: #fff;
    border-radius: 3px;
    padding: 40px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .tab-title {
    margin-top: 0;
    font-size: 24px;
    font-weight: 600;
    color: #7f7f7f
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #f1f1f1
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .content-info {
    margin-bottom: 20px;
    font-weight: 600;
    color: #7f7f7f
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container {
    padding: 0;
    margin-bottom: 30px;
    overflow: hidden
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .input-group.search-txt-box {
    position: static
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .input-group.search-txt-box .dropdown-menu {
    min-width: 393px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-left {
    float: left;
    width: 430px;
    box-sizing: border-box
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-left .input-group .form-control {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fbfbfb;
    box-shadow: none
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-left .input-group .form-control::-webkit-input-placeholder {
    font-size: 12px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-left .input-group .form-control::-moz-placeholder {
    font-size: 12px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-left .input-group .form-control:-ms-input-placeholder {
    font-size: 12px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-left .input-group .form-control:-moz-placeholder {
    font-size: 12px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-left .input-group span.input-group-addon {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left-width: 0;
    background-color: #fbfbfb;
    border-right: 1px solid #dbdbdb
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-right {
    float: left;
    width: 220px;
    padding-left: 35px;
    box-sizing: border-box;
    position: relative
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-right select::-ms-expand {
    display: none
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-right select {
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-right select:hover {
    cursor: pointer
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .filter-container .fltr-cont-right select+.fa-caret-down {
    position: absolute;
    right: 13px;
    top: 8px;
    font-size: 16px;
    color: #0093c6;
    pointer-events: none
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .search_icon {
    cursor: pointer;
    position: relative
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .dropdown-container {
    width: 100%
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .dropdown-container .dropdown-menu,
.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .dropdown-container .split-button {
    width: 90%
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table thead>tr {
    background-color: #fbfbfb
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table thead>tr>th {
    padding: 7px;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 700;
    font-size: 11px;
    color: #acacac;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table thead>tr>th .fa-sort {
    margin-left: 5px;
    color: #000
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table thead>tr>th.th-cust-name {
    width: 170px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table thead>tr:last-child {
    border-bottom: 1px solid #f1f1f1
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table tbody>tr>td {
    font-size: 12px;
    color: #323232;
    font-weight: 400;
    border-left: 1px solid #f1f1f1;
    border-top: 0;
    border-bottom: 1px solid #f1f1f1
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table tbody>tr .user-icon {
    position: relative;
    padding-left: 15px;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table tbody>tr .user-icon .fa-user {
    position: absolute;
    left: 0;
    top: 2px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table tbody>tr .fa-user {
    margin-right: 10px;
    color: #acacac
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table tbody>tr .fa-user.enabled-user {
    color: #45c500
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table tbody>tr td:last-child {
    text-align: center;
    border-right: 1px solid #f1f1f1
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table tbody tr.no-data td {
    text-align: center;
    padding: 80px 0;
    color: #323232;
    font-size: 20px;
    font-weight: 400
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table .fa-check-square,
.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content table .fa-square-o {
    padding-right: 5px;
    font-size: 18px;
    vertical-align: middle;
    color: #0093c6
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container {
    padding: 10px;
    overflow: hidden;
    text-align: center
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .items-dropdown {
    display: inline-block;
    width: 131px;
    position: relative;
    top: -10px
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .items-dropdown label {
    margin-right: 10px;
    color: #acacac
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .items-dropdown select.pagination-limit {
    display: inline-block;
    width: 56%
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .items-dropdown select::-ms-expand {
    display: none
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .items-dropdown select {
    -moz-appearance: none;
    appearance: none
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .items-dropdown select:hover {
    cursor: pointer
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .items-dropdown select+.fa-caret-down {
    position: absolute;
    right: 13px;
    top: 8px;
    font-size: 16px;
    color: #0093c6;
    pointer-events: none
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .tbl-info {
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 700
}

.manage-customer-container .manage-cust-pane-wrapper .pane-container .right-pane .right-pane-content .pagination-sm-custom-container .pagination {
    margin: 0
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {

    .manage-customer-container .manage-cust-pane-wrapper .pane-container table thead>tr>th.cust-name,
    .manage-customer-container .manage-cust-pane-wrapper .pane-container table thead>tr>th.line-num,
    .manage-customer-container .manage-cust-pane-wrapper .pane-container table thead>tr>th.state-name {
        width: 80px
    }
}

.daterangepicker {
    position: absolute;
    color: inherit;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    text-align: center;
    vertical-align: middle;
    min-width: 30px;
    line-height: 22px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
    padding: 4px
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker .sort-by-options {
    float: left;
    margin: 0 5px
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0;
    line-height: 30px;
    position: relative
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    display: none;
    line-height: 12px;
    vertical-align: middle
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 16px
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.api-dtls .row,
.api-filter .filter-options h3 {
    margin-bottom: 20px
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #09c;
    color: #fff
}

@media (min-width:564px) {

    .daterangepicker.ltr .drp-calendar.right .calendar-table,
    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker.ltr .drp-calendar.left .calendar-table,
    .daterangepicker.rtl .drp-calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single.ltr .drp-calendar,
    .daterangepicker.single.ltr .ranges {
        float: left
    }

    .daterangepicker.single.rtl .drp-calendar,
    .daterangepicker.single.rtl .ranges {
        float: right
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left
    }

    .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker.ltr .drp-calendar,
    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right
    }

    .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0
    }

    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px
    }

    .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0
    }

    .daterangepicker.rtl .drp-calendar,
    .daterangepicker.rtl .ranges {
        text-align: right;
        float: right
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

.api-filter {
    height: 60px
}

.api-filter .filter-by {
    line-height: 40px;
    cursor: pointer
}

.api-filter .filter-by .fa-filter {
    color: #0093c6;
    font-size: 24px;
    position: relative;
    top: 3px;
    right: 2px
}

.api-filter .modal-backdrop {
    z-index: 1040
}

.api-filter .filter-options {
    position: fixed;
    width: 320px;
    top: 0;
    right: -320px;
    background-color: #fff;
    height: 100vh;
    z-index: 1050;
    transition: .5s;
    padding: 20px;
    overflow: auto
}

.api-filter .filter-options .close-btn {
    float: right;
    position: relative;
    cursor: pointer;
    top: -2px;
    right: 2px;
    width: 12px
}

.api-filter .filter-options .close-btn img {
    max-width: 100%
}

.api-filter .filter-options.open {
    transition: .5s;
    right: 0
}

.api-filter .filter-options h3,
.api-filter .filter-options h5 {
    margin-top: 0;
    text-align: left;
    font-weight: 600
}

.api-filter .filter-options section .input-group .input-group-btn .btn {
    padding: 3px 8px;
    border-right: none
}

.api-filter .filter-options section .input-group .input-group-btn .btn .fa-search {
    color: #ccc;
    font-size: 12px
}

.api-filter .filter-options section .input-group .form-control {
    border-left: none
}

.api-filter .filter-options section .form-control {
    min-height: 27.2px;
    height: 27.2px !important;
    padding: 5px;
    font-size: 12px;
    box-shadow: none
}

.api-filter .filter-options section .form-control:focus {
    outline: 0;
    border-color: #ccc
}

.api-filter .filter-options section .options {
    margin-top: 10px
}

.api-filter .filter-options section .options.overflow-auto {
    height: 127px;
    overflow-x: hidden;
    overflow-y: auto
}

.api-filter .filter-options section .options.overflow-auto::-webkit-scrollbar {
    width: 8px;
    background-color: #f0f0f0
}

.api-filter .filter-options section .options.overflow-auto::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #cdcdcd
}

.api-filter .filter-options section .options.min-max {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.api-filter .filter-options section .options.min-max .to-text {
    width: 44px;
    text-align: center
}

.api-filter .filter-options section .options.min-max .input-group .input-group-btn .btn {
    border-right: 1px solid #ccc
}

.api-filter .filter-options section .options.min-max .input-group .form-control {
    border-left: 1px solid #ccc
}

.api-filter .filter-options section .options.min-max .input-group.to-date .uib-datepicker-popup {
    left: auto !important;
    right: 0 !important
}

.api-filter .filter-options section .options .option {
    padding: 5px 0
}

.api-filter .filter-options section .options .option:last-child {
    padding-bottom: 0
}

.api-filter .filter-options section .options .option:first-child {
    padding-top: 0
}

.api-filter .filter-options section .options .option .fa {
    font-size: 18px;
    position: relative;
    top: 3px;
    color: #0093c6;
    width: 17.6px
}

.api-filter .filter-options section .options .option .text {
    margin-left: 5px
}

.api-list {
    padding: 20px;
    position: relative;
    background-color: #fff
}

.api-list .row {
    min-height: calc(100vh - 443px);
    padding: 0 10px
}

.api-dtls,
.api-list {
    min-height: calc(100vh - 282px)
}

.api-dtls .row.loading-container,
.api-list .row.loading-container {
    z-index: 1040;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 10px
}

.api-dtls .row.loading-container .loading-backdrop,
.api-list .row.loading-container .loading-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .7;
    top: 0;
    left: 0
}

.api-dtls .row.loading-container .loader,
.api-list .row.loading-container .loader {
    height: 100%
}

.api-dtls .row .data-error,
.api-dtls .row .loader,
.api-list .row .data-error,
.api-list .row .loader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.api-dtls .row .data-error,
.api-list .row .data-error {
    height: calc(100vh - 443px)
}

.summary-header {
    font-size: 14px;
    padding: 10px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.api-dtls .row {
    padding: 20px 10px;
    background-color: #fff
}

.api-dtls .row .sub-row {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.api-dtls .row .sub-row .json-data {
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    padding-bottom: 73.2px
}

.api-dtls .row .sub-row .json-data pre {
    max-height: 250px;
    overflow: auto;
    background: 0 0;
    border: none;
    margin-bottom: 0;
    padding: 20px
}

.api-dtls .row .sub-row .json-data .btn-primary {
    margin: 20px;
    float: right
}

.api-dtls .row>div .label-txt {
    color: #ACACAC;
    margin-bottom: 10px
}

.api-dtls .row>div p {
    font-weight: 600
}

.added-rfq-popup .modal-content {
    border-radius: 3px;
    background-color: #f6f6f6
}

.added-rfq-popup .modal-content .modal-header {
    border-bottom: none;
    padding: 35px 35px 20px
}

.added-rfq-popup .modal-content .modal-header h2 {
    color: #9b9b9b;
    margin: 0;
    padding: 0
}

.added-rfq-popup .modal-content .modal-header img {
    width: 25px;
    float: right
}

.added-rfq-popup .modal-content .modal-body {
    padding: 30px 35px 15px
}

.added-rfq-popup .modal-content .modal-body .table-bordered {
    border: 1px solid #e5e5e5
}

.added-rfq-popup .modal-content .modal-body .table-bordered thead tr {
    background-color: #fbfbfb
}

.added-rfq-popup .modal-content .modal-body .table-bordered thead tr th {
    color: #acacac;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #e5e5e5
}

.added-rfq-popup .modal-content .modal-body .table-bordered tbody tr {
    background-color: #fff
}

.added-rfq-popup .modal-content .modal-body .table-bordered tbody tr td {
    color: #323232;
    border: 1px solid #e5e5e5
}

.added-rfq-popup .modal-dialog {
    width: 50%
}

.manage-rfq .mrfq-bread-crumb {
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px;
    width: 100%;
    float: left;
    background: #fff;
    margin: 0;
    padding: 10px 0
}

.manage-rfq .mrfq-bread-crumb ul {
    margin: 0;
    padding: 0 20px
}

.manage-rfq .mrfq-bread-crumb ul li {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    float: left
}

.manage-rfq .mrfq-container {
    width: 100%;
    float: left;
    margin: 0;
    padding: 30px 20px
}

.manage-rfq .mrfq-container h2 {
    margin: 0 0 20px;
    padding: 0;
    float: left
}

.manage-rfq .mrfq-container .col-md-2 {
    text-align: center
}

.manage-rfq .mrfq-container .col-md-2>* {
    margin: 0;
    padding: 0
}

.manage-rfq .mrfq-container .col-md-2 label {
    width: 120px;
    padding: 10px
}

.manage-rfq .mrfq-container .col-md-2 p {
    padding: 10px;
    line-height: 30px
}

.manage-rfq .mrfq-container .mrfq {
    width: 100%;
    float: left
}

.manage-rfq .mrfq-container .mrfq .myrfqp {
    font-weight: 400;
    font-size: 11px;
    margin-left: 20px;
    margin-bottom: 10px
}

.manage-rfq .mrfq-container .mrfq .myrfqp .small-span {
    width: 20px
}

.manage-rfq .mrfq-container .mrfq .myrfqp .large-span {
    width: 90%
}

.manage-rfq .mrfq-container .mrfq .myrfqp .fa-question-circle {
    font-size: 16px;
    top: 10px;
    position: relative;
    margin-right: 10px
}

.manage-rfq .mrfq-container .mrfq .myrfqp span {
    float: left
}

.manage-rfq .mrfq-container .mrfq .empty-table-msg {
    width: 100%;
    float: left;
    height: 300px
}

.manage-rfq .mrfq-container .mrfq .empty-table-msg label {
    width: 100%;
    text-align: center;
    font-size: 18px;
    float: left;
    font-weight: 400;
    color: #666;
    padding-top: 120px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left {
    padding-left: 25px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .pagination-sm {
    margin: 0 0 7px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .mrfq-err-msg p {
    font-size: 16px;
    padding: 30px 0;
    text-align: center;
    width: 100%;
    float: left;
    color: #ddd
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th {
    border-bottom: none;
    vertical-align: top;
    font-size: 12px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th .rfq-table-col {
    position: relative
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th .rfq-table-col label {
    width: calc(100% - 17px)
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th .rfq-table-col .small-label {
    position: absolute;
    top: 0;
    right: 0
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th .rfq-table-col .fa-sort {
    font-size: 11px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th:nth-child(1) {
    padding-left: 30px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th .rfq-table-search {
    position: relative
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th .rfq-table-search img {
    position: absolute;
    top: 8px;
    right: 11px;
    cursor: pointer
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr th .rfq-table-search i {
    position: absolute;
    top: 8px;
    right: 11px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .rfq-id {
    width: 15%
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .closed-rfq-id {
    width: 40%
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .closed-date-received,
.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .date-received,
.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .due-in {
    width: 0%
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .closed-due-in {
    width: 15%
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .rfq-stat {
    width: 8%
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .rfq-stat select {
    padding: 0 12px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .rfq-stat .rfq-stat-input {
    position: relative
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .rfq-stat .rfq-stat-input .fa-caret-down {
    position: absolute;
    top: 8px;
    right: 10px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .closed-rfq-stat {
    width: 23%
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table thead tr .action {
    width: 22%
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr {
    background: #fff
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td {
    font-size: 12px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td:nth-child(2),
.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td:nth-child(3) {
    padding-right: 30px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .quote-lost,
.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .quote-sent {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .quote-lost i,
.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .quote-sent i {
    float: left;
    color: #2ea03e;
    margin: 3px 5px 3px 3px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .quote-lost span,
.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .quote-sent span {
    float: left
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .quote-lost i {
    color: red
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .btn-primary {
    width: 85px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col2 {
    width: calc(100% - 30px);
    height: 100%;
    float: left
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col2 h4,
.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col2 p {
    margin: 0;
    padding: 0
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col1 {
    width: 30px;
    height: 100%;
    float: left
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col1 i {
    font-size: 16px;
    margin-top: 5px
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col1 .fa-circle {
    color: #0093c6
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col1 .fa-bell {
    color: #ffb11b
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col1 .fa-exclamation-triangle {
    color: #ff2626
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-table-col1 .fa-check {
    color: #2ea03e
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td:last-child {
    text-align: center
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr.no-data td {
    text-align: center;
    padding: 95px 0;
    font-size: 16px;
    font-weight: 400
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .status-column {
    display: -ms-flexbox;
    display: flex
}

.manage-rfq .mrfq-container .mrfq .mrfq-left .status-column .ml-5 {
    margin-left: 5px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right,
.manage-rfq .mrfq-container .mrfq .mrfq-right .download-items {
    padding-right: 25px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .download-items .col-xs-12 {
    margin-bottom: 20px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .download-items .col-xs-12 a {
    margin-right: 20px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .download-items .col-xs-12 a i {
    float: left;
    font-size: 16px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .download-items .col-xs-12 a p {
    font-size: 12px;
    float: left;
    margin: 2px 0 0 5px;
    padding: 0;
    line-height: 14px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel {
    margin: 0 5px;
    border-radius: 3px;
    border: 1px solid #dbdbdb
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body table tbody tr td:last-child,
.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body table thead tr th:last-child {
    border-right: none
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body table tbody tr td:first-child,
.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body table thead tr th:first-child {
    border-left: none
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body table tbody tr:last-child td,
.myrfq-wrap .table-bordered>thead>tr>th {
    border-bottom: none
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading {
    border: none;
    padding: 30px 30px 10px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .bottom-region p {
    font-size: 11px;
    font-weight: 600;
    color: #545454
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .bottom-region .manage-rfq-label {
    text-align: center;
    padding: 40px 0
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .logo-region {
    padding: 0
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .logo-region img {
    padding-top: 10px;
    float: right;
    padding-right: 10px;
    max-width: 100%
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .logo-region p {
    padding: 0 10px 0 2px;
    font-size: 15px;
    float: right;
    font-weight: 400
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .col-md-9 h4 {
    font-size: 16px;
    font-weight: 700
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .col-md-9 address {
    font-size: 13px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .col-md-3 a {
    float: right;
    width: 100%;
    text-align: right;
    color: #ccc;
    font-size: 14px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .col-md-3 img {
    float: right
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .col-md-3 p {
    width: 100%;
    text-align: right;
    font-weight: 700;
    float: right;
    margin-right: 10px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading .row .manage-rfq-label {
    text-align: center;
    padding: 40px 0
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body {
    padding: 0
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body table {
    border: none;
    margin: 0
}

.rfq-details-modal .modal-content,
.rfq-status-modal .modal-content {
    border-radius: 3px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body table thead tr th {
    border-bottom: none;
    vertical-align: bottom;
    height: 50px
}

.manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-body table tbody tr td {
    padding: 5px 20px;
    text-align: left
}

.manage-rfq .mrfq-container .mrfq .tab-content {
    padding: 20px 0;
    border-top: none;
    float: left;
    width: 100%
}

.manage-rfq .mrfq-container .mrfq .tab-content .tab-pane {
    float: left;
    width: 100%
}

.manage-rfq .mrfq-container .mrfq .tab-content .tab-pane .download-items a {
    margin-right: 30px !important;
    margin-top: 8px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .manage-rfq .mrfq-container .mrfq .mrfq-left .table thead th .rfq-table-col .th-label {
        width: 84%
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-left .table thead th .rfq-table-col .fa-sort {
        vertical-align: top;
        padding-top: 4px
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-left .table thead .rfq-id {
        width: 30% !important;
        padding-left: 8px !important
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-left .table thead .rfq-id input {
        padding-right: 0
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-left .table thead .date-received,
    .manage-rfq .mrfq-container .mrfq .mrfq-left .table thead .due-in {
        width: 14% !important
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-left .table thead .rfq-stat {
        width: 18% !important
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-left .table thead .action {
        width: 24% !important
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td .rfq-id-val h4 {
        font-size: 14px
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td:nth-child(2),
    .manage-rfq .mrfq-container .mrfq .mrfq-left .table tbody tr td:nth-child(3) {
        padding-right: 8px
    }

    .manage-rfq .mrfq-container .mrfq .mrfq-right .panel .panel-heading {
        padding: 20px
    }
}

.rfq-status-modal .modal-content .rfq-status {
    padding: 40px 20px
}

.rfq-status-modal .modal-content .rfq-status .rfq-status-container {
    width: calc(100% - 20px);
    margin-left: 10px
}

.rfq-status-modal .modal-content .rfq-status .rfq-status-container .rfq-status-message {
    text-align: center;
    margin: 20px 0
}

.myrfq-wrap {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 20px
}

.myrfq-wrap .myrfq-bread-crumb {
    width: 100%
}

.myrfq-wrap .myrfq-bread-crumb .breadcrumb {
    margin-bottom: 0
}

.myrfq-wrap .myrfq-bread-crumb ul {
    margin: 0;
    padding: 0 30px;
    height: 15px;
    box-shadow: none
}

.myrfq-wrap .myrfq-bread-crumb ul li {
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
    float: left
}

.myrfq-wrap input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.myrfq-wrap .myrfq-title {
    width: calc(100% - 60px);
    margin: 0 30px;
    float: left
}

.myrfq-wrap .myrfq-title h1 {
    margin-top: 25px;
    margin-bottom: 20px;
    float: left
}

.myrfq-wrap .myrfq-title ul {
    margin-top: 30px;
    float: right
}

.myrfq-wrap .myrfq-container {
    margin: 20px 30px 0;
    width: calc(100% - 60px)
}

.myrfq-wrap .myrfq-container .nav-tabs .uib-tab .nav-link {
    padding: 10px 15px;
    display: block
}

.myrfq-wrap .myrfq-container .myrfq {
    margin: 20px 0
}

.myrfq-wrap .myrfq-container .myrfq .nav-tabs li {
    margin-right: 5px
}

.myrfq-wrap .myrfq-container .myrfq .empty-table-msg {
    width: 100%;
    height: 300px
}

.myrfq-wrap .myrfq-container .myrfq .empty-table-msg label {
    width: 100%;
    text-align: center;
    font-size: 18px;
    float: left;
    font-weight: 400;
    color: #666;
    padding-top: 120px
}

.myrfq-wrap .myrfq-container .myrfq .empty-table-msg p {
    text-align: center
}

.myrfq-wrap .myrfq-container .myrfq .empty-table-msg.empty-closed-rfq label {
    padding-top: 110px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content {
    padding: 20px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .pagination {
    margin: 0 0 20px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content p.myrfqp {
    display: table;
    font-weight: 400;
    font-size: 11px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content p.myrfqp span {
    display: table-cell
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .fa-question-circle {
    font-size: 16px;
    top: 10px;
    position: relative
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .paraquestion {
    padding-left: 10px;
    margin-left: 10px;
    line-height: 14px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr th {
    vertical-align: top
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr th:last-child {
    border-right: 0 #ccc solid
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr th .fa-sort {
    font-size: 14px;
    margin-left: 5px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr th .rfq-table-search .input-group input {
    box-shadow: none
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr th .rfq-table-search .input-group span button {
    background: 0 0
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr th .rfq-table-search .input-group span button i {
    color: #ccc
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .rfq-id {
    width: 22%
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .rfq-id .rfq-table-search {
    position: relative
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .rfq-id .rfq-table-search img {
    position: absolute;
    top: 8px;
    right: 11px;
    cursor: pointer
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .rfq-id .rfq-table-search i {
    position: absolute;
    top: 8px;
    right: 11px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .approved-dist {
    width: 17%
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .rfq-deadline,
.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .rfq-initiated {
    width: 13%
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .rfq-status {
    width: 11%
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .confirm-q-receipt,
.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open thead tr .send-rem {
    width: 12%
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr .status-closed {
    background-color: #3fb300;
    color: #fff
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td {
    height: 52px;
    vertical-align: middle
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td .btn-primary {
    margin-left: 10px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td:nth-child(6) {
    text-align: center
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td:nth-child(6) .btn-primary {
    margin: 0;
    width: 101px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td:nth-child(7) {
    text-align: center
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td .btn-primary[disabled] {
    background-color: #dbdbdb;
    color: #acacac;
    cursor: default
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td .reminder-sent {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td .reminder-sent i {
    float: left;
    margin: 3px 10px 3px 3px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr td .reminder-sent span {
    float: left
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr .rfq-detail-cancel a i {
    margin-right: 5px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr .rfq-detail-cancel p {
    width: 70%;
    float: left;
    margin: 0
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr .rfq-detail-cancel a {
    width: 70%;
    float: left;
    margin: 0;
    padding: 0
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody tr.no-data td {
    text-align: center;
    padding: 80px 0;
    color: #323232;
    font-size: 20px;
    font-weight: 400
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-rfq-id {
    width: 22%
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-rfq-id .rfq-table-search {
    position: relative
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-rfq-id .rfq-table-search img {
    position: absolute;
    top: 8px;
    right: 11px;
    cursor: pointer
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-rfq-id .rfq-table-search i {
    position: absolute;
    top: 8px;
    right: 11px
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-approved-dist {
    width: 19%
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-rfq-closed,
.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-rfq-deadline,
.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-rfq-initiated {
    width: 15%
}

.myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open.close-rfq .close-rfq-status {
    width: 14%
}

.myrfq-wrap .table-responsive {
    margin-top: 10px
}

.myrfq-wrap .texttdid {
    font-size: 14px;
    font-weight: 700
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-id {
        width: 22%
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .approved-dist {
        width: 19% !important
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-deadline,
    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-initiated {
        width: 10% !important
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-initiated .rfq-table-col {
        display: table
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-initiated .rfq-table-col i,
    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-initiated .rfq-table-col label {
        display: table-cell
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-deadline .rfq-table-col {
        display: table
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-deadline .rfq-table-col i,
    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-deadline .rfq-table-col label {
        display: table-cell
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .rfq-status {
        width: 11%
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .confirm-q-receipt,
    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .send-rem {
        width: 14% !important
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .reminder-sent {
        display: table
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .reminder-sent i {
        display: table-cell;
        margin: 3px 3px 3px 0 !important
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open .reminder-sent span {
        display: table-cell
    }

    .myrfq-wrap .myrfq-container .myrfq .tab-content .myrfq-open tbody td {
        padding: 8px 4px
    }
}

.rfq-details-modal .modal-content .modal-header {
    border-bottom: 0;
    margin-left: 10px
}

.rfq-details-modal .modal-content .modal-header .row p {
    font-size: 14px
}

.rfq-details-modal .modal-content .modal-header .row .col-md-9 h4 {
    font-size: 16px;
    font-weight: 700
}

.rfq-details-modal .modal-content .modal-header .row .col-md-9 address {
    font-size: 13px
}

.rfq-details-modal .modal-content .modal-header .row .col-md-3 a {
    float: right;
    width: 100%;
    text-align: right;
    color: #ccc;
    font-size: 14px
}

.rfq-details-modal .modal-content .modal-header .row .col-md-3 img {
    float: right
}

.rfq-details-modal .modal-content .modal-header .row .col-md-3 img.logo {
    margin-right: 15px;
    margin-bottom: 5px;
    margin-top: 20px
}

.rfq-details-modal .modal-content .modal-header .row .col-md-3 p {
    width: 100%;
    text-align: right;
    font-weight: 700;
    float: right;
    margin-right: 25px;
    font-size: 12px
}

.rfq-details-modal .modal-content .modal-body {
    padding: 0 25px 0 20px
}

.rfq-details-modal .modal-content .modal-body table thead th {
    padding: 8px;
    vertical-align: top;
    text-align: left
}

.rfq-details-modal .modal-content .modal-body table tbody td {
    font-size: 14px;
    padding: 8px;
    text-align: left
}

#sendmap {
    width: 100%;
    height: 700px
}

#sendmap .map-info-window {
    width: 200px
}

#sendmap .map-info-window>* {
    margin: 2px 0;
    padding: 0
}

#sendmap .map-info-window a,
#sendmap .map-info-window address,
#sendmap .map-info-window h5,
#sendmap .map-info-window h6,
#sendmap .map-info-window p {
    width: 100%;
    float: left
}

.map-locator {
    padding-right: 0
}

.send-req-quote .send-bread-crumb {
    width: 100%;
    float: left;
    background: #fff;
    margin: 0;
    padding: 10px 0;
    -o-box-shadow: rgba(0, 0, 0, .2) 0 0 7px;
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px
}

.send-req-quote .send-bread-crumb ul {
    margin: 0;
    padding: 0 20px
}

.send-req-quote .send-bread-crumb ul li {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    float: left
}

.send-req-quote .send-map-locator {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px
}

.send-req-quote .send-map-locator .notify-msg {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .2);
    width: 35%;
    position: fixed;
    background: #f5f5f5;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3000;
    color: #515151;
    padding: 35px;
    border-radius: 3px
}

.send-req-quote .send-map-locator .notify-msg .fa-check-circle {
    vertical-align: middle;
    font-size: 25px;
    padding-right: 20px
}

.send-req-quote .send-map-locator .select-distributer-title {
    margin-top: 25px;
    padding-left: 9px;
    font-weight: 300;
    color: #9b9b9b;
    font-size: 30px
}

.send-req-quote .send-map-locator .share-dwnld {
    margin-right: 20px
}

.send-req-quote .send-map-locator .share-dwnld label {
    width: 134px;
    font-size: 11px;
    color: #acacac;
    margin-right: 20px
}

.send-req-quote .send-map-locator .share-dwnld a {
    text-decoration: none;
    outline: 0;
    position: relative;
    top: -10px
}

.send-req-quote .send-map-locator .share-dwnld a.share {
    color: #0093c6;
    margin-right: 20px
}

.send-req-quote .send-map-locator .share-dwnld a.download i,
.send-req-quote .send-map-locator .share-dwnld a.share i {
    font-size: 18px
}

.send-req-quote .send-map-locator .custom-card {
    border-radius: 3px;
    background: #fff;
    padding: 15px;
    margin-bottom: 15px
}

.send-req-quote .send-map-locator .custom-card.card-disclaimer {
    background: #E8E8E8;
    margin: 0 0 15px;
    clear: both;
    position: relative;
    padding: 0
}

.send-req-quote .send-map-locator .custom-card>.panel {
    border: 0;
    border-bottom: 0;
    box-shadow: none
}

.send-req-quote .send-map-locator .custom-card>.panel .panel-body {
    padding: 0 0 15px
}

.send-req-quote .send-map-locator .custom-card>.panel .panel-body .days-count {
    position: relative
}

.send-req-quote .send-map-locator .custom-card>.panel .panel-body .days-count i {
    position: absolute;
    right: 20px;
    top: 11px
}

.send-req-quote .send-map-locator .custom-card.blurred {
    opacity: .6;
    pointer-events: none
}

.send-req-quote .send-map-locator .send-rfq-btn button {
    font-size: 11px
}

.send-req-quote .send-map-locator .send-rfq-btn .btn-app-default,
.send-req-quote .send-map-locator .send-rfq-btn .btn-app-default.focus,
.send-req-quote .send-map-locator .send-rfq-btn .btn-app-default:focus,
.send-req-quote .send-map-locator .send-rfq-btn .btn-app-default:hover {
    background-color: #707070;
    border-color: #707070;
    color: #fff
}

.send-req-quote .send-map-locator .send-rfq-btn .btn-app-default.disabled {
    background-color: #dbdbdb;
    color: #acacac
}

.send-req-quote .send-map-locator table.added-receiver tr .list-item-delete .list-item-delete-box {
    padding: 10px 0;
    background: #fff67b;
    border-radius: 3px;
    border: 1px dashed #ccc;
    color: #232323;
    font-size: 12px;
    font-weight: 600;
    text-align: center
}

.send-req-quote .send-map-locator .view-parts-added {
    background: 0 0;
    border: 2px solid #717171;
    color: #717171;
    font-weight: 700;
    border-radius: 3px
}

.send-req-quote .send-map-locator .send-rfq-dealers,
.send-req-quote .send-map-locator .send-rfq-time {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 20px;
    padding: 10px;
    background: #fff;
    float: left
}

.send-req-quote .send-map-locator .send-rfq-dealers table thead tr th:nth-child(1) {
    width: 10%
}

.send-req-quote .send-map-locator .send-rfq-dealers table thead tr th:nth-child(2) {
    width: 70%
}

.send-req-quote .send-map-locator .send-rfq-dealers table thead tr th:nth-child(3) {
    width: 20%
}

.send-req-quote .send-map-locator h2 {
    margin: 0 0 20px;
    padding: 0;
    color: #a6a6a6;
    float: left
}

.send-req-quote .send-map-locator .send-map-wrap {
    width: 100%;
    float: left;
    position: relative;
    height: 712px;
    overflow: hidden
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container {
    margin: 0;
    float: left;
    background: #fff;
    width: calc(100% - 383px);
    overflow: hidden;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 383px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap {
    width: 100%;
    height: 712px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap img[src='https://maps.gstatic.com/mapfiles/api-3/images/google4.png'] {
    display: none
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window {
    width: 200px;
    padding: 10px 5px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window>* {
    margin: 2px 0;
    padding: 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window a,
.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window address,
.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window h5,
.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window h6,
.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window p {
    width: 100%;
    float: left;
    color: #939393
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window a.no-text-wrap,
.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window address.no-text-wrap,
.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window h5.no-text-wrap,
.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window h6.no-text-wrap,
.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window p.no-text-wrap {
    white-space: nowrap
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window h6 {
    color: #6e6e6e;
    font-weight: 700
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window h5 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .map-info-window a {
    font-weight: 500;
    color: #0093c6;
    margin-top: 5px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-container #sendmap .labels {
    font-size: 10px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details {
    width: 383px;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    transition: 350ms margin ease-in-out
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .tooltip.right {
    width: 140px;
    z-index: 9
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .send-toogle-btn {
    float: left;
    width: 20px;
    height: 50px;
    background: #fff;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 6;
    border: 1px solid #f4f4f4;
    border-left: none;
    cursor: pointer
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .send-toogle-btn a {
    margin: 11px 8px;
    font-size: 16px;
    color: #0093c6;
    float: left
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel {
    border-radius: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    margin: 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body {
    height: 670px;
    background: #fafafa
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-heading h3 {
    float: left;
    font-size: 18px;
    color: #7f7f7f;
    margin: 0;
    padding: 6px 0;
    font-weight: 200
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-heading a {
    color: #7f7f7f;
    float: right;
    font-size: 16px;
    margin: 0;
    padding: 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-heading .send-map-filter-collapse {
    float: left
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-heading .send-map-filter-collapse i {
    color: #0093c6;
    margin-top: 7px;
    padding: 0 10px 0 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter {
    width: 100%;
    height: 213px;
    overflow: hidden;
    transition: 350ms height ease-in-out
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter hr {
    margin: 10px -25px 0;
    background: #ddd
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .input-group .geo-zip-code {
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    border-radius: 4px 0 0 4px;
    border-right: 0 solid #fff;
    box-shadow: none;
    height: 50px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .input-group .input-group-addon {
    background: #fff;
    border-left: 0 solid #fff
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .geo-zip-code-focused .geo-zip-code,
.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .geo-zip-code-focused .input-group-addon,
.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter select:focus {
    border-color: #0093c6
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .row h4,
.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .row label,
.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .row p {
    margin: 0;
    padding: 0;
    color: #bdbdbd
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .row h4 {
    margin: 5px 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .row p {
    margin-bottom: 5px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter .row hr {
    width: calc(100% + 10px);
    margin: 10px -5px;
    background: #ddd
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-filter select {
    box-shadow: none;
    font-weight: 600
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .err-msg {
    padding: 20px 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .err-msg i {
    color: #ffb11b;
    font-size: 24px;
    margin-bottom: 10px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .err-msg P {
    width: 100%;
    margin-top: 10px;
    text-align: center
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results {
    margin: 0 -15px;
    height: 431px;
    background: #fff
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data {
    margin: 15px;
    height: calc(100% - 70px);
    overflow-x: hidden;
    overflow-y: auto
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item {
    padding: 10px 15px 0;
    cursor: pointer
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item:hover {
    background: #fafafa
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row h4,
.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row label,
.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row p {
    margin: 0;
    padding: 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row h4 {
    margin: 5px 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row p {
    color: #a8a8a8
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row hr {
    background: #ddd;
    margin: 10px 0 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row .list-serial {
    width: 33px;
    height: 43px;
    float: left;
    font-weight: 700;
    background: url(../assets/images/drop-pin-edited.png) no-repeat;
    background-size: 100% auto;
    margin-right: 10px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row .list-serial p {
    margin-top: 12px;
    color: #fff;
    width: 100%;
    text-align: center
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row .col-md-3 a {
    float: right;
    margin: 0;
    padding: 0;
    color: #333
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .dealer-locator-data .dealer-locator-item .row .col-md-3 a i {
    font-size: 16px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .row-selected {
    opacity: .4
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .label-distributor-count {
    border-bottom: #ddd solid 1px;
    border-top: #ddd solid 1px;
    padding: 0 15px;
    height: 40px
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-body .send-map-results .label-distributor-count h3 {
    float: left;
    font-size: 18px;
    color: #7f7f7f;
    margin: 0;
    padding: 10px 0;
    width: 100%
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-collapsed .send-map-filter {
    height: 0
}

.send-req-quote .send-map-locator .send-map-wrap .send-map-details .panel .panel-collapsed .send-map-results {
    margin-top: -15px;
    height: 661px
}

.send-req-quote .send-rfq-success {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px
}

.send-req-quote .send-rfq-success hr {
    background: #aaa;
    color: #aaa;
    height: 1px
}

.send-req-quote .send-rfq-success .send-rfq-body .row {
    margin-bottom: 10px
}

.send-req-quote .send-rfq-success .send-rfq-body .row .action-btns {
    display: inline-block
}

.send-req-quote .send-rfq-success .send-rfq-body .row i {
    float: left;
    font-size: 16px;
    margin: 5px;
    color: #2ea03e;
    padding-right: 10px
}

.send-req-quote .send-rfq-success .send-rfq-body .row p {
    float: left;
    font-size: 14px;
    margin: 5px
}

.send-req-quote .send-rfq-success .send-rfq-body .row p .rfq-id {
    padding-right: 15px;
    color: #b3b3b3
}

.send-req-quote .send-rfq-success .send-rfq-body .row p .rfq-unique-id {
    padding-right: 15px
}

.send-req-quote .send-rfq-success .send-rfq-body .row p span {
    font-weight: 700;
    font-size: 14px;
    color: #626262
}

.send-req-quote .send-rfq-success .send-rfq-body .row button {
    float: left
}

.send-req-quote .send-rfq-success .panel-default {
    border: none
}

.send-req-quote .send-rfq-success .panel-default .panel-heading {
    border-color: #f1f1f1;
    padding-left: 30px;
    background: #fff
}

.send-req-quote .send-rfq-success .panel-default .panel-heading .send-rfq-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #2a2a2a;
    margin-bottom: 0
}

.send-req-quote .send-rfq-success .panel-default .panel-heading .send-rfq-header p {
    font-size: 14px;
    color: #868686
}

.send-req-quote .send-rfq-success .panel-default .panel-heading .send-rfq-header p input {
    margin-left: 20px
}

.send-req-quote .send-rfq-success .panel-default .panel-heading .send-rfq-header p .check-rfq-status {
    margin: 5px;
    border-radius: 3px;
    padding: 5px 10px;
    border: 2px solid #363636;
    font-size: 11px;
    color: #363636;
    font-weight: 600
}

.send-req-quote .send-rfq-success .panel-default .panel-heading .send-rfq-header p .check-rfq-status:hover {
    background-color: transparent
}

.send-req-quote .send-rfq-success .panel-default .panel-body {
    padding-left: 30px
}

.send-req-quote .send-rfq-success .panel-default .panel-footer {
    padding: 10px 30px 45px;
    border: none;
    background-color: transparent
}

.send-req-quote .send-rfq-success .panel-default .panel-footer .go-back-to-mylist {
    border: none;
    border-radius: 3px;
    background: #0093c6;
    padding: 5px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #fff
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .send-req-quote .send-map-locator .send-rfq-btn button {
        font-size: 11px
    }

    .send-req-quote .send-map-locator .panel-default .panel-body .days-count {
        padding: 0 2px
    }

    .send-req-quote .send-map-locator .panel-default .panel-body .days-count select {
        padding: 6px 5px
    }
}

.email-part-popup .modal-dialog {
    width: 686px
}

#sharepartPopup {
    padding: 30px
}

#sharepartPopup .success-msg {
    text-align: center
}

#sharepartPopup .success-msg h5 {
    color: #3FB300;
    font-weight: 700;
    font-size: 16px
}

#sharepartPopup .modal-header {
    padding: 0;
    border: 0
}

#sharepartPopup .modal-header h2 {
    margin-top: 0;
    margin-bottom: 40px
}

#sharepartPopup .modal-header h2 b {
    font-weight: 400
}

#sharepartPopup .modal-header h2 a img {
    vertical-align: top
}

#sharepartPopup .modal-body {
    padding: 0
}

#sharepartPopup .modal-body form label {
    margin-left: 5px
}

#sharepartPopup .modal-body form .form-grp-txtarea {
    margin-bottom: 10px
}

#sharepartPopup .modal-body form .clear-email {
    text-decoration: none;
    outline: 0;
    margin-right: 10px
}

#sharepartPopup .modal-body form textarea {
    resize: none;
    padding: 12px 15px;
    border-radius: 3px;
    height: 70px
}

#sharepartPopup .modal-body form textarea::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#sharepartPopup .modal-body form textarea::-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#sharepartPopup .modal-body form textarea:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#sharepartPopup .modal-body form textarea:-moz-placeholder {
    color: #bcbcbc;
    font-size: 13px
}

#sharepartPopup .modal-body form p.has-error {
    margin-top: 2px
}

#sharepartPopup .modal-body form .err-txt {
    text-align: right;
    margin-bottom: 0;
    margin-top: 2px
}

#sharepartPopup .modal-body form .checkbox-label {
    margin: 0 0 0 14px
}

#sharepartPopup .modal-body form .checkbox-label .fa-check-square,
#sharepartPopup .modal-body form .checkbox-label .fa-square-o {
    font-size: 16px;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 10px
}

#sharepartPopup .modal-body form .checkbox-label:hover {
    cursor: pointer
}

#sharepartPopup .modal-body form .checkbox-label.disable-checkbox {
    pointer-events: none;
    opacity: .8
}

#sharepartPopup .modal-body form .checkbox-label.disable-checkbox .fa-square-o {
    color: #b5b5b5
}

#sharepartPopup .form-group.btn-control {
    margin-bottom: 0;
    text-align: right
}

#sharepartPopup .btn-app {
    width: 114px;
    line-height: 16px
}

#sharepartPopup .btn-app.active.focus,
#sharepartPopup .btn-app.active:focus,
#sharepartPopup .btn-app.focus,
#sharepartPopup .btn-app:active.focus,
#sharepartPopup .btn-app:active:focus,
#sharepartPopup .btn-app:focus {
    outline: 0
}

#sharepartPopup span.glyphicon-send {
    margin-right: 5px
}

.advanced-search {
    border-bottom: #acacac solid 1px;
    background: #f6f6f6
}

.advanced-search-menu {
    display: block;
    float: left;
    width: 100%
}

.advanced-search-menu .advanced-search.header-bottom .advanced-search-menu .ymm-directive {
    padding: 4px 10px 7px;
    margin: 0
}

.advanced-search-menu .advanced-search.header-bottom .advanced-search-menu .ymm-directive ul#yearHolder li.arrow_box:after,
.advanced-search-menu .advanced-search.header-bottom .advanced-search-menu .ymm-directive ul#yearHolder li.arrow_box:before {
    left: 20%
}

.advanced-search-menu .serial-hint-popover {
    background: #323232;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    left: 6px !important
}

.advanced-search-menu .serial-hint-popover .arrow {
    left: 20px;
    top: -9px
}

.advanced-search-menu .serial-hint-popover .popover-inner {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

.advanced-search-menu .serial-hint-popover .arrow:after {
    border-bottom-color: #323232 !important
}

.advanced-search-menu .advance-search-heading ul {
    margin: 0;
    padding: 0;
    width: auto
}

.advanced-search-menu .advance-search-heading ul li {
    display: inline;
    text-decoration: none;
    float: left;
    font-size: 12px;
    cursor: pointer
}

.advanced-search-menu .advance-search-heading ul li .filter-container {
    margin: 10px 9px 7px
}

.advanced-search-menu .advance-search-heading ul li .filter-container input {
    font-size: 16px;
    float: left;
    cursor: pointer
}

.advanced-search-menu .advance-search-heading ul li .filter-container input:focus {
    outline: 0
}

.advanced-search-menu .advance-search-heading ul li .filter-container label {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    cursor: pointer
}

.advanced-search-menu .advance-search-heading ul li .ml-5 {
    margin-left: 5px
}

.advanced-search-menu .advance-search-heading ul li .m-l-20 {
    margin-left: -20px
}

.advanced-search-menu .advance-search-heading ul li .pzv-dropdown-default {
    padding-right: 24px !important
}

.advanced-search-menu .advance-search-heading ul li:nth-child(3) {
    margin-left: 16px
}

.advanced-search-menu .advance-search-heading ul .active {
    color: #383838
}

.advanced-search-menu .select-filter-container {
    padding-right: 15px;
    margin-right: 5px;
    border-right: #dbdbdb solid 1px;
    margin-left: 5px
}

.advanced-search-menu .select-filter-container .margin-top-6 {
    margin-top: 6px
}

.advanced-search-menu .select-filter-container button {
    top: 2px;
    background-color: #fff;
    border-radius: 3px;
    color: #000;
    font-size: 11px;
    line-height: 2;
    font-weight: 600;
    box-shadow: none;
    padding: 0 10px
}

.advanced-search-menu .select-filter-container .select-item {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 14px
}

.advanced-search-menu .active-search {
    width: auto;
    padding: 0
}

.advanced-search-menu .active-search #dropdown-hidden-container {
    margin-top: 8px
}

.advanced-search-menu .active-search .interchangeSearchFormMsg {
    margin: 10px;
    color: red;
    float: left
}

.advanced-search-menu .active-search .interchange-search {
    float: left
}

.advanced-search-menu .active-search .interchange-search .interchange-row {
    float: left;
    margin-left: 10px;
    margin-top: 2px
}

.advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm {
    float: left;
    margin: 5px
}

.advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm:nth-child(1) {
    width: 320px
}

.advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm i {
    font-size: 14px;
    margin-right: 5px
}

.advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm .serial-input {
    width: 92%;
    display: inline-block
}

.advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm input[type=text] {
    line-height: 12px;
    min-height: 24px
}

.advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm .serial-link {
    font-size: 12px;
    font-weight: 700;
    margin-left: 15px
}

.advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm .serial-link a {
    text-decoration: none
}

.overlay-spinner {
    position: relative
}

.overlay-spinner .pav-spinner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.overlay-spinner .pav-spinner .pav-spinner-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: .7
}

.overlay-spinner .pav-spinner .loading-img {
    position: absolute;
    left: 47.5%;
    top: 47.5%;
    height: 20px;
    width: 20px;
    opacity: 1
}

.advance-search-new-action-set-mobile {
    background: rgba(255, 255, 255, .611765);
    color: rgba(50, 50, 50, .709804);
    border-radius: 20px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 800;
    margin: 20px auto 0;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.advance-search-new-action-set-mobile .tab_item {
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.null-other {
    margin-top: 35px
}

.null-other .cardsSection .row {
    -webkit-box-pack: center;
    display: -webkit-box
}

.null-other .cardsSection .row .col-md-4 {
    padding-left: 5px;
    padding-right: 5px
}

.null-other .cardsSection .row .col-md-4 div.catBlocks {
    background-color: #fff;
    min-height: 150px;
    padding: 15px 20px;
    border-radius: 1px
}

.null-other .cardsSection .row .col-md-4 div.catBlocks label:nth-child(1) {
    font-weight: 600;
    font-size: 18px;
    display: block
}

.null-other .cardsSection .row .col-md-4 div.catBlocks label:nth-child(2) p {
    margin-bottom: 0;
    text-align: left
}

.null-other .cardsSection .row .col-md-4 div.catBlocks label:nth-child(2) p a {
    text-decoration: none
}

.null-other .cardsSection .row .col-md-4 div.catBlocks label:nth-child(2) p span {
    font-size: 9px;
    margin-left: 3px;
    font-weight: 500;
    color: #000
}

.search-bar {
    width: calc(100% - 480px);
    padding: 0
}

.search-bar .form-group .dropdown-menu {
    border-radius: 0;
    float: right;
    right: 0;
    left: auto
}

.search-bar .form-group .dropdown-menu li.active {
    background-color: #dbdbdb
}

.search-bar .form-group .dropdown-menu li.active interchange {
    border-left: 5px solid #dbdbdb
}

.search-bar .form-group .dropdown-menu li.active interchange:after {
    border-right: 5px solid #dbdbdb
}

.search-bar .form-group .typeahead-popup.dropdown-menu {
    left: 0 !important;
    top: 42px !important;
    width: 100% !important
}

.search-bar .form-group .dropdown-menu li a {
    color: #000
}

.search-bar [uib-dropdown-menu] li a {
    color: #222 !important;
    font-size: 14px
}

.search-bar [uib-dropdown-toggle] {
    font-size: 14px;
    box-shadow: none
}

.search-bar .scope-selector .search_ddl_head,
.search-bar .scope-selector [uib-dropdown-menu] li a {
    text-transform: capitalize
}

.search-bar .scope-selector [uib-dropdown-menu] li a:focus,
.search-bar .scope-selector [uib-dropdown-menu] li a:hover {
    background-color: #dbdbdb !important
}

.search-bar .scope-selector.open button {
    box-shadow: none
}

.search-bar .dropdown-menu {
    margin: 0;
    border: none
}

.search-bar .dropdown-menu ul li.hover {
    background: #000
}

.search-bar .dropdown-menu ul li.active {
    background: gray
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .search-bar .srchPlace input::-webkit-input-placeholder {
        font-size: 11px
    }

    .search-bar .srchPlace .srchPlace input::-moz-input-placeholder {
        font-size: 11px
    }
}

@media (width:1024px) {
    .search-bar #search-box::-webkit-input-placeholder {
        font-size: 12px
    }

    .search-bar #search-box::-moz-placeholder {
        font-size: 12px
    }

    .search-bar #search-box:-ms-input-placeholder {
        font-size: 12px
    }

    .search-bar #search-box:-moz-placeholder {
        font-size: 12px
    }
}

.search-bar .close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer
}

.search-bar .close-icon:after {
    content: "X";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #FA9595;
    z-index: 1;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 2px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 0 2px #E50F0F;
    cursor: pointer
}

.search-bar .cross {
    position: absolute;
    right: 17px;
    top: 12px;
    cursor: pointer;
    font-size: 20px
}

.search-bar .srchPlace {
    position: relative;
    width: calc(100% - 40px)
}

.search-bar .srchPlace input.pzv-search-header {
    min-height: 40px;
    width: 100%
}

.search-bar .srchPlace input.pzv-search-header::-moz-input-placeholder,
.search-bar .srchPlace input.pzv-search-header::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #ACACAC
}

.search-bar .pzv-search-btn {
    min-height: 40px
}

.search-bar #search-box::-ms-clear {
    display: none
}

.search-bar .typeahead {
    margin-left: 10px;
    margin-bottom: 5px;
    line-height: 1.2;
    margin-top: 1px
}

.search-bar .typeahead strong {
    font-weight: 600
}

.search-bar .typeahead .label {
    margin-left: 5px
}

.search-bar .tooltip .tooltip-inner {
    color: #000
}

.typeahead-popup {
    z-index: 99999
}

.typeahead-popup .brand {
    font-size: 12px;
    margin-left: 3px;
    color: #c1c1c1
}

.typeahead-popup p {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
    color: #c1c1c1
}

.typeahead-popup li {
    cursor: pointer
}

.typeahead-popup .view-all-results {
    color: #09C;
    margin-top: 5px;
    font-weight: 600
}

.typeahead-popup .suggestions div span CATSUGGEST,
.typeahead-popup .suggestions div span a {
    font-weight: 600;
    text-decoration: none
}

.typeahead-popup interchange:before {
    color: #000;
    content: ",";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 14px
}

.typeahead-popup inter-desc {
    color: #525252;
    font-size: 12px;
    font-weight: 600
}

.typeahead-popup inter-desc:before {
    content: "("
}

.typeahead-popup inter-desc:after {
    content: ")"
}

.categoryHdr .tooltip {
    z-index: 200;
    top: -6px
}

rzslider {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 35px 0 15px;
    vertical-align: middle;
    -ms-user-select: none;
    user-select: none
}

rzslider[disabled] {
    cursor: not-allowed
}

rzslider[disabled] .rz-pointer {
    cursor: not-allowed;
    background-color: #d8e0f3
}

rzslider span {
    position: absolute;
    display: inline-block;
    white-space: nowrap
}

rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0
}

rzslider .rz-bar-wrapper {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 16px;
    margin-top: -16px;
    box-sizing: border-box
}

rzslider .rz-bar-wrapper.rz-draggable {
    cursor: move
}

rzslider .rz-bar {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background: #777;
    border-radius: 2px
}

rzslider .rz-bar.rz-selection {
    z-index: 2;
    background: #777;
    border-radius: 1px
}

rzslider .rz-pointer {
    top: -14px;
    z-index: 3;
    width: 20px;
    height: 0;
    cursor: pointer;
    background-color: transparent;
    border-radius: 16px
}

rzslider .rz-pointer.rz-active:after,
rzslider .rz-pointer:hover:after {
    background-color: #fff
}

rzslider .rz-pointer:after {
    position: absolute;
    top: 6px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #777;
    content: ''
}

rzslider .rz-pointer.rz-active {
    z-index: 4
}

rzslider .rz-bubble {
    bottom: 16px;
    padding: 0;
    color: #55637d;
    cursor: default;
    margin-left: -5px
}

rzslider .rz-bubble.rz-selection {
    top: 16px
}

rzslider .rz-bubble.rz-limit {
    color: #55637d
}

rzslider .rz-ticks {
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 0;
    padding: 0 11px;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    -ms-flex-pack: justify;
    justify-content: space-between
}

rzslider .rz-ticks .rz-tick {
    width: 10px;
    height: 10px;
    text-align: center;
    cursor: pointer;
    background: #d8e0f3;
    border-radius: 50%
}

rzslider .rz-ticks .rz-tick.rz-selected {
    background: #0db9f0 !important
}

rzslider .rz-ticks .rz-tick .rz-tick-value {
    position: absolute;
    top: -30px;
    transform: translate(-50%, 0)
}

rzslider.rz-vertical {
    position: relative;
    width: 4px;
    height: 100%;
    padding: 0;
    margin: 0 20px;
    vertical-align: baseline
}

rzslider.rz-vertical .rz-base {
    width: 100%;
    height: 100%;
    padding: 0
}

rzslider.rz-vertical .rz-bar-wrapper {
    top: auto;
    left: 0;
    width: 32px;
    height: 100%;
    padding: 0 0 0 16px;
    margin: 0 0 0 -16px
}

rzslider.rz-vertical .rz-bar {
    bottom: 0;
    left: auto;
    width: 4px;
    height: 100%
}

rzslider.rz-vertical .rz-pointer {
    top: auto;
    bottom: 0;
    left: -14px !important
}

rzslider.rz-vertical .rz-bubble {
    bottom: 0;
    left: 16px !important;
    margin-left: 3px
}

rzslider.rz-vertical .rz-bubble.rz-selection {
    top: auto;
    left: 16px !important
}

rzslider.rz-vertical .rz-ticks {
    top: 0;
    left: -3px;
    z-index: 1;
    width: 0;
    height: 100%;
    padding: 11px 0;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper .diagram-image img,
#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-solo .diagram-image img {
    height: 100%;
    width: 100%
}

rzslider.rz-vertical .rz-ticks .rz-tick {
    vertical-align: middle
}

rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {
    top: auto;
    left: 22px;
    transform: translate(0, -28%)
}

#locatorPopUp .loc-header {
    font-size: 16px;
    color: #585858;
    font-weight: 600
}

#locatorPopUp .back-button span {
    font-weight: 600;
    color: #09C;
    cursor: pointer
}

#locatorPopUp .loc-header-2 {
    color: #acacac;
    font-size: 10px
}

#locatorPopUp .loc-header-2 span {
    font-weight: 700;
    color: #585858
}

#locatorPopUp .ymm-details {
    margin-top: 5px
}

#locatorPopUp .ymm-details span {
    color: #acacac
}

#locatorPopUp .locator .row.title-wrapper {
    padding: 15px
}

#locatorPopUp .locator .row.title-wrapper .popup-close {
    position: relative
}

#locatorPopUp .locator .row.title-wrapper .popup-close a {
    right: 11px;
    position: absolute;
    top: 10px
}

#locatorPopUp .diagram-select {
    padding: 5px 16px 0;
    font-size: 14px
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper {
    margin: 10px 0 0
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper .diagram-image:nth-child(1) {
    margin: 0
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper .diagram-image {
    border: 1px solid #acacac;
    background: #fff;
    padding: 8px;
    margin-left: 5px;
    cursor: pointer
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper .diagram-image.selectedImg {
    border: 1px solid #09C
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-solo .diagram-image {
    border: 1px solid #acacac;
    background: #fff;
    padding: 8px
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-solo .locator-points {
    text-align: center;
    min-height: 70px
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-solo .locator-points .locator-points-container {
    display: inline-block
}

#locatorPopUp .diagram-select .diagram-select-container .filter-button {
    position: relative;
    text-align: right;
    bottom: 37px
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-selection {
    min-height: 60px
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-selection .selection-container {
    padding: 0;
    text-align: center
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-selection .selection-container .diagram-image {
    vertical-align: top;
    display: inline-block;
    border: 1px solid #acacac;
    background: #fff;
    padding: 5px;
    cursor: pointer;
    position: relative;
    z-index: 111;
    margin-left: 5px
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-selection .selection-container .diagram-image:nth-child(1) {
    margin: 0
}

#locatorPopUp .diagram-select .diagram-select-container .diagram-wrapper-selection .selection-container .diagram-image img {
    height: auto;
    width: 60px
}

#locatorPopUp .drive-type {
    padding: 5px 16px 0;
    font-size: 14px
}

#locatorPopUp .drive-type .drive-details-wrapper {
    margin: 70px 0 0
}

#locatorPopUp .drive-type .drive-details-wrapper .drive-details-container .image {
    background: #fff;
    border: 1px solid #acacac;
    height: 185px;
    margin-left: 30px;
    cursor: pointer;
    box-shadow: 0 0 15px 0 #acacac
}

#locatorPopUp .drive-type .drive-details-wrapper .drive-details-container .image:hover {
    transition: all .1s ease-out;
    transform: scale(1.05)
}

#locatorPopUp .drive-type .drive-details-wrapper .drive-details-container .image:nth-child(1) {
    margin-left: 25%
}

#locatorPopUp .drive-type .drive-details-wrapper .drive-details-container .image img {
    width: 105px;
    height: auto;
    margin: 53px 0 30px 33px
}

#locatorPopUp .drive-type .drive-details-wrapper .drive-details-container .image span {
    color: #09C;
    margin-left: 7px
}

#locatorPopUp .round {
    position: relative;
    width: 28px;
    margin: 5px 0 0 5px
}

#locatorPopUp .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
    padding: 3px 1px 4px 0;
    font-size: 12px
}

#locatorPopUp .round input[type=checkbox]:checked+label {
    background-color: #09C;
    border-color: #09C;
    color: #fff
}

#locatorPopUp .round input[type=checkbox]:checked+label:after {
    opacity: 1
}

#locatorPopUp.modal-wrapper-mobile {
    height: 97vh
}

#locatorPopUp.modal-wrapper-mobile .pzv-title-t1 {
    font-size: 23px !important
}

#locatorPopUp.modal-wrapper-mobile .title-wrapper .popup-close a {
    top: -32px !important
}

#locatorPopUp.modal-wrapper-mobile .diagram-select.ismobile .filter-button {
    text-align: right
}

#locatorPopUp.modal-wrapper-mobile .diagram-select.ismobile .diagram-select-container {
    height: 75vh !important;
    overflow: auto
}

@media screen and (orientation:landscape) {
    #locatorPopUp.modal-wrapper-mobile .diagram-select.ismobile .diagram-select-container {
        height: 60vh !important
    }
}

#locatorPopUp.modal-wrapper-mobile .diagram-select.ismobile .diagram-select-container .diagram-wrapper {
    margin: 0 50px 0 37px;
    height: 71vh;
    overflow: auto
}

#locatorPopUp.modal-wrapper-mobile .diagram-select.ismobile .diagram-select-container .diagram-wrapper .diagram-image {
    margin: 20px 0 0
}

#locatorPopUp.modal-wrapper-mobile .diagram-select.ismobile .diagram-select-container .diagram-wrapper-solo .diagram-wrapper-selection .selection-container {
    margin: 0 16px 0 0 !important
}

#locatorPopUp.modal-wrapper-mobile .drive-details-wrapper {
    margin: 21px 0 0
}

#locatorPopUp.modal-wrapper-mobile .drive-details-wrapper .drive-details-container.drive-details-wrapper-mobile p.image {
    width: 59%;
    margin: 20px auto
}

#locatorPopUp.modal-wrapper-mobile .ymm-mobile {
    padding: 0 0 0 15px
}

.locator-search .modal-lg .modal-content {
    min-height: 480px
}

.ymmDir {
    padding: 0 20px 5px
}

.locator-card-wrapper {
    background: #fff;
    padding: 5px 10px 0;
    margin-bottom: 10px
}

.locator-card-wrapper .header-card {
    font-size: 12px;
    color: #585858;
    font-weight: 600;
    margin: 0
}

.locator-card-wrapper .header-card h4 {
    color: #acacac;
    padding: 0;
    font-size: 12px;
    margin: 4px 0 3px
}

.locator-card-wrapper .header-card h4 span {
    font-weight: 700;
    color: #585858;
    font-size: 10px
}

.locator-card-wrapper .header-card h3 {
    color: #acacac;
    padding: 0;
    font-size: 12px;
    margin: 4px 0 3px
}

.locator-card-wrapper .header-card h3 span {
    font-weight: 700;
    color: #585858
}

.locator-card-wrapper .header-card p {
    margin: 0;
    padding: 0;
    text-align: right
}

.locator-card-wrapper .header-card p span {
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    color: #09C
}

.locator-card-wrapper .diagram {
    margin: 10px 0 7px
}

.locator-card-wrapper .diagram img {
    width: 100%;
    height: auto;
    cursor: pointer
}

.locator-card-wrapper .drive-type {
    margin: 5px 0 0
}

.locator-card-wrapper .drive-type span {
    margin: 0 0 0 5px;
    color: #09C;
    opacity: 1;
    font-weight: 300;
    cursor: pointer !important
}

.locator-card-wrapper .drive-type span.inactive {
    font-weight: 700;
    cursor: default;
    opacity: 1
}

.locator-card-wrapper .locator-round-points {
    margin: 0
}

.locator-card-wrapper .locator-round-points .round {
    position: relative;
    width: 28px;
    margin: 0 0 0 5px;
    height: 30px
}

.locator-card-wrapper .locator-round-points .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
    padding: 4px 1px 4px 9px;
    font-size: 12px
}

.locator-card-wrapper .locator-round-points .round input[type=checkbox]:checked+label {
    background-color: #09C;
    border-color: #09C;
    color: #fff
}

.locator-card-wrapper .locator-round-points .round input[type=checkbox]:checked+label:after {
    opacity: 1
}

.locator-card-wrapper.is-mobile {
    padding-top: 0;
    padding-bottom: 5px
}

.locator-card-wrapper.is-mobile .fa-icon {
    color: #09C;
    cursor: pointer;
    font-size: 15px
}

.locator-card-wrapper.is-mobile .header-card {
    border-bottom: 1px solid #e5e6e7;
    padding: 0 0 5px
}

.locator-card-wrapper.is-mobile .header-card .drive-type-mob span {
    margin: 0 0 0 5px;
    color: #09C;
    opacity: 1;
    font-weight: 300;
    cursor: pointer
}

.locator-card-wrapper.is-mobile .header-card .drive-type-mob span.inactive {
    font-weight: 700;
    cursor: default;
    opacity: 1
}

.locator-card-wrapper.is-mobile .header-card p.start-over span {
    padding-right: 5px
}

.locator-card-wrapper.is-mobile .diagram-mob {
    text-align: center;
    margin: 10px 0 7px
}

.locator-card-wrapper.is-mobile .diagram-mob img {
    width: 48%;
    height: auto
}

@media screen and (orientation:landscape) {
    .locator-card-wrapper.is-mobile .diagram-mob {
        min-height: 100px;
        height: 100px
    }

    .locator-card-wrapper.is-mobile .diagram-mob img {
        width: 40%;
        height: 100px
    }
}

.locator-card-wrapper.is-mobile .locator-round-points .locator-round-points-container {
    text-align: center
}

.locator-card-wrapper.is-mobile .locator-round-points .locator-round-points-container .round {
    display: inline-block
}

.locator-card-wrapper.is-mobile .locator-round-points .locator-round-points-container .round label {
    padding: 3px 1px 4px
}

.ymm-directive {
    vertical-align: middle
}

@media only screen and (-webkit-min-device-pixel-ratio:1) and (max-device-width:1023px) and (min-device-width:768px) and (orientation:portrait),
screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1023px) and (min-device-width:768px) and (orientation:portrait),
screen and (max-width:1023px) {
    .ymm-directive {
        padding-bottom: 20px
    }
}

.ymm-directive .scrollable-container-box {
    height: auto;
    overflow: auto;
    margin-bottom: 10px
}

.ymm-directive .scrollable-container-box .ymm-label {
    float: left;
    width: 10%;
    margin: 7px 7px 0 0;
    padding: 3px 0
}

.ymm-directive .scrollable-container-box .ymm-label label {
    color: #666;
    font-size: 14px;
    margin: 0
}

.ymm-directive .scrollable-container-box .ymm-label .label-text {
    position: absolute
}

.ymm-directive .scrollable-container-box .ymm-field {
    float: left;
    width: 87%;
    margin-top: 7px
}

.ymm-directive .scrollable-container-box .ymm-field .btn-group.btn-box {
    margin: 0 3px
}

.ymm-directive .scrollable-container-box .ymm-field .btn-group.btn-box button {
    padding: 0 10px
}

.ymm-directive .scrollable-container-box .ymm-field .btn-group.btn-box button .fa-caret-down,
.ymm-directive .scrollable-container-box .ymm-field-group {
    margin-left: 10px
}

.ymm-directive .scrollable-container-box .locator-hint-popover {
    background: #323232;
    color: #fff;
    font-size: 12px;
    border-radius: 3px
}

.ymm-directive .scrollable-container-box .locator-hint-popover .popover-inner {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

.ymm-directive .scrollable-container-box .locator-hint-popover .arrow:after {
    border-right-color: #323232 !important
}

.ymm-directive .scrollable-container-box .switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 17px;
    margin-bottom: 0;
    top: 5px
}

.ymm-directive .scrollable-container-box .switch input {
    display: none
}

.ymm-directive .scrollable-container-box .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.ymm-directive .scrollable-container-box .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 13px;
    left: 3px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s
}

.ymm-directive .scrollable-container-box input:checked+.slider {
    background-color: #39A200
}

.ymm-directive .scrollable-container-box input:focus+.slider {
    box-shadow: 0 0 1px #39A200
}

.ymm-directive .scrollable-container-box input:checked+.slider:before {
    transform: translateX(16px)
}

.ymm-directive .scrollable-container-box .slider.round {
    border-radius: 12px
}

.ymm-directive .scrollable-container-box .slider.round:before {
    border-radius: 50%
}

.ymm-directive .scrollable-container-box button.btn-go {
    margin-right: 20px;
    margin-left: 10px
}

.ymm-directive .scrollable-container-box .locator-wrapper {
    border-top: 5px solid #e8e8e8;
    margin-top: 10px
}

.ymm-directive .scrollable-container-box .locator-wrapper>* {
    -webkit-transform: translateZ(0)
}

.ymm-directive .scrollable-container-box .locator-wrapper .tab-content {
    padding: 0;
    border-radius: 0
}

.ymm-directive .scrollable-container-box .locator-wrapper .pz-tabset ul.nav {
    background: #fff;
    border-bottom: 1px solid #dbdbdb
}

.ymm-directive .scrollable-container-box .locator-wrapper .pz-tabset ul.nav li.uib-tab {
    width: auto
}

.ymm-directive .scrollable-container-box .locator-wrapper .pz-tabset ul.nav li.uib-tab a.nav-link {
    color: #323232;
    font-weight: 700;
    font-size: 14px;
    border: 0;
    background: #fff;
    height: 30px;
    margin: 0;
    line-height: 1
}

.ymm-directive .scrollable-container-box .locator-wrapper .pz-tabset ul.nav li.uib-tab a.nav-link uib-tab-heading {
    padding: 10px 15px 8px
}

.ymm-directive .scrollable-container-box .locator-wrapper .pz-tabset ul.nav li.uib-tab a.nav-link:hover {
    background: #fff
}

.ymm-directive .scrollable-container-box .locator-wrapper .pz-tabset ul.nav li.uib-tab.active a.nav-link {
    color: #09C;
    border-bottom: 2px solid #09C;
    background-color: #f6f6f6
}

.ymm-directive .scrollable-container-box .locator-wrapper .locator-position-filter {
    background: #fff;
    min-height: 40px;
    border-bottom: 5px solid #e8e8e8
}

.ymm-directive .scrollable-container-box .locator-wrapper .locator-position-filter label {
    margin: 8px 0 0 20px;
    cursor: pointer
}

.ymm-directive .scrollable-container-box .locator-wrapper .locator-position-filter label i {
    font-size: 18px;
    position: relative;
    top: 2px
}

.ymm-directive .scrollable-container-box .locator-wrapper .locator-position-filter label .pzv-text-bt26 {
    font-size: 14px
}

.ymm-directive .scrollable-container-box .locator-wrapper .locator-position-filter label .highlight {
    font-weight: 600
}

.ymm-directive .scrollable-container-box .locator-wrapper .clear-filter {
    color: #09C;
    font-size: 13px;
    font-weight: 600;
    margin: 7px 15px 0 14px;
    cursor: pointer
}

.ymm-directive .scrollable-container-box .multi-item-carousel {
    background: #fff;
    border-radius: 0;
    border-bottom: 5px solid #e8e8e8;
    transition: .1s;
    height: 165px
}

.ymm-directive .scrollable-container-box .multi-item-carousel .no-carousel {
    width: 100% !important;
    display: none
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider {
    padding: 0 60px;
    height: 100%
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item {
    margin: 0 7px;
    text-align: center
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item:nth-child(1) {
    margin-left: 14px
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item:focus,
.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item>a {
    outline: 0
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item.selected-item,
.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item:hover {
    cursor: pointer;
    box-shadow: 0 7px 13px 4px #bdbdbd;
    -webkit-transition: all .1s ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all .1s ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all .1s ease-in;
    -moz-transform: scale(1.05);
    transition: all .1s ease-in;
    transform: scale(1.05);
    z-index: 9999
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item .item-container {
    height: 156px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item .item-container .img-container {
    height: 125px;
    padding: 9px
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item .item-container .img-container img {
    width: auto;
    max-width: 100%;
    height: 100%
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item .item-container p.title {
    text-align: center;
    font-size: 14px;
    margin: 5px 0 0
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item .item-container p.title .id {
    font-weight: 600
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .slick-item .item-container p.desc {
    text-align: left
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider.selected-tab .slick-item.selected-item {
    box-shadow: 0 7px 7px 1px #bdbdbd
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider.selected-tab .slick-item.selected-item .img-cover {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    background: #09c;
    left: 0;
    opacity: .1;
    right: 0
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .multi-carousel-arrow {
    position: relative
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .multi-carousel-arrow.left {
    float: left
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .multi-carousel-arrow.left i {
    position: absolute;
    top: 67px;
    right: 0;
    font-size: 25px;
    color: #fff;
    border: 1px solid #e5e6e7;
    padding: 3px 8px 3px 10px;
    background: #333;
    cursor: pointer
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .multi-carousel-arrow.right {
    float: right
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .multi-carousel-arrow.right i {
    position: absolute;
    bottom: 61px;
    left: 0;
    font-size: 25px;
    color: #fff;
    border: 1px solid #e5e6e7;
    padding: 3px 8px 3px 10px;
    background: #333;
    cursor: pointer
}

.ymm-directive .scrollable-container-box .multi-item-carousel .slick-slider .multi-carousel-arrow.slick-disabled i {
    background: #b2b2b2;
    cursor: default
}

.ymm-directive .scrollable-container-box .multi-item-carousel .multi-carousel-dot {
    list-style: none;
    position: absolute;
    left: 45%;
    margin-top: 5px
}

.ymm-directive .scrollable-container-box .multi-item-carousel .multi-carousel-dot li {
    display: inline-block;
    margin: 0 0 0 7px
}

.ymm-directive .scrollable-container-box .multi-item-carousel .multi-carousel-dot li :focus {
    outline: 0
}

.ymm-directive .scrollable-container-box .multi-item-carousel .multi-carousel-dot li button {
    font-size: 0;
    height: 12px;
    width: 12px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #bbb
}

.ymm-directive .scrollable-container-box .multi-item-carousel .multi-carousel-dot li.slick-active button {
    background: #acacac;
    border: 1px solid #bbb;
    transition-delay: .1s
}

.ymm-directive .scrollable-container-box.is-ymm-mobile #ymmSubmitSelector {
    margin-right: 0
}

.ymm-directive .scrollable-container-box.is-ymm-mobile .w_60 {
    width: 60%
}

.ymm-directive .scrollable-container-box.is-ymm-mobile .w_40 {
    width: 40%
}

.ymm-directive .scrollable-container-box.is-ymm-mobile .makeSelector,
.ymm-directive .scrollable-container-box.is-ymm-mobile .modelSelector,
.ymm-directive .scrollable-container-box.is-ymm-mobile .width_100,
.ymm-directive .scrollable-container-box.is-ymm-mobile .yearSelector,
.ymm-directive .scrollable-container-box.is-ymm-mobile .ymmCategorySelector,
.ymm-directive .scrollable-container-box.is-ymm-mobile .ymmSubcategorySelector,
.ymm-directive .scrollable-container-box.is-ymm-mobile .ymmTypevinSelector {
    width: 100% !important
}

.ymm-directive .scrollable-container-box.is-ymm-mobile .pb_10 {
    padding-bottom: 10px
}

.ymm-directive.flick-odd {
    background-color: #494949;
    transition: background-color .25s;
    transition-timing-function: ease-in-out
}

.ymm-directive.flick-even {
    background-color: #09C;
    transition: background-color .25s;
    transition-timing-function: ease-in-out
}

.ymm-directive #dropdown-hidden-container {
    padding-left: 0
}

.ymm-directive #dropdown-hidden-container label {
    margin-right: 10px
}

.ymm-directive #dropdown-hidden-container .btn .fa-caret-down {
    margin-left: 10px
}

.ymm-directive .btn-apply {
    border: 1px solid #acacac !important;
    border-radius: 3px;
    background-color: #fff !important;
    color: #0093c6 !important
}

.ymm-directive .btn-apply.disabled {
    background-color: #e0e0e0 !important;
    color: #acacac !important
}

.ymm-directive.ymm-serach-directive {
    padding: 0
}

div.atsDDContent,
ul#yearHolder {
    position: absolute;
    z-index: 9999;
    display: none;
    padding: 5px 0;
    font-size: 14px;
    background-clip: padding-box;
    text-align: left;
    list-style: none
}

div.atsDDContent {
    top: 100%;
    left: 0;
    min-width: 160px;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-top: 5px solid #0093c6
}

div.atsDDContent span.arrow_box1 {
    position: absolute;
    top: -33px;
    left: 55px
}

div.atsDDContent span.arrow_box1:before {
    content: " ";
    left: 60px;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #0093c6;
    border-width: 9px;
    margin-left: -10px
}

div.atsDDContent span.arrow_box1:after {
    bottom: 102%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

ul#yearHolder {
    top: 100%;
    left: 0;
    min-width: 688px;
    margin: 2px 0 0
}

ul#yearHolder li.arrow_box {
    position: relative
}

ul#yearHolder li.arrow_box div#yearSelectorTable {
    width: 620px;
    height: 290px;
    margin-left: 20px
}

ul#yearHolder li.arrow_box div#yearSelectorTable ul {
    position: relative;
    display: table-cell;
    list-style: none;
    text-indent: 0;
    margin: 0;
    padding: .1em .15em;
    vertical-align: top;
    zoom: 1
}

ul#yearHolder li.arrow_box div#yearSelectorTable ul li {
    font-size: 12px;
    white-space: nowrap;
    margin: 0 4px 0 0;
    padding: 0 0 5px;
    position: relative;
    color: #b0b0b0;
    font-weight: 600
}

ul#yearHolder li.arrow_box div#yearSelectorTable ul li a {
    margin: 0;
    color: #000;
    text-decoration: none;
    padding: 3px
}

ul#yearHolder li.arrow_box div#yearSelectorTable ul li a:hover {
    text-decoration: none;
    background-color: #444C55;
    color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

ul#yearHolder li.arrow_box div#yearSelectorTable ul li a:visited {
    text-decoration: none;
    background-color: transparent
}

ul#yearHolder li.arrow_box div#yearSelectorTable .asEmpty {
    color: #aaa
}

ul#yearHolder li.arrow_box:after,
ul#yearHolder li.arrow_box:before {
    bottom: 102%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #0093c6;
    border-width: 11px;
    margin-left: 38px
}

ul#yearHolder li.ipad-class:after,
ul#yearHolder li.ipad-class:before {
    margin-left: 154px
}

ul#yearHolder.shift-right li.arrow_box:after,
ul#yearHolder.shift-right li.arrow_box:before {
    margin-left: 172px
}

.make-input {
    padding: 10px 20px 10px 10px
}

ul#makeDropDown,
ul#modelDropDown {
    width: 400px;
    height: 280px;
    overflow-x: scroll;
    position: relative;
    display: inline-block;
    list-style: none;
    text-indent: 0;
    margin: 0;
    padding: .2em .8em;
    vertical-align: top;
    zoom: 1;
    column-width: 80px
}

ul#makeDropDown li,
ul#modelDropDown li {
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    color: #000;
    word-break: break-word;
    margin: 0 2px 0 0;
    padding: 0 0 1px
}

ul#makeDropDown li a,
ul#modelDropDown li a {
    font-size: 12px !important;
    margin: 0;
    padding: 3px !important;
    width: auto;
    display: block;
    color: #000;
    text-overflow: ellipsis;
    white-space: pre-wrap !important;
    float: left
}

ul#makeDropDown li a:visited,
ul#modelDropDown li a:visited {
    text-decoration: none;
    color: #000;
    background-color: transparent
}

ul#makeDropDown li a:hover,
ul#modelDropDown li a:hover {
    text-decoration: none;
    background-color: #444C55;
    color: #FFF;
    padding-left: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

ul#makeDropDown div.makeInput,
ul#modelDropDown div.makeInput {
    display: inline-table !important
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    div.modelClass.home-ymm span.arrow_box1:before {
        margin-left: 100px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .visual-search-container .select-category {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.pzv-visual-search-filter .disabled {
    opacity: .4;
    pointer-events: none
}

.pzv-visual-search-filter .refine-options label {
    font-weight: 400;
    padding-left: 0;
    padding-right: 5px
}

@media only screen and (min-device-width:800px) and (max-device-width:1024px) {
    .pzv-visual-search-filter .refine-options .list {
        margin-left: 10px
    }
}

.pzv-visual-search-filter .refine-options .list .search-text {
    margin-top: 10px;
    position: relative
}

.pzv-visual-search-filter .refine-options .list .search-text .input-search-icon {
    position: absolute;
    top: 6px;
    left: 5px
}

.pzv-visual-search-filter .refine-options .list .search-text .input-search-icon .fa {
    color: #a9a9a9
}

.pzv-visual-search-filter .refine-options .list .form-group {
    margin-bottom: 0
}

.pzv-visual-search-filter .refine-options .list .form-group .checkbox label {
    font-size: 12px
}

.pzv-visual-search-filter .refine-options .list .form-group .checkbox label .subcategory:active {
    color: #09C
}

.pzv-visual-search-filter .refine-options .list .form-group .checkbox .fa-check-square,
.pzv-visual-search-filter .refine-options .list .form-group .checkbox .fa-square-o {
    margin-right: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer
}

.pzv-visual-search-filter .refine-options .list .view-more {
    overflow: hidden
}

.pzv-visual-search-filter .refine-options .list .view-more a {
    cursor: pointer;
    font-size: 10px
}

.pzv-visual-search-filter .refine-options .list input {
    width: 90%;
    padding: 7px 5px 1px 20px;
    border: 1px solid #cacaca;
    line-height: 2.2rem
}

.pzv-visual-search-filter .refine-options .list input,
.pzv-visual-search-filter .refine-options .list input:-ms-input-placeholder {
    font-size: 12px;
    color: #686565
}

.pzv-visual-search-filter .refine-options .list input,
.pzv-visual-search-filter .refine-options .list input::placeholder {
    font-size: 12px;
    color: #686565
}

.pzv-visual-search-filter .refine-options .list .bold {
    font-weight: 600
}

.pzv-visual-search-filter .refine-options .list .icon {
    background-color: #000;
    height: 25px;
    position: absolute
}

.pzv-visual-search-filter .refine-options .list .icon i {
    color: #fff;
    padding: 7px;
    font-weight: 100;
    font-size: 12px
}

.pzv-visual-search-filter .refine-options .scale {
    margin-left: 10px
}

.pzv-visual-search-filter .refine-options .search .filterBox {
    padding: 5px 5px 10px 0
}

.pzv-visual-search-filter .refine-options .search .filterBox input[type=text] {
    width: 90%;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #ddd;
    border-image: none;
    border-width: 0 0 1px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 5px 5px 0
}

.pzv-visual-search-filter .refine-options .search .filterBox .glyphicon-search {
    float: right
}

.pzv-visual-search-filter .refine-options .search .list {
    margin-left: 0;
    display: block
}

span.pzv-text-bt27 {
    font-size: 16px
}

.input-new {
    font-size: 14px;
    font-weight: 700
}

.instructional-video-modal video {
    width: 100%
}

.instructional-video-modal .modal-header {
    border: none;
    padding-bottom: 0
}

.instructional-video-modal .modal-header img {
    width: 16px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .visual-search-container .select-category {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mb-2rem {
        margin-bottom: 2rem !important
    }

    .sm-mb-1 {
        margin: 1rem
    }

    .xs-mb-1 {
        margin-bottom: 1rem
    }
}

.short-couple-selection .short-couple-selection .selector {
    margin: 10px;
    font-size: 30px
}

.visual-search-summary .selected-filters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.visual-search-summary .selected-filters .filter-info {
    padding: 10px;
    word-wrap: break-word;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.visual-search-summary .part-img {
    height: 300px
}

.visual-search-summary .bottom-section {
    display: -ms-flexbox;
    display: flex
}

.visual-search-summary .bottom-section .img-dont-forget-your-grease {
    width: 60%
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .visual-search-summary .flex-method {
        display: -ms-flexbox;
        display: flex
    }

    .visual-search-summary .selected-filters {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .visual-search-summary .xs-mb-1 {
        margin-bottom: 1rem
    }

    .visual-search-summary .bottom-section {
        display: block
    }

    .visual-search-summary .bottom-section .img-dont-forget-your-grease {
        width: 30%
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .short-couple-selection .short-couple-selection .selector {
        font-size: 16px
    }

    .visual-search-summary .xs-mb-1 {
        margin-bottom: 1rem
    }

    .visual-search-summary .selected-filters {
        display: -ms-grid;
        display: grid
    }

    .visual-search-summary .bottom-section {
        display: block
    }
}

.public-profile-container .parent-row>div {
    padding: 0
}

.user-public-profile {
    padding: 20px
}

.user-public-profile .main-container {
    padding-right: 10px
}

.user-public-profile hr {
    margin-top: 10px;
    margin-bottom: 20px
}

.user-public-profile .left-pane {
    float: left;
    padding-right: 0
}

.user-public-profile .right-pane {
    padding: 40px;
    max-width: 1153px;
    float: left
}

@media (max-width:1023px) {

    .user-public-profile .left-pane,
    .user-public-profile .right-pane {
        width: 100%
    }
}

.user-public-profile .right-pane.public-profile-container .section-title {
    padding-bottom: 0;
    text-align: left
}

.user-public-profile .right-pane.public-profile-container p.where-to-by-info {
    height: 13px;
    text-align: left;
    padding: 0;
    margin: 18px 0 48px
}

.user-public-profile .right-pane.public-profile-container .tags_wrapper .tags .tag {
    background: #ece7e7;
    padding: 2px 7px;
    border-radius: 30px;
    font-size: 13px;
    margin: 6px 0 6px 3px;
    display: inline-block
}

.user-public-profile .right-pane.public-profile-container .tags_wrapper .tags .tag:first-child {
    margin-left: 0
}

.user-public-profile .right-pane .form-control-wrapper {
    padding-right: 15px;
    position: relative
}

.user-public-profile .right-pane .form-control-wrapper .text-mandatory {
    margin-top: 10px
}

.user-public-profile .right-pane .form-control-wrapper .border-right {
    position: absolute;
    right: 0;
    height: 100%;
    width: 4px;
    border-right: 1px dotted #dbdbdb
}

@media (min-width:992px) and (max-width:1064px) {
    .user-public-profile .right-pane .form-control-wrapper {
        padding-right: 0
    }
}

@media (max-width:1348px) {
    .user-public-profile .right-pane .form-control-wrapper .border-right {
        display: none
    }

    .user-public-profile .right-pane .form-control-wrapper.col-md-7 {
        width: 100%
    }
}

.user-public-profile .right-pane .form-control-wrapper .form-group {
    margin: 0 0 10px
}

.user-public-profile .right-pane .form-control-wrapper .form-group .form-control {
    max-width: 100%
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number {
    width: 100%;
    position: relative
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number input.mobile-no {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number .input-group-btn {
    position: static
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number .input-group-btn .dropdown-menu {
    width: 100%;
    height: 300px;
    overflow: auto
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number .input-group-btn button {
    min-height: 34px;
    min-width: 56px;
    border-right: 0;
    margin: 0;
    padding: 6px
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number .input-group-btn button img {
    margin-right: 5px;
    width: 25px;
    margin-top: -3px
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number .input-group-btn ul li a {
    padding: 5px 15px
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number .input-group-btn ul li a img {
    width: 20px;
    margin-right: 10px;
    margin-top: -3px
}

.user-public-profile .right-pane .form-control-wrapper .form-group .input-group.lib-phone-number .input-group-btn ul .divider {
    margin: 0;
    padding: 0
}

.user-public-profile .right-pane .form-control-wrapper .form-group .store-desc {
    min-height: 90px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cecece;
    box-shadow: none;
    max-width: 390px;
    resize: none
}

.user-public-profile .right-pane .form-control-wrapper .form-group .store-desc:focus {
    border-color: #0093c6;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.user-public-profile .right-pane .form-control-wrapper .form-group label {
    text-align: right;
    padding: 0;
    line-height: 38px
}

.user-public-profile .right-pane .form-control-wrapper .form-group.invalid-input .val-error {
    display: block
}

.user-public-profile .right-pane .form-control-wrapper .form-group .val-error {
    display: none;
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #ff8a00;
    padding-top: 2px;
    max-width: 100%
}

.user-public-profile .right-pane .form-control-wrapper .form-group input.inp-medium {
    min-width: 394px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours {
    font-weight: 700;
    min-width: 407px
}

@media (max-width:1023px) {
    .user-public-profile .right-pane .form-control-wrapper .form-group #store-hours {
        margin-left: 100px
    }
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .store-days {
    color: #666;
    margin-bottom: 10px
}

@media (max-width:560px) {
    .user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .store-days {
        margin-left: -43px
    }
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .store-days.header {
    color: #a9a9a9
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .store-days.header .col-sm-6 {
    text-align: center
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .store-days .col-sm-6 {
    line-height: 34px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .store-days .col-sm-6.day-name {
    padding-left: 5px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .store-days .col-sm-6 .col-separator {
    width: 20%;
    border: 1px solid #999;
    margin: 35% auto auto
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .toggle-weekdays-wrap {
    font-size: 11px;
    font-weight: 700
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .toggle-weekdays-wrap .row-medium {
    padding: 0 1px;
    width: 232px;
    float: left
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .toggle-weekdays-wrap .row-medium hr {
    margin-top: 8px;
    max-width: 230px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .toggle-weekdays-wrap .toggle-weekdays {
    float: left;
    width: 220px;
    height: 16px;
    line-height: 16px;
    text-align: right;
    padding: 0 10px 0 0;
    cursor: pointer;
    margin: 0 0 0 -100px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .toggle-weekdays-wrap .toggle-weekdays .fa-angle-down,
.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .expandable-view .toggle-weekdays-wrap .toggle-weekdays .fa-angle-up {
    margin: 0 2px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days.header div {
    height: 12px;
    line-height: 12px;
    text-align: left;
    padding-left: 13px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days.header div.days {
    width: 108px;
    text-align: right;
    padding-right: 5px;
    margin-right: 7px;
    margin-bottom: 10px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .day-name {
    padding: 0;
    width: 262px;
    line-height: 36px;
    height: 36px;
    margin-right: 7px;
    text-align: right;
    text-transform: capitalize;
    margin-left: -154px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap {
    width: 108px;
    padding: 0
}

@media (max-width:560px) {
    .user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap {
        width: 89px
    }
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap .bootstrap-timepicker {
    width: 108px;
    height: 34px;
    padding-top: 7px
}

@media (max-width:560px) {
    .user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap .bootstrap-timepicker {
        width: 88px
    }
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap .bootstrap-timepicker input {
    width: 80px;
    text-align: left;
    border-radius: 3px 0 0 3px;
    font-size: 12px
}

@media (max-width:560px) {
    .user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap .bootstrap-timepicker input {
        width: 62px;
        padding: 5px
    }
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap .bootstrap-timepicker input:disabled {
    border-color: #acacac
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap .bootstrap-timepicker input:disabled+.input-group-addon {
    border-left: 0;
    background-color: #dbdbdb;
    border-color: #acacac
}

.left-menu.nav li a,
.left-menu.nav li a:focus,
.left-menu.nav li a:hover {
    background-color: transparent
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .time-picker-wrap .bootstrap-timepicker .input-group-addon {
    height: 24px;
    font-size: 11px;
    padding: 5px 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .col-sep-wrap {
    padding: 0;
    width: 16px;
    position: relative
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .col-sep-wrap div {
    width: 7px;
    height: 1px;
    position: absolute;
    top: 17.5px;
    left: 4px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .checkbox-elem {
    width: 14%;
    padding-left: 22px;
    line-height: 36px
}

.user-public-profile .right-pane .form-control-wrapper .form-group #store-hours .store-days .checkbox-elem .fa {
    font-size: 16px;
    padding-top: 11px
}

.user-public-profile .right-pane .form-control-wrapper .save-changes {
    border-radius: 3px;
    margin-top: 10px;
    max-width: 390px
}

.user-public-profile .right-pane .file-upload-wrapper {
    padding-left: 25px
}

.user-public-profile .right-pane .file-upload-wrapper.col-md-5 .img-uploader {
    width: 425px;
    max-width: 100%
}

@media (max-width:1348px) {
    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 {
        width: 100%
    }

    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .col-xs-3 {
        display: block !important
    }

    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .col-xs-9 {
        width: 75% !important;
        padding-left: 0
    }

    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .col-xs-9 .img-uploader {
        max-width: 392px
    }
}

@media (max-width:767px) {
    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .col-xs-3 {
        display: none !important
    }
}

@media (max-width:560px) {
    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .col-xs-3 {
        width: 22% !important
    }
}

.user-public-profile .right-pane .file-upload-wrapper.col-md-5 .thumbnail-container {
    padding: 0 11px
}

.user-public-profile .right-pane .file-upload-wrapper.col-md-5 .thumbnail-container .col-md-3 {
    width: 82px;
    margin: 0;
    padding: 0;
    float: left
}

@media (max-width:1455px) {
    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .thumbnail-container .col-md-3 {
        width: 76px
    }
}

.user-public-profile .right-pane .file-upload-wrapper.col-md-5 .thumbnail-container .col-md-3 .thumbnail {
    width: 63px;
    height: 63px;
    margin: 5px auto
}

.user-public-profile .right-pane .file-upload-wrapper.col-md-5 .thumbnail-container .col-md-3 .thumbnail img {
    width: 100%;
    height: 100%
}

.user-public-profile .right-pane .file-upload-wrapper.col-md-5 .thumbnail-container .col-md-3 .thumbnail .warning .fa-warning {
    top: 11px;
    right: 23px;
    font-size: 12px
}

.user-public-profile .right-pane .file-upload-wrapper.col-md-5 .thumbnail-container .col-md-3 .thumbnail .warning span {
    top: 27px
}

.user-public-profile .right-pane .pub-profile-btn .col-xs-9 {
    padding: 0 6.5px;
    max-width: 425px
}

.user-public-profile .right-pane .pub-profile-btn .col-xs-9 .save-changes {
    border-radius: 3px;
    max-width: 394px
}

@media (max-width:770px) {
    .user-public-profile .right-pane .file-upload-wrapper .col-xs-3 {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1024px) {

    .user-public-profile .col-md-7,
    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 {
        width: 100%
    }

    .user-public-profile .right-pane .form-control-wrapper {
        border-right: none
    }

    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .col-xs-3 {
        display: block !important
    }

    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .col-xs-9 {
        width: 75% !important
    }

    .user-public-profile .right-pane .file-upload-wrapper.col-md-5 .col-xs-9 .img-uploader {
        width: 394px !important
    }

    .user-public-profile .pub-profile-btn .col-xs-9 {
        float: left !important;
        max-width: 425px
    }
}

.left-menu.nav li a {
    color: #000;
    font-size: 14px;
    padding: 10px 25px 10px 0
}

.left-menu.nav li a .fa-chevron-right {
    display: inline-block;
    color: #323232;
    font-size: 12px;
    float: right;
    margin-top: 3px
}

.left-menu.nav li a.active {
    font-weight: 700;
    padding-right: 15px
}

.page-title {
    display: block;
    padding: 0 10px
}

.page-title div {
    margin-top: 0;
    line-height: 22px;
    margin-bottom: 27px;
    float: left
}

.public-profile-container .notification-settings .notification-settings-container {
    padding: 25px
}

.public-profile-container .notification-settings .notification-settings-container h1 {
    margin: 0;
    padding: 0
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar {
    width: 100%;
    padding: 10px;
    margin-top: 15px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar h3 {
    margin: 0;
    padding: 2px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right>p {
    margin: 3px 15px 0 0;
    padding: 0;
    float: left
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right .switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    margin-bottom: 0
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right .switch input {
    display: none
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right input:checked+.slider {
    background-color: #39A200
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right input:focus+.slider {
    box-shadow: 0 0 1px #39A200
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right input:checked+.slider:before {
    transform: translateX(13px)
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right .slider.round {
    border-radius: 17px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-bar .pull-right .slider.round:before {
    border-radius: 50%
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-info p {
    padding: 10px 0 0 15px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-info p i {
    margin-right: 5px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients {
    margin-top: 5px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients h4 {
    margin: 10px 0 0 15px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients i {
    margin: 10px 10px 0 0;
    float: left
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients span.dropdown {
    margin: 0 10px 0 0;
    width: 400px;
    float: left
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients span.dropdown input {
    border-radius: 3px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients span.dropdown ul.dropdown-menu {
    min-width: 400px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients button {
    float: left;
    padding: 6px 12px;
    min-height: 34px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients .remove-btn {
    float: right;
    color: #0093c6;
    font-weight: 700;
    margin: 8px 7px 0 0;
    text-decoration: none
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients .remove-btn i {
    margin: 3px 4px 0 0;
    color: #0093c6
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table {
    margin-top: 15px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table thead tr th {
    vertical-align: top
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td {
    vertical-align: middle
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td.td-center {
    text-align: center
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td.td-center label.checkbox-label {
    float: none
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td.td-order-type {
    padding: 0
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td.td-order-type .btn-group {
    width: 100%;
    height: 100%
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td.td-order-type .btn-group .btn {
    padding: 6px 12px;
    min-height: 34px;
    text-align: left;
    width: 91%;
    margin: 8px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td.td-order-type .btn-group .btn i {
    position: absolute;
    right: 6px;
    top: 7px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td.td-order-type .btn-group.open>.dropdown-menu {
    display: block;
    width: 100%
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td p.no-data-avbl {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 50px 0
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td i {
    margin-right: 5px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td label.checkbox-label {
    margin: 3px 4px 0 0;
    padding: 0;
    float: left
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td label.checkbox-label i {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #0093c6
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td label.checkbox-label[disabled] i {
    color: #acacac;
    cursor: default
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .notification-settings-exclamation {
    top: 2px;
    position: relative
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .notification-settings-exclamation i {
    color: #ff9d02;
    margin-right: 0
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .notification-settings-exclamation i:hover {
    cursor: pointer
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .notification-settings-tooltip {
    padding: 5px;
    text-align: left;
    position: relative
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .notification-settings-tooltip a {
    position: absolute;
    right: 0;
    top: 5px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .notification-settings-tooltip a img {
    height: 12px;
    width: 12px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .notification-settings-tooltip span {
    text-align: left;
    display: inline-block;
    padding: 4px 15px 4px 0
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .btn-group {
    width: 100%
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .btn-group .btn {
    background: 0 0;
    box-shadow: none;
    padding: 0
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .btn-group ul li label {
    color: #838383;
    font-size: 13px;
    padding: 7px 15px;
    margin: 0;
    width: 100%;
    cursor: pointer
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .btn-group ul li label i {
    font-size: 15px;
    margin-top: 2px;
    float: right;
    color: #0093c6
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .btn-group ul li label[disabled] i {
    color: #acacac;
    cursor: default
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .btn-group ul li label:hover {
    background: #f4f4f4
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td .btn-group ul .divider {
    margin: 0
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td:nth-child(1) .tooltip {
    opacity: 1
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .table tbody tr td:nth-child(1) .tooltip .tooltip-inner {
    min-width: 350px
}

.public-profile-container .notification-settings .notification-settings-container .notification-settings-table .disclaimer-panel {
    padding-left: 20px;
    font-size: 11px;
    font-weight: 600
}

.public-profile-container .notification-settings .notification-settings-shipdate-container {
    padding: 15px 40px 40px
}

.public-profile-container .notification-settings .heading-ship-date .ship-date-title {
    font-size: 25px;
    font-weight: 600
}

.public-profile-container .notification-settings .recip-msg {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
    padding-left: unset !important
}

.public-profile-container .notification-settings .enable-disable {
    background-color: #f5f4f4;
    box-shadow: unset !important
}

.public-profile-container .notification-settings .Ship-date-notification {
    padding: 12px;
    border: 1px solid #f3eded;
    box-shadow: 2px 2px 8px 2px #f5f0f0
}

.public-profile-container .notification-settings .Ship-date-notification .user-name {
    font-size: 17px
}

.public-profile-container .notification-settings .Ship-date-notification .notify-error-msg {
    font-size: 12px;
    color: #ff9d02;
    margin-top: 28px;
    font-weight: 500
}

.public-profile-container .notification-settings .Ship-date-notification .check-box-error {
    border: 1px solid #ff9d02
}

.public-profile-container .notification-settings .daily-weekly-radio-btn {
    margin-left: -20px;
    margin-top: 2px
}

.public-profile-container .notification-settings .weekly-division {
    margin-left: -40px
}

.public-profile-container .notification-settings .enable-disable-div {
    text-align: right;
    margin-top: 5px
}

.public-profile-container .notification-settings .switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px
}

.public-profile-container .notification-settings .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.public-profile-container .notification-settings .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.public-profile-container .notification-settings .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

.public-profile-container .notification-settings input:checked+.slider {
    background-color: #39A200
}

.public-profile-container .notification-settings input:focus+.slider {
    box-shadow: 0 0 1px #39A200
}

.public-profile-container .notification-settings input:checked+.slider:before {
    transform: translateX(15px)
}

.public-profile-container .notification-settings .slider.round {
    border-radius: 34px
}

.public-profile-container .notification-settings .slider.round:before {
    border-radius: 70%
}

.public-profile-container .notification-settings .content {
    display: block;
    position: relative;
    padding-left: 33px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    margin-top: -5px
}

.public-profile-container .notification-settings .content input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.public-profile-container .notification-settings .checkmark {
    position: absolute;
    top: 1;
    left: 5px;
    height: 17px;
    width: 17px;
    border-radius: 4px;
    border: 1px solid #dad3d3;
    background: #fff
}

.public-profile-container .notification-settings .content input:checked~.checkmark {
    background-color: #2196F3
}

.public-profile-container .notification-settings .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.public-profile-container .notification-settings .content input:checked~.checkmark:after {
    display: block
}

.public-profile-container .notification-settings .content .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.public-profile-container .notification-settings .ship-date-save-btn {
    margin-top: 40px
}

.public-profile-container .notification-settings .ship-date-save-btn .btn-save-ship {
    padding: 6px 42px 6px 40px;
    font-weight: 700;
    background: #4C9ACC
}

.public-profile-container .notification-settings .order-type-checkbox {
    margin-left: 10px;
    margin-top: -4px
}

.public-profile-container .content input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.public-profile-container .check-mark {
    position: absolute;
    top: 1;
    left: -18px;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    border: 1px solid #dad3d3;
    background: #fff;
    margin-top: 10px
}

.public-profile-container .content input:checked~.check-mark {
    background-color: #2196F3
}

.public-profile-container .check-mark:after {
    content: "";
    position: absolute;
    display: none
}

.public-profile-container .content input:checked~.check-mark:after {
    display: block
}

.public-profile-container .content .check-mark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.public-profile-container .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -ms-user-select: none;
    user-select: none
}

.public-profile-container .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.public-profile-container .check-mark-btn {
    position: absolute;
    top: 5px;
    left: -22px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc7c7
}

.public-profile-container .container:hover input~.check-mark-btn {
    background-color: #ccc
}

.public-profile-container .check-mark-check {
    background: grey
}

.public-profile-container .container input:checked~.check-mark-btn {
    background-color: #2196F3
}

.public-profile-container .check-mark-btn:after {
    content: "";
    position: absolute;
    display: none
}

.public-profile-container .container input:checked~.check-mark-btn:after {
    display: block
}

.public-profile-container .container .check-mark-btn:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

input[disabled]~.check-mark,
input[disabled]~.check-mark-btn {
    background-color: #ccc !important
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients span.dropdown {
        margin: 0;
        width: 396px
    }

    .public-profile-container .notification-settings .notification-settings-container .notification-settings-recipients span.dropdown .form-control {
        width: 97%
    }
}

@media only screen and (max-width:600px) {
    .notify-div-mobile {
        text-align: right
    }

    .public-profile-container .check-mark-btn {
        position: absolute;
        left: 38px
    }

    .public-profile-container .notification-settings .daily-weekly-radio-btn {
        margin-left: 0
    }

    .public-profile-container .notification-settings .weekly-division {
        margin-left: 0;
        margin-top: 5px
    }

    .public-profile-container .notification-settings .order-type-checkbox {
        margin-left: 20px;
        margin-top: -4px
    }

    .public-profile-container .notification-settings .enable-disable-div {
        margin-left: 50px
    }

    .public-profile-container .order-toggle-mobile {
        margin-top: 15px
    }
}

.pzv-add-customer-directive .remove-status-link {
    margin-top: 8px
}

.pzv-add-customer-directive .add-cstmr-label {
    padding-top: 0
}

.pzv-add-customer-directive .typeahead-demo .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9
}

.pzv-add-customer-directive .typeahead-demo .custom-popup-wrapper>.message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686
}

.pzv-add-customer-directive .typeahead-demo .custom-popup-wrapper>.dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 132px;
    width: 352px;
    overflow-y: auto;
    margin: 0
}

.pzv-add-customer-directive .dropdown-menu {
    width: 100%;
    max-height: 138px;
    overflow-y: auto
}

.pzv-add-customer-directive .pav-spinner {
    position: absolute;
    top: 100%;
    left: 128px;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, .5);
    border-radius: 3px;
    width: 352px;
    text-align: center;
    height: 80px;
    padding-top: 8px
}

.pzv-add-customer-directive .uib-typeahead-match a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-profile .parent-row {
    padding-top: 0;
    padding-bottom: 30px
}

.user-profile .parent-row>div {
    padding: 0
}

.user-profile .parent-row .bg-white {
    background: #fff;
    border-radius: 4px;
    padding: 30px 0
}

.user-profile .parent-row .profile-content {
    padding: 20px
}

.user-profile .parent-row .profile-content>h1 {
    margin-top: 0;
    line-height: 22px;
    margin-bottom: 27px
}

.user-profile .parent-row .profile-content>h1 .alert-success {
    display: inline-block;
    border-color: #3FB300;
    color: #3FB300;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    margin-left: 70px;
    padding: 10px
}

.user-profile .parent-row .profile-content>h1 .er-msg {
    border-color: #ff8a00;
    color: #ff8a00;
    background-color: #fff
}

.user-profile .parent-row .profile-content select {
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px
}

.user-profile .parent-row .profile-content select::-ms-expand {
    display: none
}

.user-profile .parent-row .profile-content select+.fa-caret-down {
    position: absolute;
    right: 20px;
    top: 11px;
    font-size: 16px;
    pointer-events: none
}

.user-profile .parent-row .profile-content select[disabled]+.fa-caret-down {
    display: none
}

.user-profile .parent-row .profile-content .profile-vertical-tab {
    display: block;
    box-sizing: border-box;
    overflow: hidden
}

.user-profile .parent-row .profile-content .profile-vertical-tab ul.nav {
    width: 18%;
    float: left;
    margin-top: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab ul.nav>li.active>a .fa,
.user-profile .parent-row .profile-content .profile-vertical-tab ul.nav>li.active>a:focus .fa,
.user-profile .parent-row .profile-content .profile-vertical-tab ul.nav>li.active>a:hover .fa {
    display: inline-block;
    font-size: 12px;
    top: 5px;
    position: relative
}

.user-profile .parent-row .profile-content .profile-vertical-tab ul.nav>li>a .fa {
    display: none
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content {
    width: 82%;
    float: left;
    padding: 40px;
    border-radius: 3px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .tab-title {
    margin-top: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .text-muted {
    text-align: right;
    display: block;
    font-size: 12px;
    font-weight: 600
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .text-mandatory {
    text-align: left;
    display: block;
    margin-top: 15px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content hr {
    margin-top: 10px;
    margin-bottom: 20px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content label {
    padding-right: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .form-horizontal label {
    padding-right: 8px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .form-horizontal label.line-2 {
    padding-top: 4px;
    line-height: 14px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content input.input-logo {
    border-radius: 0 3px 3px 0 !important
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .col-optional {
    padding-left: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .txt-optional {
    display: inline-block;
    padding-top: 8px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .help-block {
    text-align: right;
    margin-bottom: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .tab-pane {
    min-height: 200px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .btn {
    margin-top: 10px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group.last {
    margin-bottom: 10px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .col-label {
    padding-left: 0;
    max-width: 104px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .col-sm-offset-3 {
    margin-left: 118px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number {
    width: 100%
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number.error input.mobile-no {
    outline: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number.error input.mobile-no:focus {
    box-shadow: none
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number .input-group-btn {
    position: static
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number .input-group-btn button {
    min-height: 34px;
    min-width: 56px;
    border-right: 0;
    box-shadow: none !important;
    outline: 0;
    margin: 0;
    color: #333;
    background-color: #fff;
    border-color: #ededde;
    border-radius: 3px 0 0 3px !important;
    padding: 6px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number .input-group-btn button .flag {
    margin-right: 5px;
    width: 25px;
    margin-top: -3px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number .input-group-btn ul {
    width: 100%;
    height: 300px;
    overflow: auto
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number .input-group-btn ul li a {
    padding: 5px 15px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number .input-group-btn ul li a .flag {
    width: 20px;
    margin-right: 10px;
    margin-top: -3px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number .input-group-btn ul .divider {
    margin: 0;
    padding: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group .input-group.lib-phone-number input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group.last-group {
    margin-bottom: 0;
    margin-top: 30px;
    padding-right: 30px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group.last-group .btn-wrapper {
    float: left;
    width: 100%
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group.last-group .btn-wrapper .btn-block {
    width: auto;
    float: right;
    padding: 6px 15px;
    max-width: 100%
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .my-profile-content .form-group.last-group .text-mandatory {
    float: left;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .check-avail {
    top: 3px;
    position: relative;
    font-size: 11px;
    font-weight: 600;
    color: #404040;
    text-decoration: none !important
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .check-avail .fa-exclamation-triangle {
    font-size: 16px;
    top: 7px;
    left: 0;
    margin-right: 2px;
    position: absolute
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .check-avail .fa-check {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 2px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .availbl {
    top: -1px;
    padding-left: 25px;
    display: inline-block;
    line-height: 15px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content {
    width: 400px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .change-pswrd-form {
    display: block
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .change-pswrd-form hr {
    margin-top: 20px;
    margin-bottom: 20px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .form-group.last {
    margin-bottom: 20px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .suggestions-icon+.tooltip {
    width: 300px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .suggestions-icon {
    display: inline-block;
    color: #7f7f7f;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    top: 27px;
    left: -10px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .suggestions-icon .suggestion-container {
    display: none;
    position: absolute;
    top: -53px;
    right: -91px;
    z-index: 1000;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    width: 340px;
    color: #161616;
    border: 1px solid #a2a2a2;
    padding: 8px 10px;
    background-color: #FFC000;
    border-radius: 4px
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .suggestions-icon .suggestion-container p {
    margin: 0
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .suggestions-icon .suggestion-container::before {
    width: 0;
    height: 0;
    content: "";
    top: 44px;
    right: 89px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFC000;
    z-index: 200
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .suggestions-icon .suggestion-container::after {
    width: 0;
    height: 0;
    content: "";
    top: 46px;
    right: 89px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #a2a2a2
}

.user-profile .parent-row .profile-content .profile-vertical-tab .tab-content .change-pswrd-content .suggestions-icon:hover .suggestion-container {
    display: inline-block
}

.user-profile .customer-account-heading {
    margin-top: 20px;
    font-weight: 600;
    color: #000
}

.user-profile .add-customer-acc .add-customer-link-panel {
    margin-bottom: 10px
}

.user-profile .add-customer-acc .status-link {
    padding-left: 0
}

.user-profile .add-customer-acc .active-status {
    color: #45C500
}

.user-profile .add-customer-acc .pending-status {
    color: #ffc000
}

.user-profile .add-customer-acc .rejected-status {
    color: red
}

.user-profile .add-customer-acc .email-verification-pending {
    color: #ffc000
}

.user-profile .add-customer-acc .add-cstmr-label {
    padding-top: 0 !important
}

.user-profile .add-customer-acc .add-cstmr-row {
    padding-bottom: 10px !important
}

.user-reports .parent-row {
    padding-top: 0;
    padding-bottom: 30px
}

.user-reports .parent-row>div {
    padding: 0
}

.user-reports .parent-row .breadcrumb {
    box-shadow: rgba(0, 0, 0, .2) 0 0 7px;
    margin-bottom: 0;
    padding: 8px 20px;
    border-radius: 0
}

.user-reports .parent-row .breadcrumb li+li:before {
    padding: 0 5px;
    content: "> ";
    font-size: 10px
}

.user-reports .parent-row .reports-content {
    padding: 20px
}

.user-reports .parent-row .reports-content>h1 {
    margin-top: 0;
    line-height: 22px;
    margin-bottom: 27px
}

.user-reports .parent-row .reports-content .nav-tabs {
    border-bottom: transparent
}

.user-reports .parent-row .reports-content .nav-tabs>li {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #fbfbfb;
    margin-right: 8px
}

.user-reports .parent-row .reports-content .nav-tabs>li .nav-link {
    padding: 0;
    margin-right: 0 !important
}

.user-reports .parent-row .reports-content .nav-tabs>li .nav-link uib-tab-heading {
    padding: 10px 15px;
    display: block;
    border-bottom: transparent
}

.user-reports .parent-row .reports-content .nav-tabs>li .nav-link:hover {
    border-color: transparent;
    cursor: pointer
}

.user-reports .parent-row .reports-content .tab-content {
    border-top: 0;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.user-reports .parent-row .reports-content .tab-content .tab-pane {
    margin-top: 1px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.user-reports .parent-row .reports-content .tab-content .tab-pane table.reports-table {
    margin-bottom: 10px
}

.user-reports .parent-row .reports-content .tab-content .tab-pane table.reports-table tbody tr.no-data td {
    text-align: center;
    padding: 80px 0;
    color: #323232;
    font-size: 20px;
    font-weight: 400
}

.user-reports .parent-row .reports-content .tab-content .search-container {
    padding: 30px
}

.user-reports .parent-row .reports-content .tab-content .search-container .input-group {
    max-width: 550px
}

.user-reports .parent-row .reports-content .tab-content .search-container .input-group input {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    padding-right: 25px
}

.user-reports .parent-row .reports-content .tab-content .search-container .input-group input:focus {
    padding-right: 15px
}

.user-reports .parent-row .reports-content .tab-content .search-container .input-group .cross-icon {
    right: 12px;
    position: absolute
}

.user-reports .parent-row .reports-content .tab-content .search-container .input-group .fa-search {
    font-size: 14px;
    right: 11px;
    top: 9px;
    position: absolute;
    z-index: 2
}

.user-reports .parent-row .reports-content .tab-content .download-report {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.user-reports .parent-row .reports-content .tab-content .download-report .fa-file-excel-o {
    font-size: 14px;
    margin: 0 10px 0 0
}

.user-reports .parent-row .reports-content .tab-content .table-responsive {
    margin: 0 auto;
    overflow-x: auto;
    width: calc(100% - 60px)
}

.user-reports .parent-row .reports-content .tab-content .tbl-footer {
    text-align: center;
    padding: 10px
}

.user-reports .parent-row .reports-content .tab-content .tbl-footer .items-dropdown {
    display: inline-block;
    width: 167px;
    position: relative;
    top: -10px
}

.user-reports .parent-row .reports-content .tab-content .tbl-footer .items-dropdown label {
    margin-right: 10px
}

.user-reports .parent-row .reports-content .tab-content .tbl-footer .items-dropdown select {
    display: inline-block;
    width: 40%;
    cursor: pointer
}

.user-reports .parent-row .reports-content .tab-content .tbl-footer .items-dropdown i {
    position: absolute;
    top: 11px;
    right: 30px
}

.user-reports .parent-row .reports-content .tab-content .tbl-footer .tbl-info {
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 700
}

.user-reports .parent-row .reports-content .tab-content .tbl-footer .pagination {
    margin: 0
}

pzv-manage-parts-compare {
    display: block
}

pzv-manage-parts-compare .validate-parts-container .content-wrapper {
    height: 484px;
    display: block
}

pzv-manage-parts-compare .validate-parts-container .content-wrapper.error-content-wrapper {
    height: 452px
}

pzv-manage-parts-compare .validate-parts-container .content-title {
    margin-top: 0
}

pzv-manage-parts-compare .validate-parts-container .validate-button-container {
    display: inline-block;
    position: relative
}

pzv-manage-parts-compare .validate-parts-container .validate-button-container .conflict-error {
    padding: 7px 16px;
    color: #fff;
    font-weight: 600;
    background: #323232;
    position: absolute;
    right: 0;
    width: auto;
    border-radius: 3px;
    bottom: 10px;
    text-align: left;
    margin-bottom: 20px
}

pzv-manage-parts-compare .validate-parts-container .validate-button-container .conflict-error.no-item-to-add {
    width: 280px
}

pzv-manage-parts-compare .validate-parts-container .validate-button-container .conflict-error.correct-qty-error {
    width: 310px
}

pzv-manage-parts-compare .validate-parts-container .validate-button-container .conflict-error i {
    color: #ff9d02;
    font-size: 16px;
    margin-right: 3px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table {
    padding: 10px 0;
    height: 100%
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table.error-parts-table {
    height: calc(100% - 29px)
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed {
    width: 938px;
    table-layout: fixed;
    margin: 0 auto;
    border-collapse: collapse
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th {
    padding: 10px;
    border-top: 0;
    box-sizing: border-box;
    vertical-align: top
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-1,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-1,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-1 {
    width: 80px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-2,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-2,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-2 {
    width: 408px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-3,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-4,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-3,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-4,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-3,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-4 {
    width: 175px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-5,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-5,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-5 {
    width: 100px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead {
    display: table;
    width: 939px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr {
    text-align: left;
    display: table-row
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr .th-select .select-checkbox,
pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr .th-select .select-checkbox {
    text-align: center;
    margin-left: 1px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot td.single-entry {
    padding: 15px 8px;
    border-top: 1px solid #f6f6f6
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot td.single-entry input {
    width: 200px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot td.single-entry p {
    margin-bottom: 0
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody {
    max-height: 325px;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    width: 100%;
    background: #fff
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-tooltip {
    position: relative
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner {
    overflow: hidden;
    width: 100%
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner .part-num.eidted-part-num {
    position: relative;
    padding-left: 30px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner .part-num.eidted-part-num .fa-check {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 18px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-qty .td-inner1 {
    width: 80px;
    display: inline-block;
    margin-right: 5px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-qty .td-inner2 {
    display: inline-block
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner1 {
    width: 50%;
    float: left
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner2 {
    width: 50%;
    float: left;
    padding: 0 7px 7px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner2 span.rm-warning {
    position: relative;
    top: 8px;
    margin-left: 20px
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .help-block {
    float: left;
    width: 100%
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .part-no-label {
    line-height: 1.43
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .update-data {
    padding: 2px 4px 3px;
    background: #323232;
    border-radius: 3px;
    margin-left: 5px;
    height: 20px;
    font-size: 11px;
    font-weight: 600;
    color: #fff
}

pzv-manage-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .update-data .bold {
    font-weight: 700;
    font-size: 16px
}

pzv-manage-parts-compare .success-message-container {
    display: block
}

pzv-manage-parts-compare .success-message-container>div {
    text-align: center;
    width: 100%;
    height: 400px;
    background: #fff;
    display: table
}

pzv-manage-parts-compare .success-message-container>div .sm-content {
    vertical-align: middle;
    display: table-cell
}

pzv-manage-parts-compare .success-message-container>div .mb-50 {
    margin-bottom: 50px
}

pzv-manage-parts-compare .loader-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    opacity: .6
}

pzv-manage-parts-compare .loader-cover .loader-inner {
    display: table;
    height: 100%;
    width: 100%
}

pzv-manage-parts-compare .loader-cover .loader-inner .img-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.my-modal-popup.update-compare-parts-modal {
    top: 0 !important
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg {
    margin-top: 10px;
    width: 1000px;
    -webkit-backface-visibility: hidden
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal {
    min-height: 400px;
    margin: 0;
    padding: 20px;
    border-radius: 3px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .footer-btn-wrapper,
.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .title-wrapper {
    width: 1000px;
    margin: 25px auto
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .footer-btn-wrapper h1,
.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .title-wrapper h1 {
    margin: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .btn-min-width {
    min-width: 120px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .close-overlay {
    position: absolute;
    right: 20px;
    top: 20px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .close-overlay img {
    width: 20px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .info-txt {
    margin: 0;
    padding-top: 5px;
    display: inline-block;
    padding-left: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .info-txt .fa-info-circle {
    margin-right: 5px;
    font-size: 12px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .fixed-min-height {
    height: 430px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .remove-link {
    outline: 0;
    text-decoration: none !important;
    margin-right: 10px;
    position: relative;
    top: 2px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .botton-action-row {
    margin-top: 20px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .err-txt {
    line-height: 15px;
    display: inline-block;
    margin-top: 2px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .fa-check-square,
.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .fa-square-o {
    padding-right: 5px;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: 6px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .lmt-excded,
.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .rtb-failed {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 10px;
    font-weight: 700;
    color: #727272
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .lmt-excded i,
.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .rtb-failed i {
    font-size: 14px;
    color: #ff9d02;
    display: table-cell;
    vertical-align: middle
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .lmt-excded span,
.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .rtb-failed span {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding-left: 4px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .err-msg-blk {
    margin-top: 10px;
    margin-left: 1px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .lmt-excded {
    padding-left: 37px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .lmt-excded i {
    margin-right: 5px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .lmt-excded.lmt-excded-cp {
    padding-left: 0;
    margin-top: 10px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part.stage-wrapper {
    height: 400px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part ul.import-options {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
    display: block
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part ul.import-options>li {
    display: inline-block;
    margin-right: 40px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part ul.import-options>li>label {
    position: relative;
    top: -2px;
    margin-left: 3px;
    font-size: 16px;
    font-weight: 600
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .panel-wrapper {
    width: 100%;
    overflow: hidden
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .panel-wrapper .content-title {
    text-align: center;
    margin-top: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .panel-wrapper .left-panel {
    box-sizing: border-box;
    width: 50%;
    float: left;
    position: relative
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .panel-wrapper .left-panel .or {
    position: absolute;
    right: -9px;
    top: 201px;
    background-color: #f8f8f8
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .panel-wrapper .right-panel {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 30px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .panel-wrapper .right-panel .content-title {
    margin-bottom: 36px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container {
    border-right: 1px dashed #dbdbdb;
    padding-right: 30px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea:after,
.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea:before {
    content: '';
    display: block;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 4px;
    right: 18px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea:before {
    top: 1px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea:after {
    bottom: 1px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea {
    position: relative
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    pointer-events: none;
    padding: 20px;
    color: #dbdbdb;
    z-index: 99999999
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr>.exmpl-lbl {
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 600
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr>.exmpl {
    margin-bottom: 30px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr>.exmpl>h3 {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 700
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr>.exmpl>p {
    font-size: 14px;
    color: #B8B8B8;
    margin: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .copy-paste-container .form-grp-txtarea textarea {
    resize: none;
    padding: 25px 15px;
    border-radius: 3px;
    border: 1px solid #ededed;
    box-shadow: none;
    height: 350px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #323232
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-success {
    margin-top: 90px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-success .success-msg {
    text-align: center;
    font-size: 13px;
    color: #323232;
    font-weight: 400;
    margin-bottom: 20px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-success .success-msg i {
    color: #54cf1c;
    font-size: 13px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-success .uploaded-file {
    padding: 10px;
    font-weight: 700;
    color: #000;
    border: 1px solid #dbdbdb;
    margin-left: 37px;
    position: relative;
    border-radius: 3px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-success .uploaded-file img {
    height: 10px;
    float: right;
    margin: 3px;
    cursor: pointer
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-success .uploaded-file i {
    position: absolute;
    right: 6px;
    top: 12px;
    cursor: pointer
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload {
    position: relative
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .incorrect-file {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 109px;
    width: 100%;
    text-align: center;
    right: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .incorrect-file>div {
    margin: 0 auto;
    text-align: center
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .incorrect-file>div i {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -2px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .sample-excel {
    margin-top: 30px;
    text-align: center
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .sample-excel img {
    margin-bottom: 15px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .sample-excel .text {
    text-decoration: none
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .sample-excel .text span {
    cursor: pointer
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .sample-excel .text span img {
    margin: 0 0 1px 12px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload {
    position: relative
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle {
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    transition-duration: .5s
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle .drop-text {
    margin-bottom: 10px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle label {
    cursor: pointer
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle label:focus,
.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle label:hover {
    outline: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle label * {
    pointer-events: none
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle #fileListChange {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .import-excel-container .on-upload .excleUpload #droppable {
    border: 1px dashed #acacac;
    height: 158px;
    width: 100%;
    border-radius: 3px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap {
    display: block;
    max-height: 346px;
    overflow-y: auto;
    padding: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap {
    padding-left: 0;
    padding-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
    width: 33.3%
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view {
    display: block;
    padding: 14px 15px 15px;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    color: #323232;
    cursor: pointer
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view>p {
    margin-bottom: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view .sel-text {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: -o-calc(100% - 45px);
    max-width: calc(100% - 45px);
    margin: 0
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view .list-count {
    margin-left: 3px
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view i {
    color: #45c500;
    font-size: 18px;
    display: none
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view.selected i,
pzv-validate-parts-compare {
    display: block
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view.selected {
    background-color: #e8e8e8;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal .stage-returns-cart {
    min-height: 470px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal {
        padding-top: 40px
    }
}

@media (min-width:1025px) {
    .my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg {
        width: 1040px
    }

    .my-modal-popup.update-compare-parts-modal .modal-dialog.modal-lg #updatePartsCompareModal {
        padding: 40px
    }
}

pzv-validate-parts-compare .validate-parts-container .content-wrapper {
    height: 434px;
    display: block
}

pzv-validate-parts-compare .validate-parts-container .content-wrapper.error-content-wrapper {
    height: 452px
}

pzv-validate-parts-compare .validate-parts-container .content-title {
    margin-top: 0
}

pzv-validate-parts-compare .validate-parts-container .validate-button-container {
    display: inline-block;
    position: relative
}

pzv-validate-parts-compare .validate-parts-container .validate-button-container .conflict-error {
    padding: 7px 16px;
    color: #fff;
    font-weight: 600;
    background: #323232;
    position: absolute;
    right: 0;
    width: auto;
    border-radius: 3px;
    bottom: 10px;
    text-align: left;
    margin-bottom: 20px
}

pzv-validate-parts-compare .validate-parts-container .validate-button-container .conflict-error.no-item-to-add {
    width: 280px
}

pzv-validate-parts-compare .validate-parts-container .validate-button-container .conflict-error.correct-qty-error {
    width: 310px
}

pzv-validate-parts-compare .validate-parts-container .validate-button-container .conflict-error i {
    color: #ff9d02;
    font-size: 16px;
    margin-right: 3px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table {
    padding: 10px 0;
    height: 100%
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table.error-parts-table {
    height: calc(100% - 29px)
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed {
    width: 938px;
    table-layout: fixed;
    margin: 0 auto;
    border-collapse: collapse
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th {
    padding: 10px;
    border-top: 0;
    box-sizing: border-box;
    vertical-align: top
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-1,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-1,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-1 {
    width: 80px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-2,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-2,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-2 {
    width: 758px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-3,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-3,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-3 {
    width: 300px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-4,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-4,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-4 {
    width: 100px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead {
    display: table;
    width: 939px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr {
    text-align: left;
    display: table-row
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr .th-select .select-checkbox,
pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr .th-select .select-checkbox {
    text-align: center;
    margin-left: 1px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody {
    max-height: 325px;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    width: 100%;
    background: #fff
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-tooltip {
    position: relative
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner {
    overflow: hidden;
    width: 100%
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner .part-num.eidted-part-num {
    position: relative;
    padding-left: 30px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner .part-num.eidted-part-num .fa-check {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 18px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-qty .td-inner1 {
    width: 80px;
    display: inline-block;
    margin-right: 5px
}

pzv-confirm-return-order .confirm-return-order-container .order-summary-content .mr-15,
pzv-confirm-return-order .confirm-return-order-container .order-summary-content .order-id {
    margin-right: 15px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-qty .td-inner2 {
    display: inline-block
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner1 {
    width: 50%;
    float: left
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner2 {
    width: 50%;
    float: left;
    padding: 0 7px 7px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner2 span.rm-warning {
    position: relative;
    top: 8px;
    margin-left: 20px
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .help-block {
    float: left;
    width: 100%
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .part-no-label {
    line-height: 1.43
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .update-data {
    padding: 2px 4px 3px;
    background: #323232;
    border-radius: 3px;
    margin-left: 5px;
    height: 20px;
    font-size: 11px;
    font-weight: 600;
    color: #fff
}

pzv-validate-parts-compare .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .update-data .bold {
    font-weight: 700;
    font-size: 16px
}

.circular-breadcrumb-container {
    text-align: center
}

.circular-breadcrumb-container ul {
    width: 676px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    margin-bottom: 20px
}

.circular-breadcrumb-container li {
    text-align: center;
    line-height: 2em;
    float: left;
    color: #fff;
    position: relative
}

.circular-breadcrumb-container li .step-index {
    position: relative
}

.circular-breadcrumb-container li .step-text {
    color: #acacac
}

.circular-breadcrumb-container li.active .step-text {
    color: #6e6e6e;
    font-weight: 700
}

.circular-breadcrumb-container li:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 1em);
    width: 2em;
    height: 2em;
    border-radius: 1em;
    z-index: 0
}

.circular-breadcrumb-container li:after {
    content: '';
    position: absolute;
    top: 1em;
    left: calc(50% + 1em);
    width: 100%;
    height: .1em;
    background: #acacac;
    z-index: 0
}

.circular-breadcrumb-container .done:before {
    background: #45c500
}

.circular-breadcrumb-container li.done:after {
    background: #acacac
}

.circular-breadcrumb-container .active:before {
    background: #6e6e6e
}

.circular-breadcrumb-container .inactive:before,
.circular-breadcrumb-container li.active:after,
.circular-breadcrumb-container li.inactive:after {
    background: #acacac
}

.circular-breadcrumb-container li:last-child:after {
    display: none
}

pzv-confirm-return-order {
    display: block;
    height: 450px
}

pzv-confirm-return-order .confirm-return-order-container {
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
    display: table
}

pzv-confirm-return-order .confirm-return-order-container.well {
    padding: 20px
}

pzv-confirm-return-order .confirm-return-order-container .order-summary-content {
    vertical-align: middle;
    display: table-cell
}

pzv-confirm-return-order .confirm-return-order-container .order-summary-content .mb-20 {
    margin-bottom: 20px
}

pzv-confirm-return-order .confirm-return-order-container .order-summary-content .lh-28 {
    line-height: 28px
}

pzv-confirm-return-order .confirm-return-order-container .order-summary-content .rma-link {
    position: relative;
    top: -8px !important
}

pzv-confirm-return-order .confirm-return-order-container .order-summary-content.error-msg h1 {
    padding: 0 83px
}

pzv-no-data {
    display: block
}

pzv-no-data .no-data-container {
    text-align: center;
    width: 100%;
    height: 400px;
    background: #fff;
    display: table
}

pzv-no-data .no-data-container .nd-content {
    vertical-align: middle;
    display: table-cell
}

pzv-add-recipient-email-phone {
    display: block
}

pzv-add-recipient-email-phone .add-recipients-container {
    padding: 20px;
    width: 100%;
    display: inline-block
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-header {
    width: 100%
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-header h1 {
    margin: 0;
    padding: 0
}

pzv-add-recipient-email-phone .add-recipients-container .mr-10 {
    margin-right: 10px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-label {
    margin-bottom: 10px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-label label {
    margin: 10px 0 0 10px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app {
    height: 32px;
    font-weight: 600;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    line-height: 16px;
    min-width: 100px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app.active.focus,
pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app.active:focus,
pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app.focus,
pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app:active.focus,
pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app:active:focus,
pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app:focus {
    outline: 0
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app-primary {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app-primary.focus,
pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app-primary:focus,
pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .btn-app-primary:hover {
    background-color: #0086b3;
    border-color: #0086b3;
    color: #fff
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body button[disabled].btn-app-primary {
    background-color: #dbdbdb !important;
    color: #acacac !important;
    border: 1px solid #dbdbdb !important
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input-wrapper {
    max-height: 350px;
    overflow-y: auto
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input {
    margin-bottom: 10px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input.single-field {
    margin-left: 0;
    margin-right: 0
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input.single-field>.col-sm-12 {
    padding: 0
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input .err-msg {
    margin: 5px;
    text-align: right
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input .mobile-no {
    border-radius: 0 3px 3px 0
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input .input-group {
    width: 100%
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn button {
    height: 32px;
    background: #fff;
    border-right: 0;
    box-shadow: none !important;
    outline: 0;
    margin: 0;
    color: #333;
    border-color: #ccc;
    border-radius: 3px 0 0 3px !important;
    padding: 6px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn button img {
    margin-right: 5px;
    width: 25px;
    margin-top: -3px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn ul li a {
    padding: 5px 15px;
    font-size: 13px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn ul li a img {
    width: 20px;
    margin-right: 10px;
    margin-top: -3px
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-input .input-group .input-group-btn ul .divider {
    margin: 0;
    padding: 0
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-row {
    margin: 10px 0
}

pzv-add-recipient-email-phone .add-recipients-container .add-recipients-body .add-recipients-submit button {
    width: 100px
}

.return-order-card-container .template-card-wrap {
    width: 230px;
    float: left;
    height: 280px;
    margin-right: 40px;
    margin-bottom: 10px;
    text-align: center;
    position: relative
}

.return-order-card-container .template-card-wrap .loader-img {
    position: absolute;
    pointer-events: none;
    z-index: 3000;
    width: 100%;
    height: 100%;
    top: 49%;
    text-align: center
}

.return-order-card-container .template-card-wrap .loader-img img {
    pointer-events: none
}

.return-order-card-container .template-card-wrap .template-card {
    padding: 30px 20px;
    height: 100%;
    position: relative;
    background-color: #f6f6f6;
    border-radius: 2px;
    box-shadow: 0 2.5px 3px rgba(0, 0, 0, .46)
}

.return-order-card-container .template-card-wrap .template-card.enabled {
    background-color: #fff;
    cursor: pointer
}

.return-order-card-container .template-card-wrap .template-card.enabled.selected,
.return-order-card-container .template-card-wrap .template-card.enabled:hover {
    background-color: #e0f3fc;
    border: 1px solid #e8e8e8;
    box-shadow: 1px 5px 5px 0 rgba(0, 0, 0, .46)
}

.return-order-card-container .template-card-wrap .template-card.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.return-order-card-container .template-card-wrap .template-card h3 {
    margin-top: 0
}

.return-order-card-container .template-card-wrap .template-card .date-info {
    margin-bottom: 10px
}

.return-order-card-container .template-card-wrap .template-card .date-info .date-value {
    color: #323232;
    margin-left: 5px
}

.return-order-card-container .template-card-wrap .template-card .create-return button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%)
}

.return-order-card-container .template-card-wrap .template-card .create-return .date-info {
    padding-left: 16px
}

.return-order-card-container .template-card-wrap .template-card .resume-return .btn-wrapper {
    position: absolute;
    bottom: 30px;
    width: 100%;
    right: 0;
    left: 0;
    padding: 0 20px
}

.return-order-card-container .template-card-wrap .template-card .btn-min-width {
    min-width: 120px
}

.return-order-container .return-cart-content {
    height: 470px
}

.return-order-container .return-cart-content .price-disclaimer {
    padding: 10px 0
}

.return-order-container .return-list {
    margin-top: 35px;
    position: static
}

.return-order-container .return-list .return-order-list-container {
    min-height: 400px
}

.return-order-container .custom-loader.summary {
    text-align: center;
    margin-top: 50px
}

.return-order-container .return-summary {
    margin-left: 0;
    padding-left: 0
}

.return-order-container .create-order,
.return-order-container .remove-selected,
.return-order-container .save-draft {
    margin-top: 10px
}

.return-order-container .btn-save-as-draft {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.return-order-container .order-alert-msg {
    background: #000;
    color: #fff;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    text-align: center;
    font-size: .9em
}

.return-order-container .btn.btn-create-order {
    padding: 6px;
    font-size: 1em;
    width: 100%
}

.return-order-list-container {
    padding: 5px;
    background-color: #fff
}

.return-order-list-container table.return-table-fixed {
    width: 780px;
    table-layout: fixed;
    margin: auto;
    border-collapse: collapse
}

.return-order-list-container table.return-table-fixed>tbody>tr>td,
.return-order-list-container table.return-table-fixed>tfoot>tr>td,
.return-order-list-container table.return-table-fixed>thead>tr>th {
    padding: 5px;
    border-top: 0;
    box-sizing: border-box;
    vertical-align: top
}

.return-order-list-container table.return-table-fixed>tfoot,
.return-order-list-container table.return-table-fixed>thead {
    display: table;
    width: 781px
}

.return-order-list-container table.return-table-fixed tbody {
    max-height: 350px;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    width: 780px;
    background: #fff;
    color: #000
}

.return-order-list-container table.return-table-fixed tbody .number-container {
    display: inline-block;
    width: 80px
}

.return-order-list-container table.return-table-fixed tfoot,
.return-order-list-container table.return-table-fixed thead {
    display: table;
    width: 780px
}

.return-order-list-container table.return-table-fixed thead {
    color: #acacac;
    background-color: #fbfbfb
}

.return-order-list-container table.return-table-fixed tfoot tr td.add-part-to-list-container {
    padding: 15px 8px;
    border-top: 1px solid #f6f6f6
}

.return-order-list-container table.return-table-fixed tfoot tr td.add-part-to-list-container input {
    width: 200px
}

.return-order-list-container table.return-table-fixed tfoot tr td.add-part-to-list-container p {
    margin-bottom: 0
}

.return-order-list-container table.return-table-fixed td.td-pt-stk {
    padding-top: 15px
}

.return-order-list-container table.return-table-fixed .remove-box {
    text-align: center
}

.return-order-list-container table.return-table-fixed .remove-box .disabled-check {
    color: #ccc
}

.return-order-list-container table.return-table-fixed tr {
    display: table;
    width: 780px;
    table-layout: fixed
}

.return-order-list-container table.return-table-fixed .fixed-col-lg {
    width: 28%
}

.return-order-list-container table.return-table-fixed .fixed-col-md {
    width: 17%
}

.return-order-list-container table.return-table-fixed .fixed-col-xmd {
    width: 11%
}

.return-order-list-container table.return-table-fixed .fixed-col-sm {
    width: 10%
}

.return-order-list-container table.return-table-fixed .fixed-col-xxsm {
    width: 5%
}

.return-order-list-container table.return-table-fixed .fixed-col-xsm {
    width: 8%
}

.return-order-list-container table.return-table-fixed tr.no-data td {
    text-align: center;
    color: #323232;
    font-size: 20px;
    padding: 100px 10px
}

.return-order-list-container .list-item-delete {
    text-align: center
}

.return-order-list-container .list-item-delete .list-item-delete-box {
    padding: 15px 0;
    background: #fff67b;
    border-radius: 3px;
    border: 1px dashed #ccc;
    color: #232323;
    font-size: 12px;
    font-weight: 600
}

.return-order-list-container .form-group {
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
    margin-top: 5px;
    position: relative
}

.return-order-list-container .form-group .pzv-search-table {
    height: 28px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    color: #000;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    box-shadow: none
}

.return-order-list-container .form-group img.cross-icon {
    position: absolute;
    top: 8px;
    z-index: 1049;
    cursor: pointer;
    right: 11px;
    width: 11px;
    height: 11px
}

.return-order-list-container .form-group i {
    position: absolute;
    right: 7px;
    top: 8px;
    font-size: 12px;
    color: #ccc
}

.return-order-list-container .number-container input {
    width: 100%;
    padding-right: 2px
}

.return-order-list-container .itm-part-details .part-img {
    float: left;
    width: 15%
}

.return-order-list-container .itm-part-details .part-num-name {
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 85%
}

.return-order-list-container .itm-part-details .part-num-name .part-name-wrap .part-name {
    word-break: break-word;
    cursor: text;
    line-height: 1.43
}

.return-order-list-container .itm-part-details .part-num-name .part-num-wrap .part-num {
    display: block;
    text-transform: uppercase;
    line-height: 1.43
}

.return-order-list-container .err-txt.not-valid-part {
    color: #ff9d02;
    line-height: 15px;
    display: inline-block
}

.return-order-list-container .err-list-input {
    border: 1px solid #ff9d02;
    box-shadow: none
}

.return-order-list-container .loader-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    opacity: .6
}

.return-order-list-container .loader-cover .loader-inner {
    display: table;
    height: 100%;
    width: 100%
}

.return-order-list-container .loader-cover .loader-inner .img-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

pzv-return-order-summary {
    margin-bottom: 10px;
    display: block
}

pzv-return-order-summary .return-order-summary .bg-default-bg {
    border-radius: 3px;
    padding: 5px 10px
}

pzv-return-order-summary .return-order-summary .bg-default-bg .divider {
    margin: 2px 0
}

pzv-return-order-summary .return-order-summary .bg-default-bg .qty,
pzv-return-order-summary .return-order-summary .bg-default-bg .summery-right-box {
    text-align: right
}

pzv-return-order-summary .return-order-summary .bg-default-bg p {
    margin-bottom: 0;
    padding-bottom: 0
}

pzv-return-order-summary .return-order-summary .line-item {
    padding-top: 3px;
    padding-bottom: 3px
}

pzv-return-order-summary .return-order-summary .invalid-val {
    color: #ff9d02
}

pzv-return-place-order,
pzv-return-place-order .rpo-container .content-wrapper {
    display: block
}

pzv-return-place-order .rpo-container .content-wrapper .row-eq-height {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

pzv-return-place-order .rpo-container .content-wrapper .row-eq-height .panel.panel-default {
    height: 100%;
    margin: 0
}

pzv-return-place-order .rpo-container .content-wrapper .primary_num {
    position: relative;
    width: 300px
}

pzv-return-place-order .rpo-container .content-wrapper .notify-warning {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .2);
    width: 264px;
    position: absolute;
    background: #f5f5f5;
    top: -44px;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    color: #515151;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 10px 10px 27px;
    border-radius: 3px;
    text-align: left
}

pzv-return-place-order .rpo-container .content-wrapper .notify-warning .fa-info-circle {
    color: #6e6e6e;
    font-size: 14px;
    padding-right: 0;
    margin-right: 5px;
    position: absolute;
    top: 13px;
    left: 10px
}

pzv-return-place-order .rpo-container .content-wrapper .notify-warning .glyphicon {
    color: #f5f5f5;
    position: relative;
    top: 23px
}

pzv-return-place-order .rpo-container .content-wrapper .disposal-options {
    display: block;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0
}

pzv-return-place-order .rpo-container .content-wrapper .disposal-options>li {
    display: inline-block;
    margin-right: 40px
}

pzv-return-place-order .rpo-container .content-wrapper .disposal-options>li>label {
    margin-left: 5px;
    position: relative;
    top: -2px
}

pzv-return-place-order .price-disclaimer {
    padding: 10px 0
}

pzv-return-place-order .email-list-container {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    min-height: 50px
}

pzv-return-place-order .email-list-container .email-mobile-added {
    padding: 5px;
    display: inline-block;
    clear: left
}

pzv-return-place-order .email-list-container .email-mobile-added .email-mobile-added-container {
    padding: 5px;
    border: 1px solid #dbdbdb;
    color: #000;
    border-radius: 3px;
    display: inline-block;
    clear: left;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 13px
}

pzv-return-place-order .email-list-container .email-mobile-add {
    display: inline-block;
    clear: left
}

pzv-return-place-order .order-alert-msg {
    background: #000;
    color: #fff;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    text-align: center;
    font-size: .9em
}

pzv-return-place-order .left-well {
    width: 78% !important
}

pzv-return-place-order .last-well {
    margin-bottom: 0
}

pzv-return-place-order .panel-default {
    margin-bottom: 15px
}

pzv-return-place-order .panel-default.panel-group-2 {
    margin-bottom: 5px
}

pzv-return-place-order .panel-default.panel-group-last {
    margin-bottom: 10
}

pzv-return-place-order .panel-default .panel-body .form-group {
    margin-bottom: 0
}

pzv-return-place-order .return-summary {
    margin-left: 0;
    padding-left: 0;
    width: 22% !important
}

pzv-return-place-order .return-summary .btn {
    margin-bottom: 10px
}

pzv-return-place-order pzv-ro-progressbar {
    display: block;
    height: 400px
}

pzv-return-place-order .add-recipient-dir-container {
    padding: 0 200px
}

.retrun-order-progressbar-container {
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
    display: table
}

.retrun-order-progressbar-container .pb-content {
    vertical-align: middle;
    display: table-cell
}

.retrun-order-progressbar-container .pb-content>div {
    display: inline-block;
    width: 500px
}

.retrun-order-progressbar-container .pb-content>div.progress {
    height: 8px;
    margin: 0
}

pzv-validate-parts {
    display: block
}

pzv-validate-parts .sales-rep-link {
    cursor: pointer
}

pzv-validate-parts .validate-parts-container .content-wrapper {
    height: 434px;
    display: block
}

pzv-validate-parts .validate-parts-container .content-wrapper.error-content-wrapper {
    height: 452px
}

pzv-validate-parts .validate-parts-container .content-title {
    margin-top: 0
}

pzv-validate-parts .validate-parts-container .validate-button-container {
    display: inline-block;
    position: relative
}

pzv-validate-parts .validate-parts-container .validate-button-container .conflict-error {
    padding: 7px 16px;
    color: #fff;
    font-weight: 600;
    background: #323232;
    position: absolute;
    right: 0;
    width: auto;
    border-radius: 3px;
    bottom: 10px;
    text-align: left;
    margin-bottom: 20px
}

pzv-validate-parts .validate-parts-container .validate-button-container .conflict-error.no-item-to-add {
    width: 280px
}

pzv-validate-parts .validate-parts-container .validate-button-container .conflict-error.correct-qty-error {
    width: 310px
}

pzv-validate-parts .validate-parts-container .validate-button-container .conflict-error i {
    color: #ff9d02;
    font-size: 16px;
    margin-right: 3px
}

pzv-validate-parts .validate-parts-container .imported-parts-table {
    padding: 10px 0;
    height: 100%
}

pzv-validate-parts .validate-parts-container .imported-parts-table.error-parts-table {
    height: calc(100% - 29px)
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed {
    width: 938px;
    table-layout: fixed;
    margin: 0 auto;
    border-collapse: collapse
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th {
    padding: 10px;
    border-top: 0;
    box-sizing: border-box;
    vertical-align: top
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-1,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-1,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-1 {
    width: 80px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-2,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-2,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-2 {
    width: 458px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-3,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-3,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-3 {
    width: 300px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.fixed-col-4,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr>td.fixed-col-4,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr>th.fixed-col-4 {
    width: 100px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead {
    display: table;
    width: 939px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr {
    text-align: left;
    display: table-row
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tfoot>tr .th-select .select-checkbox,
pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>thead>tr .th-select .select-checkbox {
    text-align: center;
    margin-left: 1px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody {
    max-height: 325px;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    width: 100%;
    background: #fff
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-tooltip {
    position: relative
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner {
    overflow: hidden;
    width: 100%
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner .part-num.eidted-part-num {
    position: relative;
    padding-left: 30px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td .td-inner .part-num.eidted-part-num .fa-check {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 18px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-qty .td-inner1 {
    width: 80px;
    display: inline-block;
    margin-right: 5px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-qty .td-inner2 {
    display: inline-block
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner1 {
    width: 50%;
    float: left
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner2 {
    width: 50%;
    float: left;
    padding: 0 7px 7px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .td-inner2 span.rm-warning {
    position: relative;
    top: 8px;
    margin-left: 20px
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .help-block {
    float: left;
    width: 100%
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .part-no-label {
    line-height: 1.43
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .update-data {
    padding: 2px 4px 3px;
    background: #323232;
    border-radius: 3px;
    margin-left: 5px;
    height: 20px;
    font-size: 11px;
    font-weight: 600;
    color: #fff
}

pzv-validate-parts .validate-parts-container .imported-parts-table table.pzv-table-fixed>tbody>tr>td.td-part-num .update-data .bold {
    font-weight: 700;
    font-size: 16px
}

.ro-approval-onfirm-dialog-modal .modal-dialog.modal-md {
    width: 380px
}

.ro-approval-onfirm-dialog-modal .modal-dialog.modal-md .modal-content {
    padding: 8px;
    border-radius: 5px
}

.ro-approval-onfirm-dialog-modal .modal-dialog .modal-content {
    background: #fff
}

.ro-approval-onfirm-dialog-modal .modal-dialog .modal-content .list-group .list-group-item {
    border: 0;
    padding: 4px 0
}

.ro-approval-onfirm-dialog-modal .modal-dialog .modal-content .list-group .list-group-item span {
    color: #ccc
}

.ro-approval-onfirm-dialog-modal .modal-dialog .modal-content .list-group .list-group-item span.currency {
    color: #323232;
    font-size: 10px
}

.ro-approval-onfirm-dialog-modal .modal-dialog .modal-content textarea {
    width: 100%;
    height: 60px;
    resize: none;
    background: #f9f9f9;
    border: 1px solid #f0f0f0
}

.ro-approval-onfirm-dialog-modal .modal-header {
    word-wrap: break-word;
    text-align: center
}

.ro-approval-onfirm-dialog-modal .modal-header .status-icon .fa {
    font-size: 42px
}

.ro-approval-onfirm-dialog-modal .modal-header .status-icon .fa-times-circle {
    color: #ff9d02
}

.ro-approval-onfirm-dialog-modal .modal-footer {
    border-top: 0
}

.ro-approval-onfirm-dialog-modal .modal-footer .btn {
    font-size: .9em
}

.ro-approval-onfirm-dialog-modal .moda-body {
    word-wrap: break-word;
    padding: 5px 15px
}

.my-modal-popup.approved-message-modal {
    top: 0 !important
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg {
    margin-top: 100px;
    width: 346px;
    -webkit-backface-visibility: hidden
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc {
    background-color: #000;
    border-radius: 3px;
    padding: 20px;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 3000;
    left: 0;
    right: 0;
    top: 62px
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc .ok-btn-wrapper {
    margin-top: 20px;
    text-align: right
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc .ok-btn-wrapper .btn {
    color: #fff;
    border-color: #6e6e6e;
    min-width: 80px;
    line-height: 16px
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc .ok-btn-wrapper .btn:hover {
    color: #fff !important;
    background: 0 0
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc>div {
    padding-left: 20px;
    color: #fff
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc>div.msg-wrapper {
    position: relative;
    margin-bottom: 20px
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc>div.msg-wrapper i {
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 15px
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc>div.msg-wrapper i.fa-times-circle {
    color: #ff9d02
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc>div.msg-wrapper i.fa-check-circle {
    color: #39A200
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc>div .msg-lg {
    font-size: 18px
}

.my-modal-popup.approved-message-modal .modal-dialog.modal-lg #approvedMessageModal .alert-msg-batc>div .msg-sm {
    font-size: 13px
}

.my-modal-popup.create-return-order-modal {
    top: 0 !important
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg {
    margin-top: 10px;
    width: 1000px;
    -webkit-backface-visibility: hidden
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal {
    min-height: 400px;
    margin: 0;
    padding: 20px;
    border-radius: 3px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .footer-btn-wrapper,
.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .title-wrapper {
    width: 1000px;
    margin: 25px auto
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .footer-btn-wrapper h1,
.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .title-wrapper h1 {
    margin: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .btn-min-width {
    min-width: 120px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .close-overlay {
    position: absolute;
    right: 20px;
    top: 20px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .close-overlay img {
    width: 20px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .info-txt {
    margin: 0;
    padding-top: 5px;
    display: inline-block;
    padding-left: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .info-txt .fa-info-circle {
    margin-right: 5px;
    font-size: 12px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .fixed-min-height {
    height: 430px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .remove-link {
    outline: 0;
    text-decoration: none !important;
    margin-right: 10px;
    position: relative;
    top: 2px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .botton-action-row {
    margin-top: 20px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .err-txt {
    line-height: 15px;
    display: inline-block;
    margin-top: 2px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .fa-check-square,
.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .fa-square-o {
    padding-right: 5px;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: 6px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .lmt-excded,
.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .rtb-failed {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 10px;
    font-weight: 700;
    color: #727272
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .lmt-excded i,
.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .rtb-failed i {
    font-size: 14px;
    color: #ff9d02;
    display: table-cell;
    vertical-align: middle
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .lmt-excded span,
.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .rtb-failed span {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding-left: 4px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .err-msg-blk {
    margin-top: 10px;
    margin-left: 1px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .lmt-excded {
    padding-left: 37px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .lmt-excded i {
    margin-right: 5px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .lmt-excded.lmt-excded-cp {
    padding-left: 0;
    margin-top: 10px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .lmt-excded.lmt-excded-cp.mr-0 {
    margin: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part.stage-wrapper {
    height: 400px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part ul.import-options {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
    display: block
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part ul.import-options>li {
    display: inline-block;
    margin-right: 40px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part ul.import-options>li>label {
    position: relative;
    top: -2px;
    margin-left: 3px;
    font-size: 16px;
    font-weight: 600
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container {
    width: 465px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea:after,
.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea:before {
    content: '';
    display: block;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 4px;
    right: 18px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea:before {
    top: 1px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea:after {
    bottom: 1px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea {
    position: relative;
    margin-bottom: 10px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    pointer-events: none;
    padding: 20px;
    color: #dbdbdb;
    z-index: 99999999
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr>.exmpl-lbl {
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 600
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr>.exmpl {
    margin-bottom: 15px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr>.exmpl>h3 {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 700
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea .txt-area-plchldr>.exmpl>p {
    font-size: 14px;
    color: #B8B8B8;
    margin: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .copy-paste-container .form-grp-txtarea textarea {
    resize: none;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid #ededed;
    box-shadow: none;
    height: 350px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #323232
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container {
    width: 500px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-success {
    margin-top: 90px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-success .success-msg {
    text-align: center;
    font-size: 13px;
    color: #323232;
    font-weight: 400;
    margin-bottom: 20px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-success .success-msg i {
    color: #54cf1c;
    font-size: 13px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-success .uploaded-file {
    padding: 10px;
    font-weight: 700;
    color: #000;
    border: 1px solid #dbdbdb;
    margin-left: 37px;
    position: relative;
    border-radius: 3px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-success .uploaded-file img {
    height: 10px;
    float: right;
    margin: 3px;
    cursor: pointer
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-success .uploaded-file i {
    position: absolute;
    right: 6px;
    top: 12px;
    cursor: pointer
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload {
    position: relative
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .incorrect-file {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 109px;
    width: 100%;
    text-align: center;
    right: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .incorrect-file>div {
    margin: 0 auto;
    text-align: center
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .incorrect-file>div i {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -2px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .sample-excel {
    margin-top: 30px;
    text-align: center
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .sample-excel img {
    margin-bottom: 15px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .sample-excel .text {
    text-decoration: none
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .sample-excel .text span {
    cursor: pointer
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .sample-excel .text span img {
    margin: 0 0 1px 12px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload {
    position: relative
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle {
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    transition-duration: .5s
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle .drop-text {
    margin-bottom: 10px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle label {
    cursor: pointer
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle label:focus,
.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle label:hover {
    outline: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle label * {
    pointer-events: none
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload .inputFIle #fileListChange {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .import-excel-container .on-upload .excleUpload #droppable {
    border: 1px dashed #acacac;
    height: 158px;
    width: 100%;
    border-radius: 3px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap {
    display: block;
    max-height: 346px;
    overflow-y: auto;
    padding: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap {
    padding-left: 0;
    padding-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
    width: 33.3%
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view {
    display: block;
    padding: 14px 15px 15px;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    color: #323232;
    cursor: pointer
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view>p {
    margin-bottom: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view .sel-text {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: -o-calc(100% - 45px);
    max-width: calc(100% - 45px);
    margin: 0
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view .list-count {
    margin-left: 3px
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view i {
    color: #45c500;
    font-size: 18px;
    display: none
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view.selected {
    background-color: #e8e8e8;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-imports-part .select-list-container .list-view-wrap .select-list-wrap .list-view.selected i {
    display: block
}

.my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal .stage-returns-cart {
    min-height: 470px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal {
        padding-top: 40px
    }
}

@media (min-width:1025px) {
    .my-modal-popup.create-return-order-modal .modal-dialog.modal-lg {
        width: 1040px
    }

    .my-modal-popup.create-return-order-modal .modal-dialog.modal-lg #createReturnOrderModal {
        padding: 40px
    }
}

.return-order-approval-list .custom-loader {
    padding: 0;
    margin: 0
}

.return-order-approval-list .custom-loader.fixed-loader {
    width: 100%;
    z-index: 3000;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: table;
    vertical-align: middle;
    padding: 0;
    background: #000;
    opacity: .4
}

.return-order-approval-list .custom-loader.fixed-loader .img-wrapper {
    display: table-cell;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.return-order-approval-list table.special-order-tbl thead th {
    vertical-align: top
}

.return-order-approval-list table.special-order-tbl tbody td {
    padding: 12px 8px
}

.return-order-approval-list table.special-order-tbl tbody td strong {
    font-weight: 600
}

.return-order-approval-list table.special-order-tbl .btn-link {
    padding: 0
}

.return-order-approval-list table.special-order-tbl .note-empty {
    color: #ccc;
    cursor: default
}

.return-order-approval-list table.special-order-tbl .comment-text {
    border-radius: 3px;
    resize: none
}

.return-order-approval-list table.special-order-tbl .comment-text:disabled {
    border: 0
}

.return-order-approval-list table.special-order-tbl .btn-ctrl,
.return-order-approval-list table.special-order-tbl .input-ctrl {
    display: inline-block
}

.return-order-approval-list table.special-order-tbl .btn-ctrl {
    vertical-align: top;
    padding: 10px
}

.return-order-approval-list table.special-order-tbl .btn-ctrl button {
    margin-right: 10px;
    padding: 0
}

.return-order-approval-list table.special-order-tbl td.xt-sm,
.return-order-approval-list table.special-order-tbl th.xt-sm {
    width: 1%
}

.return-order-approval-list table.special-order-tbl td.xt-lg,
.return-order-approval-list table.special-order-tbl th.xt-lg {
    width: 27%
}

.return-order-approval-list table.special-order-tbl td.lg,
.return-order-approval-list table.special-order-tbl th.lg {
    width: 14%
}

.return-order-approval-list table.special-order-tbl td.sm,
.return-order-approval-list table.special-order-tbl th.sm {
    width: 1%
}

.return-order-approval-list table.special-order-tbl td.md,
.return-order-approval-list table.special-order-tbl th.md {
    width: 12%
}

.return-order-approval-list table.special-order-tbl td.smd,
.return-order-approval-list table.special-order-tbl th.smd {
    width: 11%
}

.return-order-approval-list .form-group {
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
    margin-top: 5px;
    position: relative
}

.return-order-approval-list .form-group .pzv-search-table {
    font-size: 12px
}

.return-order-approval-list .form-group img.cross-icon {
    position: absolute;
    top: 8px;
    z-index: 1049;
    cursor: pointer;
    right: 11px;
    width: 11px;
    height: 11px
}

.return-order-approval-list .form-group i {
    position: absolute;
    right: 7px;
    top: 8px;
    font-size: 12px;
    color: #ccc
}

.return-order-approval-list .no-items h3 {
    margin-top: 35px
}

.promo-banner .img-responsive {
    max-height: 325px;
    object-fit: cover;
    display: block;
    opacity: 1;
    transition: opacity 1s ease-in-out;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: opacity
}

.promo-banner .page-home-discount-container {
    margin-top: 2px;
    border-bottom: 1px solid rgba(237, 237, 237, .92);
    position: relative;
    height: 327px;
    overflow: hidden;
    display: contents
}

.promo-banner .page-search-discount-container #product-image-section {
    display: -ms-flexbox;
    display: flex;
    max-width: 210px;
    -ms-flex-direction: column;
    flex-direction: column
}

.promo-banner .detail-points .promo-points-container,
.promo-banner .promo-points .promo-points-container,
.promo-banner .search-points .search-points-container {
    display: inline-block
}

.promo-banner .page-detail-discount-container {
    margin-top: -10px;
    margin-bottom: 10px;
    position: relative
}

.promo-banner .promo-points {
    text-align: center;
    position: absolute;
    background: 0 0;
    top: 80%;
    left: 45%
}

.promo-banner .round {
    position: relative;
    width: 15px;
    margin: 5px 0 0 5px
}

.promo-banner .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
    padding: 1px 1px 1px 0;
    font-size: 12px
}

.promo-banner .round input[type=checkbox]:checked+label {
    background-color: #09C;
    border-color: #09C;
    color: #fff
}

.promo-banner .round input[type=checkbox]:checked+label:after {
    opacity: 1
}

.promo-banner .detail-points {
    position: absolute;
    background: 0 0;
    top: 73%;
    width: 100%;
    text-align: center
}

.promo-banner .search-points {
    position: absolute;
    background: 0 0;
    top: 84%;
    width: 208px;
    text-align: center
}

@media only screen and (max-width:1023px) {
    #appBody.is-mobile .page-search-discount-container {
        position: relative
    }

    #appBody.is-mobile .promo-banner {
        margin: 10px 0;
        display: block;
        padding: 10px;
        background-color: #FFF
    }

    #appBody.is-mobile .promo-banner .page-detail-discount-container {
        margin-top: 0;
        margin-bottom: 0
    }

    #appBody.is-mobile .promo-banner .promo-points {
        top: 60%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0
    }

    #appBody.is-mobile .promo-banner .detail-points,
    #appBody.is-mobile .promo-banner .search-points {
        top: 80%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0
    }

    #appBody.is-mobile .promo-banner .promo-banner .search-points {
        text-align: center;
        position: absolute;
        background: 0 0;
        top: 37%;
        left: 42%
    }

    #appBody.is-mobile .promo-banner .page-home-discount-container {
        height: auto
    }
}

.advance-search-new-container {
    background: #e8e8e8;
    padding: 50px;
    border-radius: 5px
}

.advance-search-new-container .advance-search-new-wrapper .advance-search-new-wrapper-title {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 900;
    color: rgba(50, 50, 50, .678431)
}

.advance-search-new-container .advance-search-new-wrapper .advance-search-new-action-set {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: rgba(255, 255, 255, .611765);
    color: rgba(50, 50, 50, .709804);
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 2px 2px 0 #CECECE;
    -webkit-box-shadow: 0 2px 2px 0 #CECECE;
    -moz-box-shadow: 0 2px 2px 0 #CECECE;
    -o-box-shadow: 0 2px 2px 0 #CECECE;
    cursor: pointer
}

.advance-search-new-container .advance-search-new-wrapper .advance-search-new-action-set .selected-filter,
.advance-search-new-container .advance-search-new-wrapper .advance-search-new-action-set .tab_item:hover {
    background: #323232;
    color: #fff;
    border-radius: 20px
}

.order-toggle-filter .date-filter,
.text {
    text-transform: uppercase
}

.advance-search-new-container .advance-search-new-wrapper .advance-search-new-action-set .tab_item {
    padding: 10px 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.advance-search-new-container .advance-search-new-wrapper .advance-search-new-action-set .tab_item.link:hover {
    background: #337ab7
}

.advance-search-new-container .advance-search-new-wrapper .advance-search-for-more-items {
    font-size: 14px !important
}

.advance-search-new-container .advance-search-new-wrapper .advance-search-for-more-items .tab_item {
    padding: 10px 15px !important
}

.advance-search-new-container-for-more-items {
    padding: 40px !important
}

.home-card-container {
    background: #fff;
    margin: 15px 15px 20px
}

.home-card-container .banner-img-wrapper {
    text-align: center;
    height: 325px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-card-container .banner-img-wrapper .banner-img {
    max-width: 100%;
    max-height: 100%
}

.home-card-container .banner-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.home-card-container .banner-wrapper fl .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.home-card-container pzv-advanced-search-new {
    display: block;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.home-card-container .card-wrapper {
    padding: 10px
}

.home-card-container .card-wrapper .card-title {
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 22px
}

.home-card-container .card-wrapper .dynamic-card-content .multi-item-carousel {
    border-radius: 3px
}

.home-card-container .card-wrapper .dynamic-card-content .multi-item-carousel~.no-carousel {
    width: 100% !important;
    display: none
}

.home-card-container .card-wrapper .visual-search {
    height: 320px;
    border: 1px solid #2a9fd8;
    background: #2a9fd8;
    border-radius: 12px;
    margin-top: 20px
}

.home-card-container .card-wrapper .search-icon {
    top: 100px
}

.home-card-container .card-wrapper .icon {
    background-color: #fff;
    padding: 25px;
    color: #000;
    border-radius: 30px
}

.home-card-container .card-wrapper .anchor {
    color: #fff;
    font-size: 16px;
    text-decoration: revert
}

.home-card-container .dynamic-first-section-container {
    position: relative
}

.home-card-container .dynamic-first-section-container .dynamic-image-width {
    width: 70%
}

.home-card-container .dynamic-first-section-container .img-container img {
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.home-card-container .dynamic-first-section-container .img-container:focus {
    outline: #fff
}

.home-card-container .dynamic-advance-search {
    position: absolute;
    width: 500px;
    top: 40px;
    right: 10vh
}

@media only screen and (min-width:768px) {
    .home-card-container .dynamic-first-section-container .dynamic-image-width {
        width: 50%
    }

    .home-card-container .dynamic-first-section-container .dynamic-image-width img {
        height: 324px
    }

    .home-card-container .dynamic-advance-search {
        top: 20px;
        right: 2vh
    }

    .home-card-container .banner-img-wrapper {
        height: 370px
    }
}

@media only screen and (min-width:1224px) {
    .home-card-container .dynamic-first-section-container .dynamic-image-width {
        width: 63%
    }

    .home-card-container .dynamic-first-section-container .dynamic-image-width img {
        height: 100%
    }

    .home-card-container .dynamic-advance-search {
        top: 20px;
        right: 2vh
    }
}

@media only screen and (min-width:1824px) {
    .home-card-container .dynamic-first-section-container .dynamic-image-width {
        width: 74%
    }

    .home-card-container .dynamic-first-section-container .dynamic-image-width img {
        height: 100%
    }

    .home-card-container .dynamic-advance-search {
        top: 100px;
        right: 2vh
    }
}

.ymm-directive-new {
    vertical-align: middle
}

@media only screen and (-webkit-min-device-pixel-ratio:1) and (max-device-width:1023px) and (min-device-width:768px) and (orientation:portrait),
screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1023px) and (min-device-width:768px) and (orientation:portrait),
screen and (max-width:1023px) {
    .ymm-directive-new {
        padding-bottom: 20px
    }
}

.ymm-directive-new .scrollable-container-box {
    height: auto;
    overflow: auto;
    margin-bottom: 10px
}

.ymm-directive-new .scrollable-container-box .extra-z-index {
    z-index: 30
}

.ymm-directive-new .scrollable-container-box .ymm-label {
    float: left;
    width: 10%;
    margin: 7px 7px 0 0;
    padding: 3px 0
}

.ymm-directive-new .scrollable-container-box .ymm-label label {
    color: #666;
    font-size: 14px;
    margin: 0
}

.ymm-directive-new .scrollable-container-box .ymm-field {
    float: left;
    width: 100%;
    margin-top: 7px
}

.ymm-directive-new .scrollable-container-box .ymm-field .btn-group.btn-box {
    margin: 0 3px
}

.ymm-directive-new .scrollable-container-box .ymm-field .btn-group.btn-box button {
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 105px;
    min-width: 105px;
    width: 90%;
    position: relative;
    padding-right: 20px
}

.ymm-directive-new .scrollable-container-box .ymm-field .btn-group.btn-box button .fa-caret-down {
    position: absolute;
    top: 8px;
    right: 6px;
    font-size: 15px
}

.ymm-directive-new .scrollable-container-box .ymm-field .yymm_force_pos_reset {
    position: inherit !important
}

.ymm-directive-new .scrollable-container-box .ymm-field ul.dropdown-menu::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    top: -15px;
    right: 9px;
    position: absolute;
    border-bottom: 10px solid #0093c6 !important
}

.ymm-directive-new .scrollable-container-box .yearSelectorNew {
    min-width: 580px;
    padding: 20px
}

.ymm-directive-new .scrollable-container-box .ymm_selector_index_0 {
    position: absolute;
    margin-top: -70px;
    margin-left: -233px
}

.ymm-directive-new .scrollable-container-box .ymm_selector_index_1 {
    position: absolute;
    margin-top: -70px;
    margin-left: -120px
}

.ymm-directive-new .scrollable-container-box .ymm_selector_index_2 {
    position: absolute;
    margin-top: -70px;
    margin-left: -5px
}

.ymm-directive-new .scrollable-container-box .ymm_selector_index_year_0 {
    position: absolute;
    margin-top: -70px;
    margin-left: -542px
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew {
    border-top: 5px solid #0093c6
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew span.arrow_box1 {
    position: absolute
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew span.arrow_box1 .makeSelectorNew,
.ymm-directive-new .scrollable-container-box .atsDDContentNew span.arrow_box1 .yearSelectorNew {
    top: -33px;
    left: 55px
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew span.arrow_box1:before {
    content: " ";
    left: 60px;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #0093c6;
    border-width: 9px;
    margin-left: -10px
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew span.arrow_box1:after {
    bottom: 102%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew .filter-selector-table {
    height: 290px;
    margin-left: 20px
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew .filter-selector-table ul {
    position: relative;
    display: inline-block;
    list-style: none;
    text-indent: 0;
    margin: 0;
    padding: .1em .15em;
    vertical-align: top;
    zoom: 1
}

.align-vertical,
.pzv-tbl-header {
    vertical-align: middle
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew .filter-selector-table ul li {
    font-size: 12px;
    white-space: nowrap;
    margin: 0 4px 0 0;
    padding: 0 0 5px;
    position: relative;
    color: #b0b0b0;
    font-weight: 600
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew .filter-selector-table ul li .disabled-date {
    color: #acacac
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew .filter-selector-table ul li a {
    margin: 0;
    color: #000;
    text-decoration: none;
    padding: 3px
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew .filter-selector-table ul li a:hover {
    text-decoration: none;
    background-color: #444C55;
    color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew .filter-selector-table ul li a:visited {
    text-decoration: none;
    background-color: transparent
}

.ymm-directive-new .scrollable-container-box .atsDDContentNew .filter-selector-table .asEmpty {
    color: #aaa
}

.ymm-directive-new .serial-link-container {
    font-size: 12px;
    font-weight: 700
}

.ymm-directive-new .serial-link-container .serial-link {
    margin-top: 10px
}

.ymm-directive-new .serial-link-container .serial-link a {
    text-decoration: none
}

.dynamic-card-item-container .is-border {
    border: 1px solid #a6a6a6;
    margin: 7px 3px !important
}

.dynamic-card-item-container .embed-responsive-item {
    height: 280px;
    max-width: 100%
}

.dynamic-card-item-container .slick-item {
    margin: 7px 0;
    position: relative
}

.dynamic-card-item-container .slick-item:focus,
.dynamic-card-item-container .slick-item:hover {
    outline: 0
}

.dynamic-card-item-container .slick-item .item-container {
    display: block;
    padding: 10px;
    height: 400px;
    color: #323232
}

.dynamic-card-item-container .slick-item .item-container p.title {
    text-align: center;
    font-size: 17px;
    margin: 5px 0 0;
    font-weight: 700
}

.item-carousel-arrow.left i,
.item-carousel-arrow.right i {
    font-size: 25px;
    color: #fff;
    background: #333;
    cursor: pointer;
    top: 135px;
    position: absolute
}

.dynamic-card-item-container .slick-item .item-container p.title.other-type {
    max-width: 220px
}

@media only screen and (max-device-width:768px) {
    .dynamic-card-item-container .slick-item .item-container {
        height: 300px
    }

    .dynamic-card-item-container .slick-item .item-container p.title.other-type {
        word-break: break-all
    }
}

.dynamic-card-item-container .slick-item .item-container p.title.video-type {
    max-width: 550px
}

.dynamic-card-item-container .slick-item .item-container p.title span {
    overflow: hidden;
    display: '-webkit-box';
    -webkit-line-clamp: 2
}

.dynamic-card-item-container .slick-item .item-container p.desc {
    text-align: center
}

.dynamic-card-item-container .slick-item .item-container .item-helper {
    padding: 5px
}

.dynamic-card-item-container .slick-item .item-container .item-helper:hover {
    cursor: pointer;
    box-shadow: 0 4px 7px 2px #e5e6e7;
    -webkit-box-shadow: 0 4px 7px 2px #e5e6e7;
    -moz-box-shadow: 0 4px 7px 2px #e5e6e7;
    -o-box-shadow: 0 4px 7px 2px #e5e6e7;
    -webkit-transition: all .1s ease-in;
    -webkit-transform: scale(1.02);
    -ms-transition: all .1s ease-in;
    -ms-transform: scale(1.02);
    -moz-transition: all .1s ease-in;
    -moz-transform: scale(1.02);
    transition: all .1s ease-in;
    transform: scale(1.05);
    z-index: 9999
}

.dynamic-card-item-container .slick-item .item-container .item-helper .img-container {
    height: 270px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column
}

.dynamic-card-item-container .slick-item .item-container .item-helper .img-container img {
    max-width: 100%;
    max-height: 100%
}

.dynamic-card-item-container .slick-item .item-container .item-helper .img-container:focus {
    outline: #fff
}

.item-carousel-arrow.left {
    float: left
}

.item-carousel-arrow.left i {
    left: 0;
    border: 1px solid #e5e6e7;
    padding: 7px 16px 7px 13px;
    z-index: 1;
    border-radius: 100%
}

.item-carousel-arrow.right {
    float: right
}

.item-carousel-arrow.right i {
    border: 1px solid #e5e6e7;
    padding: 7px 13px 7px 16px;
    border-radius: 100%;
    right: 0
}

.item-carousel-arrow.slick-disabled i {
    background: #b2b2b2;
    cursor: default
}

@media only screen and (max-device-width:768px) {
    .dynamic-card-item-container .slick-item .item-container .item-helper .img-container {
        height: 160px
    }

    .dynamic-card-item-container .slick-item .item-container-video {
        height: 384px
    }
}

#youtubePlayerPopUp .youtubeHeader {
    margin-top: 1rem;
    padding: 1rem;
    font-size: 20px
}

#youtubePlayerPopUp .youtubeHeader .popup-close {
    padding-right: 2rem
}

#youtubePlayerPopUp .youtubeHeader .popup-close img {
    width: 1.6rem
}

#youtubePlayerPopUp .youtubeHeader .youtubeHeading {
    margin: 0;
    font-size: 25px;
    padding-left: 1rem
}

#youtubePlayerPopUp .embed-responsive-video-player {
    width: 100%
}

.display-section {
    display: -ms-flexbox;
    display: flex
}

.close-icon {
    color: #000;
    font-size: 30px
}

.btn-section {
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

.body-section {
    margin: 3rem 3rem 0
}

.header-title {
    text-align: left !important;
    margin-left: 2rem;
    margin-bottom: -20px
}

#advanced_cust_switcher {
    background-color: #fff;
    font-size: 16px
}

#advanced_cust_switcher .custom-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: 2.9;
    background: #f3f3f4;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#advanced_cust_switcher .custom-loader .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

#advanced_cust_switcher .custom-loader .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 20%;
    margin-top: -20px
}

#advanced_cust_switcher p {
    margin-bottom: 0;
    font-size: 14px
}

#advanced_cust_switcher .customer-switcher {
    background-color: #f3f3f3
}

#advanced_cust_switcher .customer-switcher .customer-label {
    color: #9a9da2;
    font-size: 14px
}

#advanced_cust_switcher .customer-switcher .customer-number {
    color: #2f2f30;
    font-weight: 900
}

#advanced_cust_switcher .modal-body {
    display: inline-block;
    padding: 0;
    width: 100%
}

#advanced_cust_switcher .modal-body .search-input {
    margin-top: 15px;
    margin-bottom: 15px
}

#advanced_cust_switcher .modal-body .change-address-cards-wrapper .change-address-cards-inner {
    width: 100%;
    position: relative;
    display: inline-block;
    height: calc(100vh - 90px);
    overflow-x: scroll
}

#advanced_cust_switcher .modal-body .card-content {
    border-radius: 3px;
    padding: 10px 10px 10px 20px
}

#advanced_cust_switcher .modal-body .card-content .address {
    font-size: 12px
}

#advanced_cust_switcher .modal-body .card-content * {
    cursor: pointer
}

#advanced_cust_switcher .modal-body .card-wrapper {
    position: relative;
    width: 100%;
    float: left;
    margin-right: 25px;
    margin-bottom: 0;
    border-bottom: solid #f2f2f2 1px
}

#advanced_cust_switcher .modal-body .card-wrapper .selected-address-card {
    top: 20%
}

#advanced_cust_switcher .modal-body .c-card {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

#advanced_cust_switcher .modal-body .c-card~.card-content {
    transition: all .5s ease-out;
    padding: 10px 20px;
    border: 1px solid transparent
}

#advanced_cust_switcher .modal-body .c-card~.card-content .card-state-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    width: 20px;
    height: 20px;
    background: url(https://alvarosanchez.com/images/c-state-icons.svg) no-repeat;
    transition: all .1s ease-out
}

#advanced_cust_switcher .modal-body .c-card~.card-content:hover .card-state-icon {
    background-position: -30px 0
}

#advanced_cust_switcher .modal-body .c-card~.card-content:hover:before {
    border-top: 52px solid #6dc5dc
}

#advanced_cust_switcher .modal-body .c-card:checked~.card-content {
    background-color: #f7f9fa;
    border: 1px solid #dedede
}

.pzv-past-due-dialog-modal .modal-footer {
    border-top: 0
}

.pzv-past-due-dialog-modal .modal-footer .btn {
    background-color: #000;
    border-color: #fff;
    color: #fff;
    min-width: 80px;
    font-size: .9em
}

.pzv-past-due-dialog-modal.confirm-warn-order {
    font-weight: 600
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-title .title-container {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    text-align: center
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog {
    font-size: 14px;
    font-weight: 600
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body {
    padding-top: 0;
    padding-bottom: 0
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body .cart-warning__normal-checkout-title {
    padding-top: 20px;
    padding-left: 5px;
    padding-bottom: 5px
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-title {
    font-weight: 700;
    font-size: 15px;
    color: #000
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper {
    position: relative
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper .fa-exclamation-triangle {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 25px
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper .fa-exclamation-triangle.not-returnable {
    top: 0
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper .fa-exclamation-triangle.mob-not-returnable {
    left: 10px
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper-mob {
    text-align: center
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper-mob .fa-exclamation-triangle {
    font-size: 25px
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .modal-content {
    background: #e8e8e8;
    color: #6e6e6e
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .secBtn {
    background-color: transparent;
    border: 2px solid #6e6e6e;
    color: #323232;
    outline: 0
}

.pzv-past-due-dialog-modal.confirm-warn-order .modal-dialog .priBtn {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.pzv-past-due-dialog-modal .nonReturnableList .fw-500 {
    font-weight: 500
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable {
    max-height: 75vh;
    overflow-y: auto;
    margin-top: 5px
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable .table_container {
    background: #fff;
    margin-right: 10px;
    border: 1px solid #d1d1d1
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable .table_head {
    background: #d1d1d1
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable .table_head .table_head_title {
    margin: 0;
    color: #000;
    padding: 5px 10px;
    font-size: 13px
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable .table_body .table_body_row {
    border-bottom: 2px solid #d1d1d163
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable .table_body .table_body_value {
    margin: 0;
    color: #000;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 400
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable .list_in_mobile .list_card {
    background: #fff;
    margin-bottom: 10px;
    padding: 10px
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable .list_in_mobile .list_card .card_head_title {
    margin: 0;
    color: #000;
    font-size: 13px;
    font-weight: 700
}

.pzv-past-due-dialog-modal .nonReturnableList .nonReturnableTable .list_in_mobile .list_card .card_body_value {
    margin: 0;
    color: #000;
    font-size: 13px;
    font-weight: 400
}

.order-toggle-filter.filter-icon-show {
    height: 60px
}

.order-toggle-filter .filter-by {
    line-height: 40px;
    cursor: pointer
}

.order-toggle-filter .filter-by .fa-filter {
    color: #0093c6;
    font-size: 24px;
    position: relative;
    top: 3px;
    right: 2px
}

.order-toggle-filter .modal-backdrop {
    z-index: 1040
}

.order-toggle-filter .filter-options {
    position: fixed;
    width: 360px;
    top: 0;
    right: -360px;
    background-color: #fff;
    height: 100vh;
    z-index: 1050;
    transition: .5s;
    padding: 20px;
    overflow: auto
}

.order-toggle-filter .filter-options .close-btn {
    float: right;
    position: relative;
    cursor: pointer;
    top: -2px;
    right: 2px;
    width: 12px
}

.order-toggle-filter .filter-options .close-btn img {
    max-width: 100%
}

.order-toggle-filter .filter-options.open {
    transition: .5s;
    right: 0
}

.order-toggle-filter .filter-options h3 {
    margin-bottom: 20px
}

.order-toggle-filter .filter-options h3,
.order-toggle-filter .filter-options h5 {
    margin-top: 0;
    text-align: left;
    font-weight: 600
}

.order-toggle-filter .filter-options section .order-type-wrapper .order-type {
    padding: 5px 15px
}

.order-toggle-filter .filter-options section .order-type-wrapper .selected {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff
}

.order-toggle-filter .filter-options section .order-type-wrapper .disable-order {
    background-color: #f7f6f6;
    opacity: .6;
    cursor: not-allowed
}

.order-toggle-filter .filter-options section .input-group .input-group-btn .btn {
    padding: 3px 8px;
    border-right: none
}

.order-toggle-filter .filter-options section .input-group .input-group-btn .btn .fa-search {
    color: #ccc;
    font-size: 12px
}

.order-toggle-filter .filter-options section .input-group .input-group-btn .btn.ship-to-btn {
    border-right: 1px solid #ccc
}

.order-toggle-filter .filter-options section .form-control {
    min-height: 27.2px;
    height: 27.2px !important;
    padding: 5px;
    font-size: 12px;
    box-shadow: none
}

.order-toggle-filter .filter-options section .form-control:focus {
    outline: 0;
    border-color: #ccc
}

.order-toggle-filter .filter-options section .options {
    margin-top: 10px
}

.order-toggle-filter .filter-options section .options.overflow-auto {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.order-toggle-filter .filter-options section .options.overflow-auto::-webkit-scrollbar {
    width: 8px;
    background-color: #f0f0f0
}

.order-toggle-filter .filter-options section .options.overflow-auto::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #cdcdcd
}

.order-toggle-filter .filter-options section .options.min-max {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-toggle-filter .filter-options section .options.min-max .to-text {
    padding: 3px 10px 0;
    text-align: center
}

.order-toggle-filter .filter-options section .options.min-max .input-group .input-group-btn .btn {
    border-right: 1px solid #ccc
}

.order-toggle-filter .filter-options section .options.min-max .input-group .form-control {
    border-left: 1px solid #ccc
}

.order-toggle-filter .filter-options section .options.min-max .input-group.to-date .uib-datepicker-popup {
    left: auto !important;
    right: 0 !important
}

.order-toggle-filter .filter-options section .options .option {
    padding: 5px 0
}

.order-toggle-filter .filter-options section .options .option:last-child {
    padding-bottom: 0
}

.order-toggle-filter .filter-options section .options .option:first-child {
    padding-top: 0
}

.order-toggle-filter .filter-options section .options .option .fa {
    font-size: 18px;
    position: relative;
    top: 3px;
    color: #0093c6;
    width: 17.6px
}

.grid-filter-container .cross-icon-filer,
.pzv-digital-items-container .grid-filter-container .cross-icon {
    width: 10px;
    height: 10px;
    right: 20px;
    z-index: 1049;
    cursor: pointer;
    position: absolute
}

.order-toggle-filter .filter-options section .options .option .text {
    margin-left: 5px
}

.pzv-digital-items-container .pad-top {
    padding-top: 10px
}

.pzv-digital-items-container .page-title-wrapper {
    padding-bottom: 10px
}

.pzv-digital-items-container .page-title-wrapper .page-heading {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pzv-digital-items-container .page-title-wrapper .digital-page-title {
    font-size: 24px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-digital-items-container .page-title-wrapper .digital-page-desc {
    font-size: 12px;
    padding: 10px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-digital-items-container .card-container {
    padding: 10px
}

.pzv-digital-items-container .card-container .card-wrapper {
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #fff;
    padding: 20px;
    min-width: 23%;
    margin-right: 10px
}

.pzv-digital-items-container .card-container .card-wrapper img {
    padding: 10px
}

.pzv-digital-items-container .card-container .card-wrapper .card-detail {
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    color: #6e6e6e;
    padding-right: 20px
}

.pzv-digital-items-container .card-container .card-wrapper .card-detail .card-qun {
    font-size: 20px;
    font-weight: 700;
    color: #323232;
    text-align: right;
    padding: 20px 0 0 20px
}

.pzv-digital-items-container .grid-filter-container .filter-section-pad {
    padding: 0 10px 10px
}

.pzv-digital-items-container .grid-filter-container .filter-section-pad-mob {
    padding: 10px
}

.pzv-digital-items-container .grid-filter-container .filter-search {
    position: absolute;
    right: 20px;
    top: 30px;
    font-size: 12px
}

.pzv-digital-items-container .grid-filter-container .cross-icon {
    top: 30px
}

.pzv-digital-items-container .grid-filter-container .filter-text {
    margin-top: 2px
}

.pzv-digital-items-container .grid-filter-container .pad-bottom {
    padding-bottom: 0 !important
}

.pzv-digital-items-container .grid-filter-container .date-icon {
    right: 44px;
    top: 13px
}

.pzv-digital-items-container .grid-filter-container .accord-primary-po-num {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 76%;
    margin: 0
}

.pzv-digital-items-container .grid-filter-container .small-label-po {
    margin-left: -35px
}

.pzv-digital-items-container .digital-grid-container .digi-container {
    padding-bottom: 15px
}

.pzv-digital-items-container .digital-grid-container .digi-grid-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pzv-digital-items-container .digital-grid-container .download-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pzv-digital-items-container .digital-grid-container .download-wrapper .expired-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.pzv-digital-items-container .digital-grid-container .download-wrapper .expired-container img {
    margin-right: 20px
}

.pzv-digital-items-container .digital-grid-container .download-wrapper .not-download {
    background: #e8e8e8;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.pzv-digital-items-container .digital-grid-container .download-btn {
    background: #09c;
    color: #fff;
    padding: 8px 10px
}

.pzv-digital-items-container .digital-grid-container .download-btn .fa {
    font-size: 18px
}

.pzv-digital-items-container .digital-grid-container .accord {
    margin: 10px 0 0;
    border-radius: 3px;
    padding: 15px
}

.pzv-digital-items-container .digital-grid-container .part-img {
    text-align: center
}

.pzv-digital-items-container .digital-grid-container .part-img .digital-img {
    max-width: 100%;
    max-height: 100%
}

.pzv-digital-items-container .digital-grid-container .accord-title {
    padding: 5px 0;
    font-size: 18px;
    color: #323232
}

.pzv-digital-items-container .digital-grid-container .accord-title .num {
    font-weight: 600
}

.pzv-digital-items-container .digital-grid-container .accord-title .desc {
    font-weight: 400
}

.pzv-digital-items-container .digital-grid-container .accord-desc {
    font-size: 14px;
    line-height: 1.57;
    color: #4a4a4a
}

.pzv-digital-items-container .digital-grid-container .accord-label {
    font-size: 14px;
    color: #9b9b9b
}

.pzv-digital-items-container .digital-grid-container .accord-data {
    font-size: 14px;
    font-weight: 600;
    color: #323232
}

.pzv-digital-items-container .digital-grid-container .pad-5-t-b {
    padding: 5px 0
}

.pzv-digital-items-container .digital-grid-container .download {
    width: 100%
}

.pzv-digital-items-container .digital-grid-container .download_btn {
    width: 100%;
    height: 65px !important
}

.pzv-digital-items-container .digital-grid-container .btn-disable {
    background: #e8e8e8;
    border-color: #e8e8e8;
    color: #323232;
    cursor: no-drop
}

.pzv-digital-items-container .digital-grid-container .btn_outline {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #09c;
    border-color: #09c
}

.pzv-digital-items-container .digital-grid-container .btn_outline :focus,
.pzv-digital-items-container .digital-grid-container .btn_outline:hover {
    background-color: #337ab7;
    color: #fff
}

.pzv-digital-items-container .digital-grid-container .btn_outline_success {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-color: #34a534
}

.pzv-digital-items-container .digital-grid-container .btn_outline_success :focus,
.pzv-digital-items-container .digital-grid-container .btn_outline_success:hover {
    background-color: #419a41;
    color: #fff
}

.pzv-digital-items-container .digital-grid-container .img-data,
.pzv-digital-items-container .digital-grid-container .mobile_img-data {
    width: 100%;
    text-align: center;
    padding: 5px 0
}

.pzv-digital-items-container .digital-grid-container .mobile_btn {
    text-align: center;
    padding: 5px 0
}

.pzv-digital-items-container .digital-grid-container .mobile_btn .btn_outline_success,
.pzv-digital-items-container .digital-grid-container .mobile_btn .download_btn {
    width: 95%
}

.pzv-digital-items-container .digital-grid-container .mobile_btn_otr {
    padding: 5px 0
}

.pzv-back-order-list-container .filter-icon-container .open-order-title {
    padding-left: 20px;
    padding-right: 10px;
    font-weight: 500
}

.pzv-back-order-list-container .filter-icon-container .Search-by-title {
    padding-left: 20px;
    padding-right: 10px;
    font-weight: 900;
    font-size: 15px;
    margin-bottom: -12px
}

.pzv-back-order-list-container .opn-clr-slec {
    margin-top: 16px !important
}

.pzv-back-order-list-container .select-clear-all {
    border: 1px solid #4C9ACC;
    color: #4C9ACC;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 20px;
    margin: 4px 2px;
    cursor: pointer
}

.pzv-back-order-list-container .filter-section-pad {
    padding: 0 10px 10px
}

.card-container,
.pzv-back-order-list-container .filter-section-pad-mob {
    padding: 10px
}

.pzv-back-order-list-container .filter-search-open-order {
    position: absolute;
    right: 20px;
    top: 28px;
    font-size: 14px
}

.pzv-back-order-list-container .close-icon-open {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 28px;
    cursor: pointer;
    z-index: 0 !important
}

.pzv-back-order-list-container .pzv-search-table {
    min-height: 3px !important;
    height: 33px !important
}

@media only screen and (max-width:768px) {
    .pzv-back-order-list-container .open-order-title {
        margin-top: 0 !important
    }
}

.card-container .card-wrapper {
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #fff;
    padding: 20px;
    min-width: 23%;
    margin-right: 10px
}

.card-container .card-wrapper img {
    padding: 10px
}

.card-container .card-wrapper .card-detail {
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    color: #6e6e6e;
    padding-right: 20px
}

.card-container .card-wrapper .card-detail .card-qun {
    font-size: 20px;
    font-weight: 700;
    color: #323232;
    text-align: right;
    padding: 20px 0 0 20px
}

.card-heigth {
    height: 130px
}

.filter-cust-search {
    padding-top: 20px
}

.search-cust-no-mobile {
    top: 10px !important
}

.pzv-tbl-header {
    color: #6e6e6e
}

.pzv-table-cusor {
    cursor: pointer
}

.pzv-table-icon {
    float: right;
    font-size: 18px;
    color: #acacac
}

.pzv-tbl-main {
    font-size: 12px;
    font-weight: 700
}

.pzv-tbl-secondary {
    color: #09c;
    font-weight: 600;
    cursor: pointer
}

.invoice-date {
    padding-left: 20px;
    padding-right: 10px;
    color: #6e6e6e;
    font-size: 12px
}

.search-cust-no {
    color: #09c !important
}

.iconColor,
.nonCustNum {
    color: #acacac !important
}

.server-error .message,
.server-error .no-data {
    text-align: center;
    height: 230px;
    padding-top: 50px
}

.server-error .message .fa-warning,
.server-error .no-data .fa-warning {
    margin-right: 10px;
    font-size: 16px
}

.pagination-sm-custom-container {
    padding: 10px;
    overflow: hidden;
    text-align: center
}

.pagination-sm-custom-container .items-dropdown {
    display: inline-block;
    width: 100%;
    min-width: 131px;
    max-width: 180px;
    position: relative;
    top: -10px
}

.pagination-sm-custom-container .items-dropdown label {
    margin-right: 10px
}

.pagination-sm-custom-container .items-dropdown select.pagination-limit {
    display: inline-block;
    width: 40%
}

.pagination-sm-custom-container .items-dropdown select::-ms-expand {
    display: none
}

.pagination-sm-custom-container .items-dropdown select {
    -moz-appearance: none;
    appearance: none
}

.pagination-sm-custom-container .items-dropdown select:hover {
    cursor: pointer
}

.pagination-sm-custom-container .items-dropdown select+.fa-caret-down {
    position: absolute;
    right: 35px;
    top: 10px;
    font-size: 16px;
    pointer-events: none
}

.pagination-sm-custom-container .tbl-info {
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 700
}

.pagination-sm-custom-container .pagination {
    margin: 0
}

.nonCustNum {
    pointer-events: none
}

.iconColor {
    pointer-events: all !important
}

.infoIcon {
    float: right;
    padding-right: 15px
}

@media (min-width:821px) and (max-width:1024px) {
    .tablet-container {
        width: 350px !important
    }
}

#oder_accordion .template-angle-icon-mobile {
    font-weight: 700;
    font-size: 20px;
    color: #2682d2;
    padding-right: 0;
    position: absolute;
    top: 30px;
    right: 10px;
    cursor: pointer
}

#oder_accordion .template-angle-icon {
    font-weight: 700;
    font-size: 20px;
    color: #2682d2;
    padding-right: 5px;
    position: relative;
    top: -60px;
    left: 20px
}

#oder_accordion .panel-heading div,
#oder_accordion .panel-title {
    position: relative
}

#oder_accordion .panel-heading div:active,
#oder_accordion .panel-heading div:focus,
#oder_accordion .panel-heading div:hover,
#oder_accordion .panel-heading div:visited,
#oder_accordion .panel-title:active,
#oder_accordion .panel-title:focus,
#oder_accordion .panel-title:hover,
#oder_accordion .panel-title:visited {
    outline: 0 !important;
    text-decoration: none
}

#oder_accordion .aligncenter {
    text-align: center
}

#oder_accordion .order-cancelled {
    background-color: #f9f9f9;
    background-image: -webkit-repeating-linear-gradient(-30deg, transparent, transparent 15px, #fcfcfc 15px, #fcfcfc 30px);
    background-image: repeating-linear-gradient(-30deg, transparent, transparent 15px, #fcfcfc 15px, #fcfcfc 30px)
}

#oder_accordion .accord-content-tab-repeat {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 6px
}

#oder_accordion .accord-content-tab-repeat .margin-10 {
    margin: 10px
}

#oder_accordion .accord-content-tab-repeat .accord-header {
    color: #acacac;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: 600
}

#oder_accordion .accord-content-tab-repeat .accord-data {
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 14px
}

#oder_accordion .accord-content-tab-repeat .accord-order {
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    margin-bottom: 10px
}

#oder_accordion .accord-content-tab-repeat .order-type-stk {
    background: #eef4e8;
    color: #698748;
    font-size: 12px
}

#oder_accordion .accord-content-tab-repeat .order-type-emg {
    background: #fbf6ff;
    color: #9013fe;
    font-size: 12px
}

#oder_accordion .accord-content-tab-repeat .order-type-return {
    background: #fbf6ff;
    color: #9013fe
}

#oder_accordion .accord-content-tab-repeat .order-status-img {
    width: 21px;
    height: 23px;
    object-fit: contain
}

#oder_accordion .accord-content-tab-repeat .order-status-label {
    font-size: 12px;
    color: #000
}

#oder_accordion .accord-content-tab-repeat .order-cancel-status {
    padding-left: 40px
}

#oder_accordion .accord-content-tab-repeat .order-doc-img-disabled {
    opacity: .5;
    width: 24px;
    height: 24px;
    object-fit: contain
}

#oder_accordion .accord-content-tab-repeat .order-doc-img {
    width: 24px;
    height: 24px;
    object-fit: contain
}

#oder_accordion .accord-content-tab-repeat .content {
    display: block;
    position: relative;
    padding-left: 33px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    margin-top: -5px
}

#oder_accordion .accord-content-tab-repeat .content input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

#oder_accordion .accord-content-tab-repeat .checkmark {
    position: absolute;
    top: 1;
    left: 5px;
    height: 17px;
    width: 17px;
    border-radius: 4px;
    border: 1px solid #dad3d3;
    background: #fff
}

#oder_accordion .accord-content-tab-repeat .content input:checked~.checkmark {
    background-color: #2196F3
}

#oder_accordion .accord-content-tab-repeat .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

#oder_accordion .accord-content-tab-repeat .content input:checked~.checkmark:after {
    display: block
}

#oder_accordion .accord-content-tab-repeat .content .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

#oder_accordion .accord-content-tab-repeat .order-status-indicator {
    text-align: left
}

#oder_accordion .accord-content-tab-repeat .order-status-indicator .mobile-height {
    min-height: 60px
}

#oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages {
    padding: 0 10px 10px;
    font-size: 23px
}

#oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .indicator-line {
    top: 20px;
    border-top: 1.4px dashed #45c500;
    position: relative;
    left: 24px;
    width: 99%
}

#oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .indicator-line-mobile {
    top: 17px;
    border-top: 1.4px dashed #45c500;
    position: relative;
    left: 21px;
    width: 47%;
    transform: rotate(90deg)
}

@media only screen and (min-device-width:310px) and (max-device-width:319px) {
    #oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .indicator-line-mobile {
        left: 30px;
        width: 40%
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:330px) {
    #oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .indicator-line-mobile {
        left: 30px;
        width: 38%
    }
}

@media only screen and (min-device-width:330px) and (max-device-width:369px) {
    #oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .indicator-line-mobile {
        left: 38px;
        width: 33%
    }
}

@media only screen and (min-device-width:370px) and (max-device-width:400px) {
    #oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .indicator-line-mobile {
        left: 43px;
        width: 30%
    }
}

@media only screen and (min-device-width:410px) and (max-device-width:415px) {
    #oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .indicator-line-mobile {
        left: 52px;
        width: 27%
    }
}

@media only screen and (min-device-width:760px) and (max-device-width:770px) {
    #oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .indicator-line-mobile {
        left: 140px;
        width: 12%
    }
}

#oder_accordion .accord-content-tab-repeat .order-status-indicator .order-indicator-stages .pad-10 {
    padding: 10px
}

#oder_accordion .accord-content-tab-repeat .aligncenter {
    text-align: center
}

#oder_accordion .accord-content-tab-repeat .view-more-details {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 20px;
    color: #09c;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

#oder_accordion .accord-content-tab-repeat .btn-cancel-order-parts {
    margin-top: 15px;
    background-color: #09c;
    border: #09c;
    width: 130px
}

#oder_accordion .accord-content-tab-repeat .angle-detail-icon {
    font-weight: 700;
    left: 5px;
    font-size: 17px;
    position: relative
}

.card-wrapper.open-order-details {
    font-weight: 600
}

@media only screen and (min-device-width:319px) and (max-device-width:767px) {
    .tooltip .tooltip-inner {
        max-width: 200px
    }
}

.order-docs-popover {
    list-style: none;
    padding-inline-start: 0;
    text-align: left;
    padding: 8px;
    margin-bottom: 0;
    cursor: pointer;
    background-color: #fff;
    color: #323232;
    line-height: 2
}

.pzv-order-list-container .pzv-search-table-date-color,
.tooltip .tooltip-inner {
    background-color: #fff !important
}

.panel-group {
    margin-bottom: 0
}

.tooltip .tooltip-inner {
    position: relative;
    border-radius: 3px;
    padding: 16px;
    width: 100%
}

.tooltip .tooltip-inner .content-wrapper {
    text-align: left
}

.tooltip .tooltip-inner .content-wrapper .tooltip-title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #323232
}

.tooltip .tooltip-inner .content-wrapper .label-txt {
    font-size: 13px;
    color: #323232;
    font-weight: 600
}

.tooltip .tooltip-inner .content-wrapper .label-txt .label-val {
    color: #323232;
    margin-left: 5px;
    font-weight: 400
}

.tooltip .tooltip-inner .close-overlay {
    position: absolute;
    top: 10px;
    right: 14px
}

.tooltip .tooltip-inner .close-overlay img {
    width: 9px;
    height: 9px
}

.tooltip.bottom .tooltip-arrow,
.tooltip.top .tooltip-arrow {
    border-bottom-color: #a5a5a5;
    border-top-color: #a5a5a5
}

.pzv-order-list-container .page-title-wrapper {
    padding-bottom: 10px
}

.pzv-order-list-container .page-title-wrapper .page-heading {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pzv-order-list-container .page-title-wrapper .order-page-title {
    font-size: 24px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-order-list-container .page-title-wrapper .order-page-desc {
    font-size: 12px;
    padding: 10px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-order-list-container .page-title-wrapper .order-page-desc-date {
    font-size: 12px;
    padding: 10px 10px 10px 0;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-order-list-container .accord-header {
    padding: 5px 0
}

.pzv-order-list-container .filter-search {
    position: absolute;
    right: 20px;
    top: 40px;
    font-size: 12px
}

.pzv-order-list-container .pzv-search-table {
    min-height: 3px !important;
    height: 33px !important
}

.pzv-order-list-container .card-container {
    padding: 10px
}

.pzv-order-list-container .card-container .card-wrapper {
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #fff;
    padding: 20px;
    min-width: 23%;
    margin-right: 10px;
    height: 110px
}

.pzv-order-list-container .card-container .card-wrapper img {
    padding: 5px
}

.pzv-order-list-container .card-container .card-wrapper .card-detail {
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    color: #6e6e6e;
    padding-right: 20px
}

.pzv-order-list-container .card-container .card-wrapper .card-detail .card-qun {
    font-size: 20px;
    font-weight: 700;
    color: #323232;
    text-align: right;
    padding: 20px 0 0 20px
}

.show-banner-migration-for-orders {
    width: 104%
}

.return-order-status-container {
    border-radius: 3px
}

.pzv-view-credit-report .page-title-wrapper {
    padding-bottom: 10px
}

.pzv-view-credit-report .page-title-wrapper .page-heading {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pzv-view-credit-report .page-title-wrapper .order-page-title {
    font-size: 24px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-view-credit-report .page-title-wrapper .order-page-desc {
    font-size: 12px;
    padding: 10px;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-view-credit-report .page-title-wrapper .order-page-desc-date {
    font-size: 12px;
    padding: 10px 10px 10px 0;
    font-weight: 300;
    color: #524f4f;
    opacity: .8
}

.pzv-view-credit-report .filter-search {
    position: absolute;
    right: 20px;
    top: 30px;
    font-size: 12px
}

.pzv-view-credit-report .pzv-search-table {
    min-height: 3px !important;
    height: 33px !important
}

.pzv-view-credit-report .pzv-search-table-date-color {
    background-color: #fff !important
}

.pzv-view-credit-report .card-container {
    padding: 10px
}

.pzv-view-credit-report .card-container .card-wrapper {
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #fff;
    padding: 20px;
    min-width: 23%;
    margin-right: 10px
}

.pzv-view-credit-report .card-container .card-wrapper img {
    padding: 10px
}

.pzv-view-credit-report .card-container .card-wrapper .card-detail {
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    color: #6e6e6e;
    padding-right: 20px
}

.pzv-view-credit-report .card-container .card-wrapper .card-detail .card-qun {
    font-size: 20px;
    font-weight: 700;
    color: #323232;
    text-align: right;
    padding: 20px 0 0 20px
}

.view-credits-accord .w-13 {
    width: 13%
}

.view-credits-accord .w-12 {
    width: 12%
}

.view-credits-accord .w-14 {
    width: 14%
}

.view-credits-accord .w-15 {
    width: 15%
}

.view-credits-accord .w-16 {
    width: 16%
}

.view-credits-accord .w-10 {
    width: 10%
}

.view-credits-accord .w-11 {
    width: 11%
}

.icon-position {
    position: relative
}

.icon-position .cross-icon-filter,
.icon-position .filter-search {
    position: absolute;
    top: 10px;
    font-size: 12px;
    right: 7px
}

.icon-position .cross-icon-filter {
    width: 10px;
    height: 10px;
    z-index: 1049;
    cursor: pointer
}

.widget-img {
    height: 95px
}

.pzv-cart-warning-dialog-modal .modal-footer {
    border-top: 0
}

.pzv-cart-warning-dialog-modal .modal-footer .btn {
    background-color: #000;
    border-color: #fff;
    color: #fff;
    min-width: 80px;
    font-size: .9em
}

.pzv-cart-warning-dialog-modal.confirm-warn-order {
    font-weight: 600
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-title .title-container {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    text-align: center
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog {
    font-size: 14px;
    font-weight: 600
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body {
    padding-top: 0;
    padding-bottom: 0
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body .cart-warning__normal-checkout-title {
    padding-top: 20px;
    padding-left: 5px;
    padding-bottom: 5px
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-title {
    font-weight: 700;
    font-size: 15px;
    color: #000
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper {
    position: relative
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper .fa-exclamation-triangle {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 25px
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper .fa-exclamation-triangle.not-returnable {
    top: 0
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper .fa-exclamation-triangle.mob-not-returnable {
    left: 10px
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper-mob {
    text-align: center
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-body .war-icon-wrapper-mob .fa-exclamation-triangle {
    font-size: 25px
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .modal-content {
    background: #e8e8e8;
    color: #6e6e6e
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .secBtn {
    background-color: transparent;
    border: 2px solid #6e6e6e;
    color: #323232;
    outline: 0
}

.pzv-cart-warning-dialog-modal.confirm-warn-order .modal-dialog .priBtn {
    background-color: #0093c6;
    border-color: #0093c6;
    color: #fff
}

.pzv-cart-warning-dialog-modal .nonReturnableList .fw-500 {
    font-weight: 500
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable {
    max-height: 75vh;
    overflow-y: auto;
    margin-top: 5px
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable .table_container {
    background: #fff;
    margin-right: 10px;
    border: 1px solid #d1d1d1
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable .table_head {
    background: #d1d1d1
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable .table_head .table_head_title {
    margin: 0;
    color: #000;
    padding: 5px 10px;
    font-size: 13px
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable .table_body .table_body_row {
    border-bottom: 2px solid #d1d1d163
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable .table_body .table_body_value {
    margin: 0;
    color: #000;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 400
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable .list_in_mobile .list_card {
    background: #fff;
    margin-bottom: 10px;
    padding: 10px
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable .list_in_mobile .list_card .card_head_title {
    margin: 0;
    color: #000;
    font-size: 13px;
    font-weight: 700
}

.pzv-cart-warning-dialog-modal .nonReturnableList .nonReturnableTable .list_in_mobile .list_card .card_body_value {
    margin: 0;
    color: #000;
    font-size: 13px;
    font-weight: 400
}

.partial-text {
    padding: 10px !important
}

.pzv-partial-shipment-dialog-modal .modal-dialog {
    width: 400px !important
}

@media (max-width:460px) {
    .pzv-partial-shipment-dialog-modal .modal-dialog {
        width: auto !important
    }
}

.grid-filter-container .filter-section-pad {
    padding: 0 10px 10px
}

.grid-filter-container .filter-section-pad-main-row {
    padding-bottom: 0 !important
}

.grid-filter-container .filter-section-pad-mob {
    padding: 10px
}

.grid-filter-container .cross-icon {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 32px;
    z-index: 1049;
    cursor: pointer
}

.grid-filter-container .filter-text {
    margin-top: 2px
}

.grid-filter-container .pad-bottom {
    padding-bottom: 0 !important
}

.grid-filter-container .date-icon {
    right: 44px;
    top: 13px
}

.grid-filter-container .accord-primary-po-num {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 76%;
    margin: 0
}

.grid-filter-container .small-label-po {
    margin-left: -35px
}

.title-style {
    font-size: 14px
}

@media (max-width:1300px) and (min-width:770px) {
    .title-style {
        font-size: 12px
    }
}

.return-orders-container .order-failed-container {
    padding-top: 50px;
    text-align: center
}

.font-style-color {
    color: red
}

.countryCode-style {
    min-height: 34px;
    min-width: 56px;
    box-shadow: none !important;
    outline: 0;
    margin: 0;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px !important;
    padding: 6px
}

.countryCodeList-style {
    height: 200px;
    overflow: auto
}

.input-field-color {
    font-weight: 600 !important;
    color: #555 !important
}

.icon-style {
    padding-left: 2px;
    cursor: pointer;
    padding-top: 2px
}

.icon-color {
    color: #337ab7
}

.disabled {
    cursor: not-allowed;
    opacity: .5
}

.return-orders-container .return-order-table table>tbody>tr>td .checkbox-wrapper .checkbox {
    cursor: pointer
}

.return-orders-container .return-order-table table>tbody>tr>td .checkbox-wrapper input[disabled] {
    background-color: #f8f8f8;
    cursor: not-allowed
}

.disabled-row {
    color: #9d9d9d
}

.disabled-icon {
    text-align: center
}

.tooltip-position {
    margin-left: 5px;
    margin-top: 5px
}

.display-input {
    display: -ms-flexbox;
    display: flex
}

.email-list-container {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    min-height: 50px
}

.email-list-container .email-mobile-added {
    padding: 5px;
    display: inline-block;
    clear: left
}

.email-list-container .email-mobile-added .email-mobile-added-container {
    padding: 5px;
    border: 1px solid #dbdbdb;
    color: #000;
    border-radius: 3px;
    display: inline-block;
    clear: left;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 13px
}

.email-list-container .email-mobile-add {
    display: inline-block;
    clear: left
}

.show-error-mes {
    text-align: right;
    font-size: 13px
}

select.form-control+.fa-caret-down {
    position: absolute;
    right: 18px;
    top: 41px;
    font-size: 22px;
    pointer-events: none
}

.assembly-image-viewer {
    position: fixed;
    z-index: 1100;
    max-height: 95vh;
    right: 10px;
    left: 10px;
    top: 10px;
    end: 10px;
    bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden
}

.assembly-image-viewer .assem-image-viewer-container {
    background-color: #fff;
    min-height: 90vh
}

.assembly-image-viewer .assem-image-viewer-container .image-viewer-title {
    padding-top: 4%;
    padding-right: 7%
}

.assembly-image-viewer .assem-image-viewer-container .image-list-view .popup-slide-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.assembly-image-viewer .assem-image-viewer-container .image-list-view .popup-slide-container .image-container img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.confirm-return-msg {
    font-weight: 700;
    font-size: 16px
}

.return-orders-container.in .modal-dialog {
    width: 1200px
}

.return-orders-container {
    padding: 20px;
    width: 100%;
    display: inline-block
}

.return-orders-container .return-orders-header .close-img {
    -ms-flex-pack: end;
    justify-content: end
}

.return-orders-container .return-order-details-section {
    margin-top: 2rem
}

.return-orders-container .return-order-details-section .order-no-wrapper {
    border: 2px dashed #000;
    padding: 10px;
    border-radius: 8px
}

.return-orders-container .return-order-details-section .order-no-wrapper .label-order-number,
.return-orders-container .return-order-details-section .order-no-wrapper .label-primary-number {
    color: #767677;
    font-weight: 500;
    margin-bottom: 0
}

.return-orders-container .return-order-details-section .order-no-wrapper .value-order-number,
.return-orders-container .return-order-details-section .order-no-wrapper .value-po-number {
    font-weight: 600;
    color: #5a5a5b
}

.return-orders-container .return-order-details-section .search-input {
    height: 45px
}

.return-orders-container .return-order-table {
    margin-top: 3rem
}

.return-orders-container .return-order-table table>thead>tr>th {
    color: #000
}

.return-orders-container .return-order-table table>thead>tr>th.return-item-qty {
    width: 140px
}

.return-orders-container .return-order-table table>tbody>tr>td .checkbox-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.return-orders-container .return-order-table table>tbody>tr>td .checkbox-wrapper .checkbox {
    width: 20px;
    height: 20px
}

.return-orders-container .return-orders-navigation-wrapper {
    margin-top: 5rem
}

.return-orders-container .return-orders-navigation-wrapper .btn-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end
}

.return-orders-container .return-orders-navigation-wrapper .btn-default {
    color: #09c;
    border-color: #09c;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600
}

.return-orders-container .return-reasons-container .choose-preference-container .label-order-number,
.return-orders-container .return-reasons-container .why-return-container .label-order-number {
    font-size: 16px
}

.return-orders-container .return-orders-navigation-wrapper .btn-return {
    color: #fff;
    border-radius: 5px;
    font-weight: 600
}

.return-orders-container .return-orders-navigation-wrapper .btn-return:focus {
    background-color: #286090
}

.return-orders-container .return-reasons-container {
    margin-top: 3rem
}

.return-orders-container .return-reasons-container .marg-top {
    margin-top: 1rem
}

.return-orders-container .return-reasons-container .why-return-container {
    margin-top: .5rem
}

.return-orders-container .return-freight-container,
.return-orders-container .return-reasons-container .choose-preference-container {
    margin-top: 3rem
}

.return-orders-container .return-freight-container .input-wrapper .input-field {
    margin-top: 1rem
}

.return-orders-container .email-confirmation-container,
.return-orders-container .return-freight-container .input-wrapper .second-row {
    margin-top: 3rem
}

.return-orders-container .return-freight-container .input-wrapper .btn-change-customer-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end
}

.return-orders-container .return-freight-container .input-wrapper .btn-change-customer-wrapper .btn-change-address {
    border: none;
    background: 0 0;
    color: #337ab7;
    text-decoration: underline;
    font-weight: 700;
    position: absolute;
    top: 50px
}

.return-orders-container .email-confirmation-container .email-confirmation-msg {
    margin-top: 1.5rem;
    font-size: 14px
}

.return-orders-container .email-confirmation-container .btn-change-address-wrapper .btn-change-address {
    border: none;
    background: 0 0;
    color: #337ab7;
    text-decoration: underline;
    font-weight: 700
}

.return-orders-container .preview-questions-container {
    margin-top: 3rem
}

.return-orders-container .preview-questions-container .preview-questions-answer {
    margin-top: 1rem
}

.return-orders-container .preview-questions-container .questions-row,
.return-orders-container .return-items-section .label-return-items {
    margin-top: 3rem
}

.return-orders-container .return-items-section .return-order-table {
    margin-top: 1rem
}

.return-orders-container .return-items-section .return-order-table table>thead>tr>th {
    color: #000
}

.return-orders-container .return-items-section .return-order-table table>thead>tr>th.return-item-qty {
    width: 140px
}

.return-orders-container .return-items-section .return-order-table table>tbody>tr>td .checkbox-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.return-orders-container .return-items-section .return-order-table table>tbody>tr>td .checkbox-wrapper .checkbox {
    width: 20px;
    height: 20px
}

.return-orders-container .return-authorization-request {
    padding: 2rem 15rem 0
}

.return-orders-container .return-authorization-request .authorization-message {
    text-align: center
}

.return-orders-container .return-authorization-request .dashed-container {
    background: #f8fcff;
    margin: 3rem 10rem;
    border: 2px dashed #b0b0b0;
    border-radius: 8px;
    padding: 3rem;
    text-align: center
}

.return-orders-container .return-authorization-request .dashed-container .sub-sections {
    margin: 1rem 0
}

.return-orders-container .return-authorization-request .dashed-container .authorization-values {
    font-weight: 600;
    color: #000
}

.return-orders-container .return-authorization-request .authorization-msg-two {
    margin-top: 3rem;
    text-align: center
}

.return-orders-container .btn-generate-rma-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.confirm-return-msg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem 0
}

select.form-control-icon+.fa-caret-down {
    position: absolute;
    right: 18px;
    top: 5px !important;
    font-size: 22px;
    pointer-events: none
}

.king-pin-page {
    padding: 20px 0
}

.king-pin-page.is-mobile .king-pin-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.king-pin-page.is-mobile .king-pin-wrapper .filter-wrapper,
.king-pin-page.is-mobile .king-pin-wrapper .model-wrapper {
    margin: 0 0 20px !important;
    width: 100% !important
}

.king-pin-page.is-mobile .kp-results .parts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.king-pin-page.is-mobile .kp-results .parts .part-detail {
    margin-bottom: 10px
}

.king-pin-page .king-pin-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px
}

.king-pin-page .king-pin-wrapper.filtered .filter-wrapper {
    margin-right: 10px
}

.king-pin-page .king-pin-wrapper.filtered .model-wrapper {
    margin-left: 10px;
    display: -ms-flexbox;
    display: flex
}

.king-pin-page .king-pin-wrapper.filtered .filter-wrapper,
.king-pin-page .king-pin-wrapper.filtered .model-wrapper {
    width: 50%
}

.king-pin-page .king-pin-wrapper .model-wrapper {
    display: none
}

.king-pin-page .king-pin-wrapper .model-wrapper .assem-diag-wrap {
    text-align: center
}

.king-pin-page .king-pin-wrapper .model-wrapper .assem-diag-wrap img {
    max-width: 100%
}

.king-pin-page .king-pin-wrapper .filter-wrapper,
.king-pin-page .king-pin-wrapper .model-wrapper {
    -ms-flex-pack: start;
    justify-content: start;
    padding: 40px;
    border-radius: 3px;
    background-color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.king-pin-page .king-pin-wrapper .filter-wrapper .heading,
.king-pin-page .king-pin-wrapper .model-wrapper .heading {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    color: #323232;
    margin-bottom: 20px
}

.king-pin-page .king-pin-wrapper .filter-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.king-pin-page .king-pin-wrapper .filter-wrapper .form-container {
    max-width: 320px;
    margin: 0 auto;
    width: 100%
}

.king-pin-page .king-pin-wrapper .filter-wrapper .form-container .form-body {
    margin-bottom: 20px
}

.king-pin-page .king-pin-wrapper .filter-wrapper .form-container .form-body .sort-by-options {
    margin: 0 0 10px;
    padding: 0;
    text-align: left
}

.king-pin-page .king-pin-wrapper .filter-wrapper .form-container .form-body .sort-by-options .select-box-wrap,
.king-pin-page .king-pin-wrapper .filter-wrapper .form-container .form-body .sort-by-options label {
    display: -ms-flexbox;
    display: flex
}

.king-pin-page .king-pin-wrapper .filter-wrapper .form-container .form-body .sort-by-options .select-box-wrap .form-control {
    width: 100%
}

.king-pin-page .king-pin-wrapper .filter-wrapper .form-container .form-actions {
    text-align: center
}

.king-pin-page .king-pin-wrapper .filter-wrapper .form-container .form-actions .btn {
    width: 100%
}

.king-pin-page .kp-results {
    padding: 0 20px
}

.king-pin-page .kp-results .info {
    color: #323232;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0
}

.king-pin-page .kp-results .parts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 113px;
    grid-gap: 20px;
    position: relative;
    margin-bottom: 10px
}

.king-pin-page .kp-results .parts .part-detail {
    padding: 20px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.king-pin-page .kp-results .parts .part-detail .part-desc,
.king-pin-page .kp-results .parts .part-detail .part-img,
.king-pin-page .kp-results .parts .part-detail .part-spec {
    display: -ms-flexbox;
    display: flex
}

.king-pin-page .kp-results .parts .part-detail .part-img {
    width: 90px;
    margin-right: 10px
}

.king-pin-page .kp-results .parts .part-detail .part-img img {
    max-width: 100%;
    margin: o auto
}

.king-pin-page .kp-results .parts .part-detail .part-desc {
    width: 170px;
    margin-right: 10px;
    -ms-flex-direction: column;
    flex-direction: column
}

.king-pin-page .kp-results .parts .part-detail .part-desc .num {
    color: #09c;
    font-weight: 700;
    margin-bottom: 5px
}

.king-pin-page .kp-results .parts .part-detail .part-desc .desc {
    font-weight: 600;
    text-transform: uppercase
}

.king-pin-page .kp-results .parts .part-detail .part-spec {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sort-couple-shaft-container {
    margin: 10px
}

.sort-couple-shaft-container .loader-download {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: .7;
    background: #fff
}

.sort-couple-shaft-container .loader-download .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.sort-couple-shaft-container .loader-download .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 30%
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-short-couple-filter-container {
    background: #fff
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-short-couple-filter-container .find-sort-couple-heading {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    padding-top: 70px;
    text-transform: capitalize
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-short-couple-filter-container .find-sort-couple-filter {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20%
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .sort-by-options {
    width: 250px;
    text-align: left;
    padding-top: 0;
    margin: 0
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .sort-by-options .select-box-wrap {
    width: 100%
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .sort-by-options .select-box-wrap label {
    line-height: 34px;
    margin-right: 10px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .sort-by-options .select-box-wrap .form-control {
    padding: 5.5px 10px;
    width: 100%
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .sort-by-options.select-filter-btn {
    min-height: 40px;
    text-align: center;
    line-height: 37px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .sort-by-options .cl-filter-wrapper {
    position: relative
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .sort-by-options .cl-filter-wrapper .info-btn {
    font-size: 15px;
    position: absolute;
    right: 16px;
    top: 10px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-sort-couple-result-wrapper .p-l-0 {
    padding-left: 0
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-sort-couple-result-wrapper .find-sort-couple-search {
    background: #fff;
    padding: 0 40px 100px 50px;
    height: 400px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-sort-couple-result-wrapper .find-sort-couple-search .find-sort-title {
    font-weight: 600;
    font-size: 22px;
    padding-top: 15px;
    text-transform: capitalize
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-sort-couple-result-wrapper .assembly-diagram-container {
    background: #fff;
    padding: 0 40px 0 50px;
    height: 400px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-sort-couple-result-wrapper .assembly-diagram-container .find-sort-title {
    font-weight: 600;
    font-size: 22px;
    padding-top: 15px;
    text-transform: capitalize
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .find-sort-couple-result-wrapper .assembly-diagram-container .short-couple-image {
    max-height: 350px;
    cursor: pointer
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .result-heading {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .height_100 {
    margin-top: 10px;
    background: #fff;
    -ms-flex-align: center;
    align-items: center;
    height: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .soft-result-wrapper {
    margin-bottom: 10px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .soft-result-wrapper .item-row {
    background: #fff;
    padding: 2rem 1rem
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .soft-result-wrapper table {
    margin-top: 0;
    margin-bottom: 0
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .soft-result-wrapper .item-container {
    cursor: pointer
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .soft-result-wrapper .item-container .label-container {
    margin-top: 10px;
    margin-left: 5px;
    text-align: left
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .soft-result-wrapper .item-container .label-container p.title {
    font-size: 18px;
    font-weight: 600;
    color: #4c9acd;
    cursor: pointer;
    margin-bottom: 0
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .soft-result-wrapper .item-container.disabled {
    cursor: default
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .soft-result-container .soft-result-wrapper .item-container.disabled p.title {
    color: #323232;
    cursor: default
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .pagination-block {
    padding: 10px 0;
    text-align: center
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .pagination-block .items-dropdown.count-in-page {
    width: 130px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .pagination-block .items-dropdown.count-in-page label {
    margin-right: 10px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .pagination-block .items-dropdown.count-in-page select option {
    display: inline-block;
    width: 50%;
    font-size: 16px
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .pagination-block .items-dropdown.count-in-page select+.fa-caret-down {
    position: absolute;
    right: 13px;
    top: 6px;
    font-size: 16px;
    pointer-events: none
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .pagination-block .pagination {
    margin: 0
}

.sort-couple-shaft-container .find-sort-couple-shaft-wrapper .pagination-block .pagination-info {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 600;
    height: 30px;
    vertical-align: top;
    padding: 5px 0
}

.loader-download {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3000;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    background: #fff
}

.loader-download .img-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.loader-download .img-wrapper img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 30%
}

.end-yoke-container {
    margin: 10px
}

.end-yoke-container .find-end-yoke-wrapper .find-end-yoke-filter-container {
    background: #fff
}

.end-yoke-container .find-end-yoke-wrapper .find-end-yoke-filter-container .find-end-yoke-heading {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    padding-top: 70px;
    text-transform: capitalize
}

.end-yoke-container .find-end-yoke-wrapper .find-end-yoke-filter-container .find-end-yoke-filter {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20%
}

.end-yoke-container .find-end-yoke-wrapper .sort-by-options {
    width: 250px;
    text-align: left;
    padding-top: 0;
    margin: 0
}

.end-yoke-container .find-end-yoke-wrapper .sort-by-options .select-box-wrap {
    width: 100%
}

.end-yoke-container .find-end-yoke-wrapper .sort-by-options .select-box-wrap label {
    line-height: 34px;
    margin-right: 10px
}

.end-yoke-container .find-end-yoke-wrapper .sort-by-options .select-box-wrap .form-control {
    padding: 5.5px 10px;
    width: 100%
}

.end-yoke-container .find-end-yoke-wrapper .sort-by-options.select-filter-btn {
    min-height: 40px;
    text-align: center;
    line-height: 37px
}

.end-yoke-container .find-end-yoke-wrapper .sort-by-options .cl-filter-wrapper {
    position: relative
}

.end-yoke-container .find-end-yoke-wrapper .sort-by-options .cl-filter-wrapper .info-btn {
    font-size: 15px;
    position: absolute;
    right: 16px;
    top: 10px
}

.end-yoke-container .find-end-yoke-wrapper .find-yoke-result-wrapper {
    margin-bottom: 10px
}

.end-yoke-container .find-end-yoke-wrapper .find-yoke-result-wrapper .find-yoke-search {
    margin-top: 10px;
    background: #fff;
    padding: 0 40px 100px 50px;
    height: 400px
}

.end-yoke-container .find-end-yoke-wrapper .find-yoke-result-wrapper .find-yoke-search .find-yoke-title {
    font-weight: 600;
    font-size: 22px;
    padding-top: 15px;
    text-transform: capitalize
}

.end-yoke-container .find-end-yoke-wrapper .find-yoke-result-wrapper .assembly-diagram-container {
    margin-top: 10px;
    background: #fff;
    padding: 0 40px 0 50px;
    height: 400px
}

.end-yoke-container .find-end-yoke-wrapper .find-yoke-result-wrapper .assembly-diagram-container .find-yoke-title {
    font-weight: 600;
    font-size: 22px;
    padding-top: 15px;
    text-transform: capitalize
}

.end-yoke-container .find-end-yoke-wrapper .find-yoke-result-wrapper .assembly-diagram-container .end-yoke-image {
    max-height: 350px;
    cursor: pointer
}

.end-yoke-container .find-end-yoke-wrapper .result-heading {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px
}

.end-yoke-container .find-end-yoke-wrapper .yoke-result-container .height_100 {
    margin-top: 10px;
    background: #fff;
    -ms-flex-align: center;
    align-items: center;
    height: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600
}

.end-yoke-container .find-end-yoke-wrapper .yoke-result-container .yoke-result-wrapper {
    background: #fff;
    margin-bottom: 20px;
    padding: 3%
}

.end-yoke-container .find-end-yoke-wrapper .yoke-result-container .yoke-result-wrapper .row {
    min-height: 90px
}

.end-yoke-container .find-end-yoke-wrapper .yoke-result-container .yoke-result-wrapper .item-container .partImage {
    margin-bottom: 25px
}

.end-yoke-container .find-end-yoke-wrapper .yoke-result-container .yoke-result-wrapper .item-container .label-container {
    margin-top: 10px;
    margin-left: 5px;
    text-align: left
}

.end-yoke-container .find-end-yoke-wrapper .yoke-result-container .yoke-result-wrapper .item-container .label-container p.title {
    font-size: 18px;
    font-weight: 600;
    color: #4c9acd;
    cursor: pointer;
    margin-bottom: 0
}

.end-yoke-container .find-end-yoke-wrapper .yoke-result-container .yoke-result-wrapper .item-container .label-container p.desc {
    text-transform: uppercase
}

.end-yoke-container .find-end-yoke-wrapper .pagination-block {
    padding: 10px 0;
    text-align: center
}

.end-yoke-container .find-end-yoke-wrapper .pagination-block .items-dropdown.count-in-page {
    width: 130px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.end-yoke-container .find-end-yoke-wrapper .pagination-block .items-dropdown.count-in-page label {
    margin-right: 10px
}

.end-yoke-container .find-end-yoke-wrapper .pagination-block .items-dropdown.count-in-page select option {
    display: inline-block;
    width: 50%;
    font-size: 16px
}

.end-yoke-container .find-end-yoke-wrapper .pagination-block .items-dropdown.count-in-page select+.fa-caret-down {
    position: absolute;
    right: 13px;
    top: 6px;
    font-size: 16px;
    pointer-events: none
}

.end-yoke-container .find-end-yoke-wrapper .pagination-block .pagination {
    margin: 0
}

.end-yoke-container .find-end-yoke-wrapper .pagination-block .pagination-info {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 600;
    height: 30px;
    vertical-align: top;
    padding: 5px 0
}

.oddSlip {
    margin-right: 10px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .sm-mb-1 {
        margin: 1rem
    }

    .xs-mb-1 {
        margin-bottom: 1rem
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .xs-mb-1 {
        margin-bottom: 1rem
    }
}

@media print {

    .breadcrumb-row,
    .breadcrumb-row *,
    .hide-on-print,
    .print-section~div,
    .print-section~div *,
    .title-container,
    .title-container *,
    header,
    header * {
        display: none !important
    }

    body * {
        visibility: hidden !important
    }

    .print-section,
    .print-section * {
        visibility: visible !important
    }

    body.hide-main #pzv_aftermarket {
        display: none
    }
}

#appBody.filter-open {
    overflow: hidden
}

@media (min-width:0) and (max-width:1024px) {
    #appBody .sign-in-modal .modal-dialog {
        width: 100%;
        max-width: 900px
    }
}

@media (min-width:0) and (max-width:900px) {
    #appBody .sign-in-modal .modal-dialog {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:0) and (max-width:720px) {

    #appBody .sign-in-modal .modal-dialog .modal-body .section-wrapper .tenant-info-section,
    #appBody .sign-in-modal .modal-dialog .modal-body .section-wrapper .tenant-login-section {
        width: 100%
    }

    #appBody .sign-in-modal .modal-dialog .modal-body .section-wrapper .tenant-login-section {
        padding: 15px 30px
    }

    #appBody .sign-in-modal .modal-dialog .modal-body .section-wrapper .tenant-login-section h2 {
        margin-bottom: 0
    }

    #appBody .sign-in-modal .modal-dialog .modal-body .section-wrapper .tenant-login-section .frgt-pswrd {
        top: 0
    }

    #appBody .sign-in-modal .modal-dialog .modal-body .section-wrapper .tenant-info-section {
        min-height: auto
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1),
screen and (min-device-width:768px) and (max-device-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
screen and (max-width:1023px) {
    #appBody.is-mobile .form-group .form-control {
        max-height: 36px !important
    }

    #appBody.is-mobile .form-group .show-password-icon {
        top: 32px
    }

    #appBody.is-mobile #userMigrationPopUp .migration-frm .customer-info {
        overflow-y: scroll
    }

    #appBody.is-mobile .central-container .navbar-form {
        width: 100%
    }

    #appBody.is-mobile .central-container .navbar-form #search-box {
        width: 100% !important;
        padding-right: 33px;
        text-overflow: ellipsis
    }

    #appBody.is-mobile #partDetails .thumbnail-container {
        height: 50px;
        margin: 0 20px
    }

    #appBody.is-mobile #partDetails .thumbnail-container .custom-thumbnail {
        float: left;
        margin: 0 3px
    }

    #appBody.is-mobile #partDetails .show-on-mobile {
        margin: 10px 0;
        display: block;
        padding: 10px;
        background-color: #FFF
    }

    #appBody.is-mobile #partDetails .show-on-mobile .hide-on-mobile {
        display: none
    }

    #appBody.is-mobile #partDetails .partDetails .part-name-title {
        padding-left: 0;
        font-size: 20px
    }

    #appBody.is-mobile .search-results-container .search-results {
        padding: 15px 5px
    }

    #appBody.is-mobile .search-results-container .search-results .result-card .panel {
        padding: 10px 5px
    }

    #appBody.is-mobile div.navbar-collapse.collapse {
        display: block;
        overflow: hidden !important;
        max-height: 0
    }

    #appBody.is-mobile .mobile-category-submneu {
        padding: 0
    }

    #appBody.is-mobile .mobile-category-submneu .mobile-category-submneu-head {
        font-size: 16px;
        background-color: #fbfbfb;
        padding: 3px;
        margin: 10px 0
    }

    #appBody.is-mobile .mobile-category-submneu li {
        list-style-type: none;
        padding-left: 20px;
        margin: 5px
    }

    #appBody.is-mobile .mobile-category-submneu a {
        color: #000
    }

    #appBody.is-mobile .mega-cat-item .mobile-catmenu {
        border: none;
        background-color: #FFF;
        color: #000;
        width: 233px;
        text-align: left
    }

    #appBody.is-mobile .dropdown-menu.mobile-cat-dropdown {
        top: 0 !important;
        margin: 5px;
        height: 100vh;
        overflow-y: scroll;
        width: 90%;
        z-index: 4000;
        background-color: #FFF
    }

    #appBody.is-mobile div.navbar-collapse.collapse.in {
        max-height: 2000px;
        position: absolute;
        z-index: 1000;
        background-color: #fff;
        font-size: 16px
    }

    #appBody.is-mobile div.navbar-collapse.collapse.in .pulldown-menu-header {
        background-color: #fbfbfb;
        margin-left: -8px;
        margin-right: -8px;
        padding: 5px
    }

    #appBody.is-mobile .social-lnk-img-container li a {
        width: 32px;
        height: 32px;
        background-size: 30px 30px;
        background-repeat: no-repeat
    }

    #appBody.is-mobile #appBody .parent-article #page-footer .mainFooter nav.navbar .footer-bottom .footer-logo {
        margin-top: 8px
    }

    #appBody.is-mobile #appBody .parent-article #page-footer .mainFooter nav.navbar .footer-top {
        padding: 12px 20px
    }

    #appBody.is-mobile .dummy-header {
        display: block;
        height: 150px;
        width: 100%
    }

    #appBody.is-mobile #main-content .where-to-buy .where-map-locator {
        padding: 30px 0
    }

    #appBody.is-mobile .where-map-locator .dealer-locator .dealer-map,
    #appBody.is-mobile .where-map-locator .dealer-locator .dealer-panel {
        width: 100%
    }

    #appBody.is-mobile .dropdown-menu>li>a.pzv-text-bt26 {
        font-size: 20px
    }

    #appBody.is-mobile .makeSelector.makeClass,
    #appBody.is-mobile ul#yearHolder li.arrow_box div#yearSelectorTable {
        width: auto
    }

    #appBody.is-mobile .mobile-advSearch .title {
        padding: 10px 0 10px 5px
    }

    #appBody.is-mobile .central-container {
        height: 75px;
        min-width: 100% !important
    }

    #appBody.is-mobile .makeSelector,
    #appBody.is-mobile .modelSelector,
    #appBody.is-mobile .yearSelector {
        float: left;
        margin-right: 5px;
        font-size: 14px
    }

    #appBody.is-mobile #ymmCategorySelector,
    #appBody.is-mobile #ymmEngineSelector,
    #appBody.is-mobile #ymmMakeSelector,
    #appBody.is-mobile #ymmModelSelector,
    #appBody.is-mobile #ymmSubcategorySelector,
    #appBody.is-mobile #ymmTypevinSelector,
    #appBody.is-mobile #ymmYearSelector {
        width: 85px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        margin-bottom: 0;
        padding-right: 15px;
        height: 32px;
        font-size: 13px
    }

    #appBody.is-mobile #ymmCategorySelector .caret,
    #appBody.is-mobile #ymmEngineSelector .caret,
    #appBody.is-mobile #ymmMakeSelector .caret,
    #appBody.is-mobile #ymmModelSelector .caret,
    #appBody.is-mobile #ymmSubcategorySelector .caret,
    #appBody.is-mobile #ymmTypevinSelector .caret,
    #appBody.is-mobile #ymmYearSelector .caret {
        float: right;
        margin-top: 10px 0
    }

    #appBody.is-mobile #ymmSubmitSelector {
        margin-left: 0;
        height: 32px;
        font-size: 13px
    }

    #appBody.is-mobile .dropdown-menu ul#makeDropDown,
    #appBody.is-mobile .dropdown-menu ul#modelDropDown {
        column-count: 1;
        height: 100vh
    }

    #appBody.is-mobile ul.dropdown-menu#yearHolder li.arrow_box div#yearSelectorTable {
        width: auto;
        font-size: 16px
    }

    #appBody.is-mobile ul.dropdown-menu#yearHolder li.arrow_box div#yearSelectorTable li {
        font-size: 16px;
        height: 25px;
        margin: 0 0 30px
    }

    #appBody.is-mobile div.dropdown-menu.categoryClass .make-input input,
    #appBody.is-mobile div.dropdown-menu.engineClass .make-input input,
    #appBody.is-mobile div.dropdown-menu.makeClass .make-input input,
    #appBody.is-mobile div.dropdown-menu.modelClass .make-input input,
    #appBody.is-mobile div.dropdown-menu.subcategoryClass .make-input input,
    #appBody.is-mobile div.dropdown-menu.vintypeClass .make-input input {
        width: 70%;
        height: 33px;
        margin: 15px 0
    }

    #appBody.is-mobile div.dropdown-menu.categoryClass #makeDropDown,
    #appBody.is-mobile div.dropdown-menu.categoryClass #modelDropDown,
    #appBody.is-mobile div.dropdown-menu.engineClass #makeDropDown,
    #appBody.is-mobile div.dropdown-menu.engineClass #modelDropDown,
    #appBody.is-mobile div.dropdown-menu.makeClass #makeDropDown,
    #appBody.is-mobile div.dropdown-menu.makeClass #modelDropDown,
    #appBody.is-mobile div.dropdown-menu.modelClass #makeDropDown,
    #appBody.is-mobile div.dropdown-menu.modelClass #modelDropDown,
    #appBody.is-mobile div.dropdown-menu.subcategoryClass #makeDropDown,
    #appBody.is-mobile div.dropdown-menu.subcategoryClass #modelDropDown,
    #appBody.is-mobile div.dropdown-menu.vintypeClass #makeDropDown,
    #appBody.is-mobile div.dropdown-menu.vintypeClass #modelDropDown {
        width: auto;
        height: auto;
        display: block;
        padding-left: 20px
    }

    #appBody.is-mobile div.dropdown-menu.categoryClass #makeDropDown li,
    #appBody.is-mobile div.dropdown-menu.categoryClass #modelDropDown li,
    #appBody.is-mobile div.dropdown-menu.engineClass #makeDropDown li,
    #appBody.is-mobile div.dropdown-menu.engineClass #modelDropDown li,
    #appBody.is-mobile div.dropdown-menu.makeClass #makeDropDown li,
    #appBody.is-mobile div.dropdown-menu.makeClass #modelDropDown li,
    #appBody.is-mobile div.dropdown-menu.modelClass #makeDropDown li,
    #appBody.is-mobile div.dropdown-menu.modelClass #modelDropDown li,
    #appBody.is-mobile div.dropdown-menu.subcategoryClass #makeDropDown li,
    #appBody.is-mobile div.dropdown-menu.subcategoryClass #modelDropDown li,
    #appBody.is-mobile div.dropdown-menu.vintypeClass #makeDropDown li,
    #appBody.is-mobile div.dropdown-menu.vintypeClass #modelDropDown li {
        width: 100%;
        font-size: 16px;
        height: 25px;
        display: block;
        margin: 0 0 30px
    }

    #appBody.is-mobile div.dropdown-menu.categoryClass #makeDropDown li a,
    #appBody.is-mobile div.dropdown-menu.categoryClass #modelDropDown li a,
    #appBody.is-mobile div.dropdown-menu.engineClass #makeDropDown li a,
    #appBody.is-mobile div.dropdown-menu.engineClass #modelDropDown li a,
    #appBody.is-mobile div.dropdown-menu.makeClass #makeDropDown li a,
    #appBody.is-mobile div.dropdown-menu.makeClass #modelDropDown li a,
    #appBody.is-mobile div.dropdown-menu.modelClass #makeDropDown li a,
    #appBody.is-mobile div.dropdown-menu.modelClass #modelDropDown li a,
    #appBody.is-mobile div.dropdown-menu.subcategoryClass #makeDropDown li a,
    #appBody.is-mobile div.dropdown-menu.subcategoryClass #modelDropDown li a,
    #appBody.is-mobile div.dropdown-menu.vintypeClass #makeDropDown li a,
    #appBody.is-mobile div.dropdown-menu.vintypeClass #modelDropDown li a {
        font-size: 16px !important
    }

    #appBody.is-mobile ul.dropdown-menu#yearHolder li.arrow_box:after,
    #appBody.is-mobile ul.dropdown-menu#yearHolder li.arrow_box:before {
        border: none
    }

    #appBody.is-mobile .dropdown-menu.categoryClass,
    #appBody.is-mobile .dropdown-menu.engineClass,
    #appBody.is-mobile .dropdown-menu.makeClass,
    #appBody.is-mobile .dropdown-menu.modelClass,
    #appBody.is-mobile .dropdown-menu.subcategoryClass,
    #appBody.is-mobile .dropdown-menu.vintypeClass,
    #appBody.is-mobile ul.dropdown-menu#yearHolder {
        top: 10px !important;
        width: 80% !important;
        left: 0 !important;
        margin: 10px 10%;
        height: 94vh;
        overflow: scroll;
        z-index: 2000
    }

    #appBody.is-mobile .year-input input {
        width: 70%;
        height: 33px;
        margin: 15px 0
    }

    #appBody.is-mobile #appBody .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form .form-group .col-label,
    #appBody.is-mobile #appBody .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form .form-group .col-sm-6,
    #appBody.is-mobile .filter,
    #appBody.is-mobile .mobileonly .advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm:nth-child(1),
    #appBody.is-mobile .mobileonly .navbar-brand {
        width: 100%
    }

    #appBody.is-mobile .filter {
        position: absolute;
        top: 5px;
        margin: 5px;
        height: 100vh;
        overflow: scroll;
        z-index: 3000;
        background-color: #fff
    }

    #appBody.is-mobile .pager {
        margin: 0
    }

    #appBody.is-mobile .pager li>a {
        padding: 6px 14px;
        margin-top: 3px;
        border-radius: 7px
    }

    #appBody.is-mobile .search-bar {
        min-width: 300px !important
    }

    #appBody.is-mobile .search-bar .typeahead-popup .typeahead {
        height: 100%
    }

    #appBody.is-mobile .compatibility-table-container .ymmFilterInputs {
        margin: 10px 0
    }

    #appBody.is-mobile .compatibility-table-container .ymmFilterInputs input {
        margin: 5px 2px;
        padding: 5px;
        max-width: 150px
    }

    #appBody.is-mobile p.literature-controls {
        margin: 15px 16px 10px;
        font-size: 20px
    }

    #appBody.is-mobile .mobileonly .navbar-default .navbar-collapse,
    #appBody.is-mobile .mobileonly .navbar-default .navbar-form {
        border: 0;
        margin-left: 0;
        margin-right: 0
    }

    #appBody.is-mobile .mobileonly .advanced-search {
        height: auto
    }

    #appBody.is-mobile .mobileonly .img-responsive {
        margin: 15px auto
    }

    #appBody.is-mobile #appBody .my-modal-popup.sign-up-modal .modal-dialog #signUpPopUp .modal-body .sign-up-wrapper .sign-up-form .form-group .col-sm-offset-3,
    #appBody.is-mobile .mobileonly .advanced-search-menu .active-search .interchange-search .interchange-row {
        margin-left: 0
    }

    #appBody.is-mobile .mobileonly .navbar-header.top {
        height: 76px
    }

    #appBody.is-mobile .mobileonly .advanced-search-menu .active-search {
        width: 100%;
        margin: 0
    }

    #appBody.is-mobile #pzv_aftermarket .ymm-directive {
        height: auto !important
    }

    #appBody.is-mobile .page-result-info {
        margin-bottom: 10px
    }

    #appBody.is-mobile .my-modal-popup.sign-in-modal {
        top: 3% !important
    }

    #appBody.is-mobile #appBody .my-modal-popup.pswrd-assist-modal .modal-dialog,
    #appBody.is-mobile #appBody .my-modal-popup.verify-otp-modal .modal-dialog {
        width: auto
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {

    #appBody.is-mobile #ymmCategorySelector,
    #appBody.is-mobile #ymmEngineSelector,
    #appBody.is-mobile #ymmMakeSelector,
    #appBody.is-mobile #ymmModelSelector,
    #appBody.is-mobile #ymmSubcategorySelector,
    #appBody.is-mobile #ymmTypevinSelector,
    #appBody.is-mobile #ymmYearSelector {
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        margin-bottom: 0;
        padding-right: 15px;
        height: 32px;
        font-size: 13px
    }

    #appBody.is-mobile #ymmCategorySelector .caret,
    #appBody.is-mobile #ymmEngineSelector .caret,
    #appBody.is-mobile #ymmMakeSelector .caret,
    #appBody.is-mobile #ymmModelSelector .caret,
    #appBody.is-mobile #ymmSubcategorySelector .caret,
    #appBody.is-mobile #ymmTypevinSelector .caret,
    #appBody.is-mobile #ymmYearSelector .caret {
        float: right;
        margin-top: 10px 0
    }
}

@media only screen and (min-width:600px) and (max-width:1000px) {

    #appBody.is-mobile #ymmCategorySelector,
    #appBody.is-mobile #ymmEngineSelector,
    #appBody.is-mobile #ymmMakeSelector,
    #appBody.is-mobile #ymmModelSelector,
    #appBody.is-mobile #ymmSubcategorySelector,
    #appBody.is-mobile #ymmTypevinSelector,
    #appBody.is-mobile #ymmYearSelector {
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        margin-bottom: 0;
        padding-right: 15px;
        height: 32px;
        font-size: 13px
    }

    #appBody.is-mobile #ymmCategorySelector .caret,
    #appBody.is-mobile #ymmEngineSelector .caret,
    #appBody.is-mobile #ymmMakeSelector .caret,
    #appBody.is-mobile #ymmModelSelector .caret,
    #appBody.is-mobile #ymmSubcategorySelector .caret,
    #appBody.is-mobile #ymmTypevinSelector .caret,
    #appBody.is-mobile #ymmYearSelector .caret {
        float: right;
        margin-top: 10px 0
    }
}

@media screen and (device-aspect-ratio:2 / 3) {

    #appBody.is-mobile input[type=date],
    #appBody.is-mobile input[type=time],
    #appBody.is-mobile input[type=datetime-local],
    #appBody.is-mobile input[type=month],
    #appBody.is-mobile input[type=number],
    #appBody.is-mobile input[type=search],
    #appBody.is-mobile input[type=text],
    #appBody.is-mobile input[type=email],
    #appBody.is-mobile input[type=password],
    #appBody.is-mobile input[type=datetime],
    #appBody.is-mobile input[type=week],
    #appBody.is-mobile input[type=url],
    #appBody.is-mobile select,
    #appBody.is-mobile select.form-control,
    #appBody.is-mobile textarea {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio:40 / 71) {

    #appBody.is-mobile input[type=date],
    #appBody.is-mobile input[type=time],
    #appBody.is-mobile input[type=datetime-local],
    #appBody.is-mobile input[type=month],
    #appBody.is-mobile input[type=number],
    #appBody.is-mobile input[type=search],
    #appBody.is-mobile input[type=text],
    #appBody.is-mobile input[type=email],
    #appBody.is-mobile input[type=password],
    #appBody.is-mobile input[type=datetime],
    #appBody.is-mobile input[type=week],
    #appBody.is-mobile input[type=url],
    #appBody.is-mobile select,
    #appBody.is-mobile select.form-control,
    #appBody.is-mobile textarea {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio:375 / 667) {

    #appBody.is-mobile input[type=date],
    #appBody.is-mobile input[type=time],
    #appBody.is-mobile input[type=datetime-local],
    #appBody.is-mobile input[type=month],
    #appBody.is-mobile input[type=number],
    #appBody.is-mobile input[type=search],
    #appBody.is-mobile input[type=text],
    #appBody.is-mobile input[type=email],
    #appBody.is-mobile input[type=password],
    #appBody.is-mobile input[type=datetime],
    #appBody.is-mobile input[type=week],
    #appBody.is-mobile input[type=url],
    #appBody.is-mobile select,
    #appBody.is-mobile select.form-control,
    #appBody.is-mobile textarea {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio:9 / 16) {

    #appBody.is-mobile input[type=date],
    #appBody.is-mobile input[type=time],
    #appBody.is-mobile input[type=datetime-local],
    #appBody.is-mobile input[type=month],
    #appBody.is-mobile input[type=number],
    #appBody.is-mobile input[type=search],
    #appBody.is-mobile input[type=text],
    #appBody.is-mobile input[type=email],
    #appBody.is-mobile input[type=password],
    #appBody.is-mobile input[type=datetime],
    #appBody.is-mobile input[type=week],
    #appBody.is-mobile input[type=url],
    #appBody.is-mobile select,
    #appBody.is-mobile select.form-control,
    #appBody.is-mobile textarea {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio:375 / 812) {

    #appBody.is-mobile input[type=date],
    #appBody.is-mobile input[type=time],
    #appBody.is-mobile input[type=datetime-local],
    #appBody.is-mobile input[type=month],
    #appBody.is-mobile input[type=number],
    #appBody.is-mobile input[type=search],
    #appBody.is-mobile input[type=text],
    #appBody.is-mobile input[type=email],
    #appBody.is-mobile input[type=password],
    #appBody.is-mobile input[type=datetime],
    #appBody.is-mobile input[type=week],
    #appBody.is-mobile input[type=url],
    #appBody.is-mobile select,
    #appBody.is-mobile select.form-control,
    #appBody.is-mobile textarea {
        font-size: 16px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1) and (max-device-width:1023px) and (min-device-width:768px) and (orientation:portrait),
screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1023px) and (min-device-width:768px) and (orientation:portrait),
screen and (max-width:1023px) {
    #appBody.is-mobile .advanced-search-menu .active-search {
        width: 100%
    }

    #appBody.is-mobile .advanced-search-menu .active-search #dropdown-hidden-container {
        margin-top: 0
    }

    #appBody.is-mobile .advanced-search-menu .active-search .interchange-search .interchange-row {
        margin: 0
    }
}

#appBody.is-mobile .advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm-input {
    width: calc(100% - 75px);
    margin: 0
}

#appBody.is-mobile .advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm-input input {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    margin: 0
}

#appBody.is-mobile .advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm-submit {
    float: right;
    margin: 0
}

#appBody.is-mobile .advanced-search-menu .active-search .interchange-search .interchange-row .interchange-clm-submit input {
    height: 36px;
    line-height: 36px;
    float: right;
    font-size: 16px;
    margin: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:1) and (max-device-width:1023px) and (min-device-width:768px) and (orientation:portrait),
screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1023px) and (min-device-width:768px) and (orientation:portrait),
screen and (max-width:1023px) {
    #appBody.is-mobile .advanced-search-menu .active-search .interchange-search .interchange-row.serial-row .interchange-clm:nth-child(1) {
        width: 100%;
        margin: 0
    }
}

@media only screen and (max-width:768px) {
    #appBody.is-mobile .lang-cur-selector {
        padding-bottom: 0 !important
    }

    #appBody.is-mobile .lang-cur-selector .dropdown .dropdown-toggle {
        color: #000 !important;
        font-weight: 400
    }

    #appBody.is-mobile .lang-cur-selector .dropdown .dropdown-toggle .display-name {
        max-width: calc(100% - 13px)
    }

    #appBody.is-mobile .lang-cur-selector .dropdown .dropdown-toggle .currency {
        color: #000;
        margin-left: 0
    }

    #appBody.is-mobile .lang-cur-selector .dropdown .dropdown-toggle .glyphicon-chevron-right {
        font-size: 12px;
        position: relative;
        top: 5px
    }
}

@media (max-width:767px) {
    #appBody.is-mobile header #desktop-header .navbar-brand img {
        display: none
    }
}

#appBody.is-mobile .user-profile .my-profile-content .col-label {
    width: 100%;
    text-align: left;
    margin-bottom: 10px
}

@media (max-width:1068px) {

    #appBody.is-desktop .previewOrder,
    #appBody.is-desktop .search-results-container {
        position: relative
    }

    #appBody.is-desktop .form-inline .has-feedback .form-control-feedback,
    #appBody.is-desktop .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    #appBody.is-desktop {
        min-width: 1068px;
        overflow-x: auto !important
    }

    #appBody.is-desktop .advanced-search-pop-up .modal-lg {
        width: 100%;
        padding: 24px 10px
    }

    #appBody.is-desktop .advanced-search-pop-up .modal-lg #advancedSearch .change-address {
        table-layout: unset
    }

    #appBody.is-desktop #shareOrderlistPopup .shipping-country,
    #appBody.is-desktop #shareOrderlistPopup .zip-code {
        max-width: 100% !important;
        width: 100% !important
    }

    #appBody.is-desktop .previewOrder .order-summary-wrapper {
        padding-right: 0
    }

    #appBody.is-desktop .ymm-directive {
        padding-bottom: 0
    }

    #appBody.is-desktop .orderMgt .summery-text {
        padding-left: 0
    }

    #appBody.is-desktop .thumbnail-container {
        margin: 0;
        height: auto
    }

    #appBody.is-desktop .show-on-mobile {
        display: none
    }

    #appBody.is-desktop .navbar-fixed-bottom,
    #appBody.is-desktop .navbar-fixed-top {
        min-width: 1068px
    }

    #appBody.is-desktop .search-results-container .search-results #product-image-section {
        position: absolute;
        right: 5px !important
    }

    #appBody.is-desktop .col-md-1 {
        width: 8.33333%;
        float: left
    }

    #appBody.is-desktop .col-md-2 {
        width: 16.66667%;
        float: left
    }

    #appBody.is-desktop .col-md-2.filter {
        position: relative;
        height: auto;
        overflow: visible
    }

    #appBody.is-desktop .col-md-3 {
        width: 25%;
        float: left
    }

    #appBody.is-desktop .col-md-4 {
        width: 33.33333%;
        float: left
    }

    #appBody.is-desktop .col-md-4.availability-container {
        width: 410px;
        float: right
    }

    #appBody.is-desktop .col-md-5 {
        width: 41.66667%;
        float: left
    }

    #appBody.is-desktop .col-md-6 {
        width: 50%;
        float: left
    }

    #appBody.is-desktop .col-md-6.qty-val {
        margin-right: 5px;
        min-width: 62px
    }

    #appBody.is-desktop .col-md-7 {
        width: 58.33333%;
        float: left
    }

    #appBody.is-desktop .col-md-8 {
        width: 66.66667%;
        float: left
    }

    #appBody.is-desktop .col-md-9 {
        width: 75%;
        float: left
    }

    #appBody.is-desktop .col-md-10 {
        width: 83.33333%;
        float: left
    }

    #appBody.is-desktop .col-md-11 {
        width: 91.66667%;
        float: left
    }

    #appBody.is-desktop .col-md-12 {
        width: 100%;
        float: left
    }

    #appBody.is-desktop #dummy-header {
        display: none;
        overflow: hidden
    }

    #appBody.is-desktop #desktop-header {
        position: relative;
        height: 150px
    }

    #appBody.is-desktop #desktop-header .central-container {
        height: auto
    }

    #appBody.is-desktop #desktop-header .central-container .navbar-collapse .middle .search-bar {
        width: calc(100% - 378px)
    }

    #appBody.is-desktop #desktop-header .category-menu {
        width: 100%;
        padding: 0
    }

    #appBody.is-desktop #desktop-header .category-menu #subcategories {
        width: 100% !important;
        margin-left: 0 !important
    }

    #appBody.is-desktop #desktop-header .category-menu .lower-container {
        padding: 0 10px
    }

    #appBody.is-desktop .form-inline .checkbox label,
    #appBody.is-desktop .form-inline .radio label,
    #appBody.is-desktop .navbar-form .checkbox label,
    #appBody.is-desktop .navbar-form .radio label {
        padding-left: 0
    }

    #appBody.is-desktop #main-content {
        min-width: 1068px !important;
        width: auto !important;
        overflow: visible !important;
        max-width: none !important
    }

    #appBody.is-desktop .container {
        min-width: 1068px;
        overflow: visible !important;
        width: 970px;
        max-width: none !important
    }

    #appBody.is-desktop .advanced-search .advanced-search-menu .interchange-search .serial-row {
        margin: 0
    }

    #appBody.is-desktop .lead {
        font-size: 16px
    }

    #appBody.is-desktop .page-header {
        margin-bottom: 30px
    }

    #appBody.is-desktop .page-header .lead {
        margin-bottom: 10px
    }

    #appBody.is-desktop .container .navbar-collapse,
    #appBody.is-desktop .container .navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    #appBody.is-desktop .navbar-header {
        float: left
    }

    #appBody.is-desktop .navbar-collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important;
        border-top: 0
    }

    #appBody.is-desktop .navbar-toggle {
        display: none
    }

    #appBody.is-desktop .navbar-brand {
        margin-left: -15px
    }

    #appBody.is-desktop .navbar-nav {
        float: left;
        margin: 0
    }

    #appBody.is-desktop .navbar-nav>li {
        float: left
    }

    #appBody.is-desktop .navbar-nav.navbar-right {
        float: right
    }

    #appBody.is-desktop .navbar-right {
        margin: 0 !important;
        width: 548px !important
    }

    #appBody.is-desktop .navbar .navbar-nav .open .dropdown-menu {
        float: left
    }

    #appBody.is-desktop .navbar-form {
        float: left;
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        box-shadow: none
    }

    #appBody.is-desktop .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    #appBody.is-desktop .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    #appBody.is-desktop .navbar-form .form-control-static {
        display: inline-block
    }

    #appBody.is-desktop .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    #appBody.is-desktop .navbar-form .input-group .form-control,
    #appBody.is-desktop .navbar-form .input-group .input-group-addon,
    #appBody.is-desktop .navbar-form .input-group .input-group-btn {
        width: auto
    }

    #appBody.is-desktop .navbar-form .input-group>.form-control {
        width: 100%
    }

    #appBody.is-desktop .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    #appBody.is-desktop .navbar-form .checkbox,
    #appBody.is-desktop .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    #appBody.is-desktop .navbar-form .checkbox input[type=checkbox],
    #appBody.is-desktop .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    #appBody.is-desktop .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    #appBody.is-desktop .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    #appBody.is-desktop .form-inline .form-control-static {
        display: inline-block
    }

    #appBody.is-desktop .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    #appBody.is-desktop .form-inline .input-group .form-control,
    #appBody.is-desktop .form-inline .input-group .input-group-addon,
    #appBody.is-desktop .form-inline .input-group .input-group-btn {
        width: auto
    }

    #appBody.is-desktop .form-inline .input-group>.form-control {
        width: 100%
    }

    #appBody.is-desktop .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    #appBody.is-desktop .form-inline .checkbox,
    #appBody.is-desktop .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    #appBody.is-desktop .form-inline .checkbox input[type=checkbox],
    #appBody.is-desktop .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
}

@media (max-width:1252px) {
    #appBody.is-desktop .desc-container {
        max-width: 254px
    }
}

@media (min-width:421px) and (max-width:1024px) {
    #appBody.is-desktop .sign-in-modal .modal-dialog {
        width: 98%
    }
}

@media (min-width:821px) and (max-width:1024px) {
    #appBody.is-desktop .sign-in-modal .modal-dialog .tenant-login-section {
        max-width: 65%
    }
}

@media (max-width:820px) {
    #appBody.is-desktop .sign-in-modal .modal-dialog .tenant-login-section {
        float: left;
        width: 100%
    }

    #appBody.is-desktop .sign-in-modal .modal-dialog .tenant-info-section {
        width: 100%
    }
}

@media (max-width:480px) {
    #appBody.is-desktop .sign-in-modal .modal-dialog {
        width: 100%;
        margin-top: 0;
        margin-left: 0
    }
}

#appBody.is-desktop .orderMgt .posFixed {
    min-width: 192px
}

#appBody.is-desktop .orderMgt .cart-items-tbl {
    max-width: calc(100% - 192px)
}

#appBody.is-desktop div.atsDDContent {
    margin-left: -20px !important
}

#appBody.is-desktop div.atsDDContent.makeClass span.arrow_box1 {
    left: 95px !important
}

#appBody.is-desktop div.atsDDContent.categoryClass span.arrow_box1,
#appBody.is-desktop div.atsDDContent.modelClass span.arrow_box1,
#appBody.is-desktop div.atsDDContent.subcategoryClass span.arrow_box1,
#appBody.is-desktop div.atsDDContent.vintypeClass span.arrow_box1 {
    left: 78px !important
}

@media (max-width:720px) {
    #appBody.is-desktop .modal-dialog {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    #appBody.is-desktop .modal-dialog #orderTypeSelectionPopUp .modal-header .row .orderTypeHeader .col1,
    #appBody.is-desktop .modal-dialog #orderTypeSelectionPopUp .modal-header .row .orderTypeHeader .col2,
    #appBody.is-desktop .modal-dialog #orderTypeSelectionPopUp .modal-header .row .orderTypeHeader .col3 {
        float: left
    }

    #appBody.is-desktop .modal-dialog #orderTypeSelectionPopUp .modal-header .row .orderTypeHeader .qty-avail .tot-available-lbl {
        max-width: 63%
    }
}

@media (max-width:768px) {
    #appBody.is-desktop .add-recipients .modal-content .add-recipients-container .add-recipients-header .pzv-title-t1 {
        float: left
    }

    #appBody.is-desktop .add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-label {
        display: none
    }

    #appBody.is-desktop .add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input {
        padding: 20px 10px;
        background-color: #efefef;
        margin-top: 20px
    }

    #appBody.is-desktop .add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .pzv-label-lc1 {
        display: inline-block
    }

    #appBody.is-desktop .add-recipients .modal-content .add-recipients-container .add-recipients-body .add-recipients-input .email-id {
        margin-bottom: 5px
    }
}

.en_US .availability-container {
    width: 410px
}

@media (min-width:1025px) and (max-width:1188px) {

    .en_US .profile-menu,
    .en_US .profile-menu #customerList,
    .en_US .profile-menu #customerList>a .cust-number {
        width: auto
    }
}

.tooltip.in {
    opacity: 1
}

a {
    cursor: pointer
}

@page {
    size: auto;
    margin: 0
}

.out-of-stk {
    color: #F41732
}

.pbBody a {
    display: none !important
}

.otPcCenter {
    margin-top: 70px !important
}

/*# sourceMappingURL=../maps/styles/app-25344f7d69.css.map */