/******************************************************************************************************************
/* Theme Name		: ECO theme
/* Theme Version	: ECO-3
/* File Name        : style.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 14-Sept-2017
/* Description      : This is core libraries less file for build css.
/*******************************************************************************************************************/
/*!
 * 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 */
body {
  margin: 0;
}
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;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !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: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    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 th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@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: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur: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 {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub: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";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #3c3c3c;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #7d7d7d;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #575757;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 1;
}
.img-rounded {
  border-radius: 0;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ffffff;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #f4f4f4;
}
h1,
.h1,
h2,
.h2,
h3,
.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,
.h4,
h5,
.h5,
h6,
.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;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 92%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #f4f4f4;
}
.text-primary {
  color: #7d7d7d;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #636363;
}
.text-success {
  color: #3e5983;
}
a.text-success:hover,
a.text-success:focus {
  color: #2e4160;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #3c3c3c;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #232323;
}
.bg-primary {
  color: #fff;
  background-color: #7d7d7d;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #636363;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #ffffff;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@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;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #f4f4f4;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #ffffff;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #f4f4f4;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #ffffff;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #b0b0b0;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 0;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .container {
    width: 1201px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1201px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1400px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #f4f4f4;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e5e5;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #e5e5e5;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.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 #e5e5e5;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #b0b0b0;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #3c3c3c;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #3c3c3c;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #7d7d7d;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(125, 125, 125, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(125, 125, 125, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #ffffff;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@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: 32px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .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"] {
    line-height: 40px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .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"] {
    line-height: 42px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  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 {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 40px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-sm {
  height: 40px;
  line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 40px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.form-group-sm select.form-control {
  height: 40px;
  line-height: 40px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 40px;
  min-height: 33px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.input-lg {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-lg {
  height: 42px;
  line-height: 42px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.form-group-lg select.form-control {
  height: 42px;
  line-height: 42px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 42px;
  min-height: 38px;
  padding: 11px 15px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3e5983;
}
.has-success .form-control {
  border-color: #3e5983;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2e4160;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
}
.has-success .input-group-addon {
  color: #3e5983;
  border-color: #3e5983;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3e5983;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #3c3c3c;
}
.has-error .form-control {
  border-color: #3c3c3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #232323;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6f6f6f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6f6f6f;
}
.has-error .input-group-addon {
  color: #3c3c3c;
  border-color: #3c3c3c;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #3c3c3c;
}
.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;
  color: #7c7c7c;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.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;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 13px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #ffffff;
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #636363;
  border-color: #3d3d3d;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #636363;
  border-color: #5e5e5e;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #636363;
  border-color: #5e5e5e;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #525252;
  border-color: #3d3d3d;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.btn-default .badge {
  color: #7d7d7d;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #636363;
  border-color: #3d3d3d;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #636363;
  border-color: #5e5e5e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #636363;
  border-color: #5e5e5e;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #525252;
  border-color: #3d3d3d;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.btn-primary .badge {
  color: #7d7d7d;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #83bc34;
  border-color: transparent;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #679429;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:hover {
  color: #ffffff;
  background-color: #679429;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #679429;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #547821;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #83bc34;
  border-color: transparent;
}
.btn-success .badge {
  color: #83bc34;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #e6f5fc;
  border-color: transparent;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #b8e3f7;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:hover {
  color: #ffffff;
  background-color: #b8e3f7;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #b8e3f7;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #99d6f3;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #e6f5fc;
  border-color: transparent;
}
.btn-info .badge {
  color: #e6f5fc;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #7d7d7d;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #575757;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #f4f4f4;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.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 {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #b0b0b0;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #a3a3a3;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #7d7d7d;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #f4f4f4;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #f4f4f4;
  white-space: nowrap;
}
.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 {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  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 .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.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 > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 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 > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.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 > .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:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  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="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  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-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  line-height: 42px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.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: normal;
  line-height: 1;
  color: #3c3c3c;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 0;
}
.input-group-addon.input-lg {
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 0;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  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:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  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:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  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 > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #ffffff;
}
.nav > li.disabled > a {
  color: #f4f4f4;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #f4f4f4;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #ffffff;
  border-color: #7d7d7d;
}
.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 #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #ffffff #ffffff #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #d2d2d2;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #7d7d7d;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.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;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.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, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .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-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 360px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.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:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .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;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.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;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.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 > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.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-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-btn.btn-sm {
  margin-top: 5px;
  margin-bottom: 5px;
}
.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;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -10px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #555555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: rgba(0, 0, 0, 0);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-default .btn-link {
  color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #ffffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #ffffff;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #ffffff;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
  padding: 10px 0;
  margin-bottom: 20px;
  list-style: none;
  background-color: #005ea8;
  border-radius: 0;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #3c3c3c;
}
.breadcrumb > .active {
  color: #3c3c3c;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #7d7d7d;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #a6a6a6;
  background-color: transparent;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #a6a6a6;
  background-color: #7d7d7d;
  border-color: #7d7d7d;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #a6a6a6;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #a6a6a6;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #7d7d7d;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #f4f4f4;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #dbdbdb;
}
.label-primary {
  background-color: #7d7d7d;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #636363;
}
.label-success {
  background-color: #83bc34;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #679429;
}
.label-info {
  background-color: #e6f5fc;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #b8e3f7;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #f4f4f4;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #7d7d7d;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #ffffff;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #e6e6e6;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 0;
  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 {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #7d7d7d;
}
.thumbnail .caption {
  padding: 9px;
  color: #3c3c3c;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 0;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.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;
}
.alert-success {
  background-color: #f0f7e9;
  border-color: #d6e9c6;
  color: #8dac60;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #738f4a;
}
.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: #3c3c3c;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #232323;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #7d7d7d;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #83bc34;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #e6f5fc;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  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: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
a.list-group-item,
button.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #ffffff;
  color: #f4f4f4;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #f4f4f4;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e3e3e3;
}
.list-group-item-success {
  color: #3e5983;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3e5983;
}
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:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3e5983;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3e5983;
  border-color: #3e5983;
}
.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:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  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:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #3c3c3c;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #3c3c3c;
}
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:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #3c3c3c;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #3c3c3c;
  border-color: #3c3c3c;
}
.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;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.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: -1;
  border-top-left-radius: -1;
}
.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: -1;
  border-bottom-left-radius: -1;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.panel > .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 td:first-child,
.panel > .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 td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th: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 th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1;
}
.panel > .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 td:last-child,
.panel > .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 td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th: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 th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: -1;
  border-bottom-right-radius: -1;
}
.panel > .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 td:first-child,
.panel > .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 td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1;
}
.panel > .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 td:last-child,
.panel > .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 td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #e5e5e5;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  /*  color: @heading-text-color;
    background-color: @heading-bg-color;
    border-color: @heading-border; */
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f2f4f7;
  background-color: #b0b0b0;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #7d7d7d;
}
.panel-primary > .panel-heading {
  /*  color: @heading-text-color;
    background-color: @heading-bg-color;
    border-color: @heading-border; */
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #7d7d7d;
}
.panel-primary > .panel-heading .badge {
  color: #7d7d7d;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #7d7d7d;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  /*  color: @heading-text-color;
    background-color: @heading-bg-color;
    border-color: @heading-border; */
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3e5983;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  /*  color: @heading-text-color;
    background-color: @heading-bg-color;
    border-color: @heading-border; */
}
.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: @heading-text-color;
    background-color: @heading-bg-color;
    border-color: @heading-border; */
}
.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: @heading-text-color;
    background-color: @heading-bg-color;
    border-color: @heading-border; */
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #3c3c3c;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.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: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 0;
}
.well-sm {
  padding: 9px;
  border-radius: 0;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  max-width: 640px;
  margin-top: 50px;
  margin-bottom: 40px;
}
.modal-lg .modal-content {
  max-width: 1366px;
}
.modal-sm .modal-content {
  max-width: 1366px;
}
.modal-lg .modal-content {
  max-width: 1366px;
}
.modal-sm .modal-content {
  max-width: 1366px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
  overflow: auto;
}
.modal-footer {
  padding: 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.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 {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1201px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  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: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 0;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -12px;
}
.popover.right {
  margin-left: 12px;
}
.popover.bottom {
  margin-top: 12px;
}
.popover.left {
  margin-left: -12px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -1 -1 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;
}
.popover > .arrow {
  border-width: 13px;
}
.popover > .arrow:after {
  border-width: 12px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -13px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -13px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -12px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -13px;
  margin-top: -13px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -12px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -13px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -13px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -12px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -13px;
  margin-top: -13px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -12px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    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: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  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 #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    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:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.tabs .tabs-list:before,
.tabs .tabs-list:after,
.cart__content:before,
.cart__content:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.tabs .tabs-list:after,
.cart__content:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .hidden-lg {
    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;
  }
  th.visible-print,
  td.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;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* jQuery */
/*! jQuery UI - v1.11.4 - 2016-01-21
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Misc visuals
----------------------------------*/
.ui-datepicker {
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #3c3c3c;
}
.ui-datepicker .ui-datepicker-header {
  color: #3c3c3c;
  background-color: transparent;
  border: none;
  font-weight: bold;
}
/* Icons
----------------------------------*/
.ui-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #7d7d7d;
  cursor: pointer;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 15px;
  line-height: 1;
  margin-top: 5px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  float: left;
  text-align: left;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\e079";
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
  float: right;
  text-align: right;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e080";
}
.ui-datepicker .ui-icon {
  display: none;
}
.ui-widget-header .ui-datepicker-prev-hover.ui-state-hover,
.ui-widget-header .ui-datepicker-next-hover.ui-state-hover {
  border: 0 none;
  background: transparent;
  color: #575757;
  top: 2px;
}
.ui-datepicker th {
  font-weight: 400;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #f4f4f4;
  text-align: center;
  color: #3c3c3c;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #7d7d7d;
  color: #ffffff;
  border-color: #7d7d7d;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #7d7d7d;
  color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/*********General CSS*********/
body {
  overflow-x: hidden;
}
body.offcanvas {
  overflow-y: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}
.no-margin {
  margin: 0 !important;
}
@media (min-width: 1400px) {
  .container-lg {
    float: none;
    margin: 0 auto !important;
    overflow: hidden;
  }
}
button {
  font-weight: bold;
}
.btn {
  border-radius: 0 !important;
}
ul,
ol {
  padding-left: 15px;
}
@media (max-width: 1200px) {
  .form-control {
    height: 42px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
    font-size: 14px;
  }
  select.form-control {
    height: 42px;
    line-height: 42px;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
option {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 18px;
  padding: 6px 13px;
  width: 100%;
}
/*
General
*****************************************************************/
a,
button {
  color: #7d7d7d;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #3c3c3c;
}
.open > .dropdown-menu {
  padding: 15px 0 0 0;
}
.dropdown-menu li {
  margin-top: 3px;
}
.dropdown-menu li:first-child {
  margin-top: 0px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #3c3c3c;
  white-space: nowrap;
}
.display-none {
  display: none;
}
.page-title {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .item-label,
  .item-value {
    display: block;
  }
}
@media (max-width: 767px) {
  .item-label,
  .item-value {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    width: 49%;
  }
  .item-value {
    padding-left: 10px;
  }
  .item-action {
    margin-top: 20px;
  }
}
.item-label {
  text-transform: uppercase;
  font-weight: 300;
}
.item-value {
  font-size: 18px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.alert {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .alert {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container__full {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .container__full {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f2f4f7;
  border: none;
  border-bottom: 1px solid #334b5c;
  padding: 10px 15px;
  margin: 0;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well.well-single-headline {
  padding-left: 0;
  padding-right: 0;
}
.well.well-xs {
  padding: 0px 15px 5px;
}
.well.well-xs .well-headline {
  padding-top: 15px;
  margin: 0;
}
.well.well-xs .well-content {
  padding-top: 20px;
}
.well.well-sm {
  padding: 10px 20px;
}
.well.well-md {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .well.well-md {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-lg {
  padding-top: 45px;
  padding-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-primary {
  background-color: #7d7d7d;
  color: #ffffff;
}
.well.well-secondary {
  background-color: #ffffff;
  color: #3c3c3c;
}
.well.well-tertiary {
  background-color: #009cdd;
  color: #ffffff;
}
.well.well-tertiary .item-label {
  color: #7f919e;
}
.well.well-tertiary .item-value {
  color: #fff;
}
.well.well-tertiary .item-value a {
  color: #fff;
  text-decoration: underline;
}
.well.well-quaternary {
  background-color: #f2f2f2;
  color: #3c3c3c;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.well.well-quinary {
  background-color: #ffffff;
  color: #3c3c3c;
  border-color: #e5e5e5;
  padding-left: 0;
  padding-right: 0;
}
.well.well-quinary .well-headline {
  background-color: #009cdd;
  color: #ffffff;
}
.well.well-quinary .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .well.well-quinary .well-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #334b5c;
  padding: 5px 30px 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline-sub {
  font-weight: 400;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .well-headline {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0;
}
.well-content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well > .col-no-padding {
  padding-left: 0;
  padding-right: 0;
}
.well .well-headline {
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .well .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .well,
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1200px) {
  body.offcanvas {
    max-height: 100vh;
  }
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .container {
    width: 100%;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
footer {
  padding-top: 50px;
  margin-top: 30px;
  background: #f8f8f8;
  color: #ffffff;
  font-weight: 300;
}
.footer__top {
  padding-bottom: 50px;
}
@media (max-width: 1201px) {
  .footer__top {
    padding-bottom: 38px;
  }
}
@media (max-width: 768px) {
  .footer__top .footer__nav--container {
    margin-bottom: 10px;
    text-align: center;
  }
}
.footer__top .footer__nav--container .footer__nav--links {
  padding-left: 0px;
  width: 100%;
  margin: 0px;
  list-style: none;
}
.footer__top .footer__nav--container .footer__nav--links .footer__link {
  margin-top: 10px;
}
.footer__top .footer__nav--container .footer__nav--links a {
  color: #ffffff;
  font-size: 14px;
}
.footer__left {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .footer__left {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.footer__right {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .footer__right {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1201px) {
  .footer__right {
    border-top: 1px solid #1e3d55;
    padding-top: 30px;
    margin-top: 25px;
  }
}
.footer__right .footer__dropdown select.form-control {
  padding: 2px 13px;
}
.footer__right .footer__dropdown .form-group {
  margin-bottom: 0;
}
.footer__right .footer__dropdown .form-control {
  cursor: pointer;
  background-color: #f8f8f8;
  color: #ffffff;
  padding: 7px 10px;
  height: 26px;
  line-height: 20px;
  font-size: 14px;
}
.footer__right .footer__dropdown .form-control option {
  background-color: #f8f8f8;
}
.footer__right .footer__dropdown .form-control:focus::-ms-value {
  background-color: #f8f8f8;
}
.footer__copyright {
  background: #ffffff;
  padding: 25px 0;
  color: #3c3c3c;
  text-align: center;
}
/* Responsive Media queries Width Size*/
/* imports the variable.less */
/* *********************************nav links ***********************/
ul.nav__links::after {
  content: "";
  display: block;
  clear: both;
}
ul.nav__links li {
  float: left;
  list-style-type: none;
}
ul.nav__links::after {
  clear: both;
}
@media (max-width: 1200px) {
  ul.nav__links:before {
    content: " ";
    display: table;
  }
}
/* ********************************* /nav links ***********************/
.branding-mobile {
  padding: 10px 0 9px 0;
  border-bottom: solid 1px transparent;
  z-index: 9999;
  background-color: none;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .branding-mobile {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation.navigation--top {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .navigation.navigation--top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation--top .nav__left {
  padding: 9px 0 7px;
}
.navigation--top .nav__left .simple-banner-component img,
.navigation--top .nav__left .banner__component img {
  width: auto;
}
.miniCartSlot > div[data-ng-transclude] {
  display: inline-block;
}
.navigation--top .nav__right .nav__links--account {
  margin: 0;
  padding-left: 0;
  float: right;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] {
  display: inline-block;
  float: left;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] li:last-child a {
  padding-right: 12px;
}
.navigation--top .nav__right .nav__links--account li {
  display: inline-block;
  font-size: 12px;
  color: #7d7d7d;
  font-weight: 400;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li:last-child a {
  padding-right: 0;
}
.navigation--top .nav__right .nav__links--account li.logged_in {
  padding: 10px;
}
.navigation--top .nav__right .nav__links--account li button {
  background: transparent none repeat scroll 0% 0%;
  border: medium none;
  color: #0068b3;
  font-size: 1em;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li button:hover {
  background: none;
  text-decoration: none;
  color: #7d7d7d;
}
.navigation--top .nav__right .nav__links--account li a {
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 400;
  padding: 12px;
  display: block;
  font-size: 1em;
  line-height: 1.329em;
}
.navigation--top .nav__right .nav__links--account li a:hover {
  text-decoration: none;
  color: #7d7d7d;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.collapsed,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.collapsed {
  background-color: transparent;
  color: inherit;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.collapsed::after,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.collapsed::after {
  clear: both;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.collapsed:hover,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.collapsed:hover,
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.collapsed:focus,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.collapsed:focus {
  color: #7d7d7d;
  text-decoration: none;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader {
  background-color: #003459;
  color: #ffffff;
  text-decoration: none;
  height: 40px;
}
#accNavComponentDesktopOne,
#accNavComponentDesktopTwo {
  padding: 0;
  background-color: #003459;
}
#accNavComponentDesktopOne ul.nav__links,
#accNavComponentDesktopTwo ul.nav__links {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}
#accNavComponentDesktopOne ul.nav__links li,
#accNavComponentDesktopTwo ul.nav__links li {
  text-transform: capitalize;
  list-style: none;
  font-size: 12px;
  color: #7d7d7d;
  font-weight: 400;
  padding: 10px;
  border-right: 1px solid #265272;
  border-bottom: 1px solid #265272;
}
#accNavComponentDesktopOne ul.nav__links li:hover,
#accNavComponentDesktopTwo ul.nav__links li:hover {
  background: #004678;
}
#accNavComponentDesktopOne ul.nav__links li a,
#accNavComponentDesktopTwo ul.nav__links li a {
  color: #ffffff;
  display: block;
  padding: 25px 0 25px 30px;
  font-size: 15px;
  font-weight: 400;
}
#accNavComponentDesktopOne ul.nav__links li a:hover,
#accNavComponentDesktopTwo ul.nav__links li a:hover {
  text-decoration: none;
}
.navigation--middle .nav__right .nav__hamburger__search {
  padding-left: 15px;
}
@media (max-width: 1200px) {
  .navigation--middle .nav__right .nav__hamburger__search .search-tablet {
    margin-left: 34px;
  }
}
.navigation--middle #mobile-header {
  margin-left: 0;
  margin-right: 0;
}
.navigation--middle #mobile-header .mobile-hamburger {
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .navigation--middle .row:first-child {
    border: none;
  }
}
.navigation--middle .btn-menu {
  background-color: transparent;
  width: 100%;
  padding: 0;
  height: 100%;
  color: #7d7d7d;
  border: none;
}
.navigation--middle .navleft_tablet {
  width: 100%;
  left: -400px;
  padding-left: 0;
}
.navigation--middle .navleft_mobile {
  width: 100%;
  left: -320px;
  padding-left: 10px;
}
@media (min-width: 1201px) {
  .navigation--middle .nav__left {
    padding-left: 0;
    padding-right: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    top: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .navigation--middle .nav__left {
    display: block;
  }
}
.navigation--middle .nav__left .js-site-logo {
  display: inline-block;
}
.navigation--middle .nav__left .js-site-logo .simple-banner-component {
  padding: 0;
  margin: 0;
}
.navigation--middle .nav__left .js-site-logo img {
  box-shadow: none;
  max-width: 235px;
  width: auto;
  height: 35px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
@media (max-width: 1200px) {
  .navigation--middle .nav__left .js-site-logo img {
    height: 30px;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__left .js-site-logo img {
    height: 23px;
  }
}
.navigation--middle .nav__left .js-site-logo.adjustableStoreLogoClass img {
  height: 80px;
  width: auto;
  max-width: 100%;
}
@media (max-width: 1200px) {
  .navigation--middle .nav__left .js-site-logo.adjustableStoreLogoClass img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__left .js-site-logo.adjustableStoreLogoClass img {
    height: 50px;
    max-width: 90%;
  }
}
.navigation--middle .nav__left .js-shop-name {
  text-transform: uppercase;
  font-size: 15px;
}
.navigation--middle .nav__left .js-shop-name a {
  color: #666666;
  font-weight: 300;
}
.navigation--middle .nav__left .js-shop-name:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
@media (max-width: 1200px) {
  .navigation--middle .nav__left .js-shop-name {
    font-size: 11.0pt;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__left .js-shop-name {
    display: none !important;
  }
}
.navigation--middle .nav__left .site-search {
  background-color: none;
  z-index: 2;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .navigation--middle .nav__left .site-search {
    margin-left: -10px;
  }
}
@media (max-width: 1201px) {
  .navigation--middle .nav__left .site-search {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__left .site-search.active {
    display: block!important;
  }
}
.navigation--middle .nav__left .site-search .ui-front {
  padding: 10px 0;
}
.navigation--middle .nav__left .site-search .glyphicon-search {
  color: #3c3c3c;
  font-size: 17px;
  float: right;
  right: 10px;
}
.navigation--middle .nav__left .site-search .input-group {
  background-color: #ffffff;
  min-height: 38px;
  border: 1px solid #cccccc;
}
.navigation--middle .nav__left .site-search .input-group .form-control {
  border: 0;
  box-shadow: none;
  height: 38px;
}
.navigation--middle .nav__left .site-search .input-group .btn-menu {
  width: 40px;
  padding: 0;
}
.navigation--middle .nav__left .site-search .input-group .btn-menu:hover {
  background-color: transparent;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete {
  display: none;
  position: absolute;
  background: #ffffff;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: auto!important;
  padding-left: 0;
  padding-top: 0;
  list-style: none;
  margin: 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li {
  border-top: 1px solid #e5e5e5;
  display: block;
  width: 100%;
  padding: 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li a {
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .name {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  width: 100%;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb + .name {
  padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .price {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li.ui-state-focus {
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 0;
  background: #f4f4f4;
  color: #3c3c3c;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete.active {
  display: block;
}
.navigation--middle .nav__right {
  padding-right: 0;
}
.navigation--middle .nav__right .margin-top-70 {
  margin-top: 70px !important;
}
.navigation--middle .nav__right .js-site-logo {
  display: inline-block;
  margin-right: 30px;
}
.navigation--middle .nav__right .js-site-logo .simple-banner-component {
  padding: 0;
  margin: 0;
}
.navigation--middle .nav__right .js-site-logo img {
  box-shadow: none;
  max-width: 235px;
  width: auto;
  height: 35px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
@media (max-width: 1200px) {
  .navigation--middle .nav__right .js-site-logo img {
    height: 30px;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__right .js-site-logo img {
    height: 23px;
  }
}
.navigation--middle .nav__right .site-search {
  width: 350px;
  margin-right: 15px;
  margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .navigation--middle .nav__right .site-search {
    margin-top: 1px;
    width: 330px;
    box-shadow: 0px 5px 7px 0px #d9d9d9;
  }
}
.navigation--middle .nav__right .eco3-btn-search {
  width: 350px !important;
  height: 30px !important;
}
@media (min-width: 1201px) {
  .navigation--middle .nav__right {
    max-height: 40px;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__right {
    padding-top: 40px;
    padding-right: 20px;
  }
}
@media (max-width: 1200px) {
  .navigation--middle .nav__right {
    padding: 40px 0;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .navigation--middle .nav__right .tablet-header-right-section {
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 360px) {
  .navigation--middle .nav__right .site-search {
    width: 150px;
    margin-right: 20px;
  }
  .navigation--middle .nav__right .eco3-btn-search {
    width: 150px !important;
    height: 30px !important;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info {
  margin-bottom: 0;
  float: right;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    padding-right: 15px;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .wishList_dropdown_Align .dropdownPanel {
  left: -148px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li {
  padding: 0 5px;
  float: right;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.minicart-nav-section {
  padding-right: 0;
  max-height: 55px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.loginmenu {
  min-width: 50px;
  max-width: 120px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.loginmenu.guest-user {
  max-width: 180px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.loginmenu span.userName {
  max-width: 120px;
  padding: 10px 0 0 0;
  display: inline;
  text-align: left;
  height: 40px;
  overflow: hidden;
  font-size: 11pt;
  top: 10px;
}
@media (max-width: 1201px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    padding-left: 10px;
    float: right;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    float: right;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info li {
    padding: 0 5px;
    float: right;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    border-left: 1px solid transparent;
    margin-top: 0;
    float: left;
  }
}
@media (min-width: 768px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .componentContainer .yCmsComponent {
    display: inline;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-item span,
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location span {
  position: absolute;
  top: 10px;
  left: -60px;
}
@media (min-width: 768px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-item,
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    float: right;
    padding: 0 10px;
  }
}
@media (min-width: 1201px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-item,
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    padding: 4px 10px;
  }
}
@media (max-width: 767px) {
  .navigation--middle .componentContainer {
    text-align: right;
    vertical-align: top;
    border-left: 1px solid transparent;
  }
}
.navigation--middle .nav-order-tools,
.navigation--middle .nav-location,
.navigation--middle .nav-item,
.navigation--middle .nav-cart {
  height: 40px;
  position: relative;
}
.navigation--middle .nav-cart {
  float: right;
}
@media (max-width: 767px) {
  .navigation--middle .nav-cart {
    right: 5px;
    position: relative;
    float: none;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .navigation--middle .nav-cart .mini-cart-price {
    overflow: hidden;
    margin: 0 0 0 5px;
    float: right;
    font-size: 11pt;
    font-weight: 400;
    position: relative;
    top: 7px;
  }
}
.navigation--middle .nav-cart .mini-cart-link {
  color: #7d7d7d;
}
@media (min-width: 768px) {
  .navigation--middle .nav-cart .mini-cart-link {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav-cart .mini-cart-link {
    display: block;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon {
    color: #7d7d7d;
    left: -7px;
    top: 10px;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart {
    width: 30px;
    font-size: 22px;
    position: relative;
    right: -6px;
    top: 3px;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-count {
    font-size: 12px;
    position: absolute;
    right: 44%;
    top: -13px;
    margin: 0;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-count .nav-items-total {
    position: absolute;
    left: -5px;
    line-height: 1;
    font-size: 11.0pt;
  }
}
.navigation--middle .nav-cart .mini-cart-count {
  float: right;
  font-size: 12px;
  top: 5px;
  position: relative;
  color: #fff;
  height: 20px;
  min-width: 20px;
  text-align: center;
  margin-left: 10px;
}
.navigation--middle .nav-cart .mini-cart-count .nav-items-total {
  min-width: 22px;
  padding: 3px 4px;
  right: 5px;
  line-height: 1.3;
  font-size: 11.0pt;
  font-weight: 400;
}
@media (max-width: 767px) {
  .navigation--middle .nav-cart .mini-cart-count .nav-items-total {
    position: absolute;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .navigation--middle .nav-cart .mini-cart-icon {
    float: left;
    position: relative;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav-cart .mini-cart-icon {
    cursor: pointer;
  }
}
.navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
  font-size: 22px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
    margin-left: 5px;
  }
}
.navigation--middle .mobile__nav__row {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .navigation--middle .mobile__nav__row.mobile__nav__row--table,
  .navigation--middle .mobile__nav__row .mobile__nav__row--table {
    display: table !important;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-group {
    display: table-row-group !important;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row {
    display: table-row !important;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row:before {
    display: table;
    content: " ";
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell {
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell.magnifier {
    text-align: right;
  }
  .navigation--middle .mobile__nav__row .mobile-nav-row-align-right-side {
    display: flex;
    float: right;
    gap: 22px;
  }
  .navigation--middle .mobile__nav__row .nav__links--shop_info .componentContainer {
    margin-bottom: 0;
    overflow: hidden;
  }
  .navigation--middle .mobile__nav__row span.glyphicon-align-justify {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    color: #7d7d7d;
    font-size: 29px;
    top: 2px;
  }
  .navigation--middle .mobile__nav__row .componentContainer .nav-order-tools,
  .navigation--middle .mobile__nav__row .componentContainer .nav-cart {
    font-size: 30px;
    line-height: 40px;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .navigation--middle .mobile__nav__row .componentContainer .nav-order-tools .mini-cart-count,
  .navigation--middle .mobile__nav__row .componentContainer .nav-cart .mini-cart-count {
    position: absolute;
    top: 8px;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell {
    border-right: 1px solid transparent;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell:last-child {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .navigation--middle .mobile__nav__row .mobile__nav__row--seperator {
    border-left: 1px solid transparent;
  }
}
@media (max-width: 767px) {
  .navigation--middle .mobile__nav__row--btn {
    padding: 0;
    vertical-align: top;
    height: 40px;
    font-size: 30px;
    line-height: 40px;
  }
  .navigation--middle .mobile__nav__row--btn .nav-order-tools,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search {
    font-size: 30px;
    line-height: 60px;
    padding: 0;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:hover,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:hover,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:hover,
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:focus,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:focus,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:focus,
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:active,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:active,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:active {
    background-color: #e5e5e5;
    color: #7d7d7d;
    text-decoration: none;
  }
  .navigation--middle .mobile__nav__row--btn span.glyphicon {
    color: #7d7d7d;
  }
}
.navigation--middle .mobile-menu {
  height: 40px;
}
.navigation--middle .mobile-menu button {
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
  height: 100%;
  width: 100%;
  padding: 0;
}
.navigation--middle .mobile-menu span {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  color: #7d7d7d;
  font-size: 29px;
  top: 3px;
}
#js-mainHeader.affix {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
@media (min-width: 1201px) {
  #js-mainHeader.affix {
    min-height: 115px;
  }
  #js-mainHeader.affix #navigation--middle {
    padding-top: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
  }
  #js-mainHeader.affix #navigation--middle .js-site-logo img {
    height: 35px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
  }
  #js-mainHeader.affix #navigation--middle .nav__right {
    padding-top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
  }
  #js-mainHeader.affix #navigation--bottom {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
  }
  #js-mainHeader.affix #navigation--bottom .nav__links--products {
    height: 35px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
  }
}
#js-mainHeader.affix,
#mobile-header.affix,
#navigation--middle .nav__right.affix {
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999999;
  background-color: #ffffff;
  position: fixed !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#mobile-header.affix,
#navigation--middle .nav__right.affix {
  box-shadow: 0 5px 7px 0 #d9d9d9;
  -webkit-box-shadow: 0 5px 7px 0 #d9d9d9;
  -moz-box-shadow: 0 5px 7px 0 #d9d9d9;
}
@media (max-width: 1200px) {
  #mobile-header.affix,
  #navigation--middle .nav__right.affix {
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.15);
  }
}
.navigation--middle .nav__right {
  padding: 20px 0 !important;
  max-height: 70px;
}
#mobile-header.affix {
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 56px;
}
#mobile-header.affix .mobile__nav__row {
  margin-top: 0;
  padding-top: 14px;
}
#mobile-header.affix .guest .miniCartSlot {
  padding-right: 10px;
}
#navigation--middle .nav__right.affix {
  padding-left: 32px;
  margin-top: 0;
  height: 70px;
  padding-top: 20px;
  padding-right: 30px;
}
.headerContainer {
  max-width: 1366px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=@color-border)";
  width: 100%;
  padding: 0;
  margin: 0 auto;
  background-color: #ffffff;
}
@media (min-width: 1201px) {
  .headerContainer {
    min-height: 150px;
  }
}
@media (max-width: 1200px) {
  .navigation__topbar {
    left: 0 !important;
    margin-left: 0 !important;
    z-index: 999999 !important;
  }
}
.navigation--bottom {
  z-index: 99999;
  padding-top: 25px;
}
.navigation--bottom .sub_navigation_bar {
  background-color: #009cdd;
  height: 5px;
  width: 100%;
  display: none;
}
@media (max-width: 1200px) {
  .navigation--bottom {
    border-bottom: none;
    margin-top: 30px;
    padding-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .navigation--bottom {
    margin-top: 5px;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .sm-back::before {
    content: " ";
    float: none;
  }
}
.navigation--bottom .nav_link_signin {
  margin-left: 16px;
  margin-bottom: 20px;
}
@media (min-width: 1201px) {
  .navigation--bottom .navigation__overflow {
    background-color: #009cdd;
  }
  .navigation--bottom .navigation__overflow.inactive {
    background-color: #abdef4;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .navigation__overflow {
    left: -400px;
    top: 0;
    border-top: 1px solid transparent;
  }
}
.navigation--bottom .navigation__overflow .signOutText {
  position: absolute;
  margin-left: 10px;
  margin-top: 3px;
}
.navigation--bottom .navigation__overflow ul.nav_link_signOut {
  margin-left: 23px;
  position: relative;
  margin-bottom: 10px;
}
.navigation--bottom .navigation__overflow ul.nav_link_signOut li.sign-out-list {
  width: 100%;
  max-width: 100%;
  float: none;
  margin-top: 10px;
}
.navigation--bottom .navigation__overflow ul.nav_link_signOut li.sign-out-list span.close-nav {
  top: 3px;
}
@media (max-width: 1200px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav {
    position: relative;
    right: 12px;
    top: 5px;
  }
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav .js-toggle-sm-navigation {
    padding: 5px;
    display: inline-block;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button {
    background-color: #f3f3f3;
    height: 100%;
    width: 100%;
    display: inline-block;
    color: transparent;
    overflow: hidden;
    border: none;
  }
}
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
  color: #7d7d7d;
  font-size: 25px;
}
.navigation--bottom:before,
.navigation--bottom:after {
  content: " ";
  display: table;
}
.navigation--bottom:after {
  clear: both;
}
@media (min-width: 1400px) {
  .navigation--bottom a {
    padding: 20px 32px;
  }
}
.navigation--bottom .column-20-percent {
  float: left;
  width: 20%;
}
@media (max-width: 1200px) {
  .navigation--bottom {
    width: 400px;
    position: fixed;
    left: -400px;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f3f3f3;
    top: 68px;
    bottom: 0;
  }
  .navigation--bottom li {
    float: none;
  }
}
@media (max-width: 767px) {
  .navigation--bottom {
    width: 320px;
    left: -320px;
    margin-left: 0;
  }
}
.navigation--bottom .nav__links--products {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  position: relative;
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--products {
    height: 40px !important;
  }
}
.navigation--bottom .nav__links--products .sub__navigationHeader {
  text-align: left;
  margin-left: 38px;
  text-transform: uppercase;
  color: #009cdd;
  margin-top: 10px;
}
.navigation--bottom .nav__links--products .sub__navigationHeader a.multilayered-navigation {
  text-align: left;
  margin-left: 0;
  text-transform: uppercase;
  color: #009cdd;
  margin-top: 10px;
  padding: 0 !important;
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products.active {
    position: relative;
    left: -100%;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products {
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #f3f3f3;
    padding: 0;
    position: relative;
    left: 0;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products li {
    float: none;
    overflow: hidden;
    background-color: #f3f3f3;
    width: 100%;
    max-width: 100%;
    border-right: none;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products li.liUserSign {
    border-bottom: 1px solid #265272;
  }
  .navigation--bottom .nav__links--products li.liUserSign:hover {
    background-color: #004678;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products li.liUserSign a.userSign {
    width: 80%;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 20px;
  }
}
.navigation--bottom .nav__links--products li:last-child {
  margin-right: 0;
  padding-right: 0 !important;
}
.navigation--bottom .nav__links--products li a {
  font-weight: 400;
  font-size: 11.0pt;
  line-height: 16px;
  padding: 0;
  display: block;
  color: #ffffff;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products li a {
    padding: 8px 35px 8px 38px !important;
    margin-top: 0;
    color: #7d7d7d;
    text-transform: none;
    display: block;
    text-align: left;
  }
}
.navigation--bottom .nav__links--products li span.navItem.contact-text {
  padding: 0;
  text-align: left;
  display: block;
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products li span.navItem.contact-text {
    padding: 8px 35px 8px 38px !important;
  }
}
.navigation--bottom .nav__links--products .nav__links--primary span > a,
.navigation--bottom .nav__links--products .nav__links--secondary > a,
.navigation--bottom .nav__links--products .nav__links--tertiary > a {
  cursor: pointer;
}
.navigation--bottom .nav__links--products .contact-plain-text {
  min-height: 40px;
  display: block;
  padding: 5px 25px 5px 20px;
  text-align: left;
  line-height: 30px;
}
.navigation--bottom .nav__links--products .nav__links--secondary {
  position: relative;
  z-index: 1000;
  left: 0;
  border-top: 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary > a,
.navigation--bottom .nav__links--products .nav__links--secondary > span a {
  color: #6d6d6d;
  text-transform: inherit;
}
.navigation--bottom .nav__links--products .nav__links--secondary > a.active,
.navigation--bottom .nav__links--products .nav__links--secondary > span a.active {
  background-color: #009cdd;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #ffffff !important;
}
.navigation--bottom .nav__links--products .nav__links--secondary > a:hover,
.navigation--bottom .nav__links--products .nav__links--secondary > span a:hover {
  background-color: #009cdd;
  text-decoration: none;
  color: #ffffff;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub__navigation1 {
  min-width: 246px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub__navigation1 .row {
  margin: 0;
  height: 100%;
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--products .nav__links--secondary .sub__navigation1 .sub-navigation-section {
    background-color: #f3f3f3;
  }
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--products .nav__links--secondary .sub__navigation1 {
    display: none;
    position: absolute;
    z-index: 1000;
    left: 0;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products .nav__links--secondary .sub__navigation1 {
    display: none;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
  .navigation--bottom .nav__links--products .nav__links--secondary .sub__navigation1 .sub_navigation_bar {
    display: none;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products .nav__links--secondary.active .sub__navigation1 {
    display: block;
  }
}
@media (max-width: 1201px) {
  .navigation--bottom .nav__links--products .nav__links--secondary.active {
    position: static !important;
    border-right: none;
  }
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--products .nav__links--secondary.active {
    display: none;
    position: absolute;
    z-index: 1000;
    left: 0;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products .nav__links--secondary.active {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
  .navigation--bottom .nav__links--products .nav__links--secondary.active .sub_navigation_bar {
    display: none;
  }
}
.navigation--bottom .nav__links--products .nav__links--secondary .row {
  position: relative;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section {
  position: static;
  padding: 0;
  height: 100%;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section.double {
  position: relative;
  min-height: 1px;
  padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-section-column {
  float: left;
  padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list {
  padding-left: 0;
  list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li {
  font-weight: 400;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li > a:hover,
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li > a:focus {
  background-color: #2b9be9;
  text-decoration: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-list.has-title {
  margin-top: 40px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .title + .sub-navigation-list.has-title {
  margin-top: 0;
}
.navigation--bottom .nav__links--products .nav__links--tertiary {
  display: none;
  position: relative;
  z-index: 1000;
  left: 0;
  border-top: 0;
}
.navigation--bottom .nav__links--products .nav__links--tertiary > a {
  color: #6d6d6d;
}
.navigation--bottom .nav__links--products .nav__links--tertiary > a.active {
  background-color: #2b9be9;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #ffffff !important;
}
.navigation--bottom .nav__links--products .nav__links--tertiary > a:hover {
  background-color: #2b9be9;
  text-decoration: none;
  color: #ffffff;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub__navigation2 {
  min-width: 246px;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub__navigation2 .row {
  margin: 0;
  height: 100%;
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--products .nav__links--tertiary .sub__navigation2 {
    display: none;
    position: absolute;
    z-index: 1000;
    left: 0;
  }
  .navigation--bottom .nav__links--products .nav__links--tertiary .sub__navigation2 .sub-navigation-section {
    background-color: #eaeaea;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products .nav__links--tertiary .sub__navigation2 {
    display: none;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
  .navigation--bottom .nav__links--products .nav__links--tertiary .sub__navigation2 .sub_navigation_bar {
    display: none;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--products .nav__links--tertiary.active .sub__navigation2 {
    display: block;
  }
}
@media (max-width: 1201px) {
  .navigation--bottom .nav__links--products .nav__links--tertiary.active {
    position: static !important;
    border-right: none;
  }
}
.navigation--bottom .nav__links--products .nav__links--tertiary .row {
  position: relative;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub-navigation-section {
  position: static;
  padding: 0;
  height: 100%;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub-navigation-section.double {
  position: relative;
  min-height: 1px;
  padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub-navigation-section .sub-navigation-section-column {
  float: left;
  padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub-navigation-section .sub-navigation-list {
  padding-left: 0;
  list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub-navigation-section .sub-navigation-list li {
  font-weight: 400;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub-navigation-section .sub-navigation-list li a {
  color: #6d6d6d;
  text-align: left;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub-navigation-section .sub-navigation-list li a:hover {
  background-color: #2b9be9;
  text-decoration: none;
  color: #ffffff;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .sub-navigation-list.has-title {
  margin-top: 40px;
}
.navigation--bottom .nav__links--products .nav__links--tertiary .title + .sub-navigation-list.has-title {
  margin-top: 0;
}
.navigation--bottom .show-sub .nav__link a {
  position: relative;
}
.navigation--bottom .show-sub .sub__navigation {
  display: block !important;
  top: 40px;
}
.navigation--bottom .show-sub1 .nav__link a {
  position: relative;
}
.navigation--bottom .show-sub1 .sub__navigation1 {
  display: block !important;
  top: 40px;
}
.navigation--bottom .show-sub2 .nav__link a {
  position: relative;
}
.navigation--bottom .show-sub2 .sub__navigation2 {
  display: block !important;
  top: 40px;
}
.navigation--bottom .nav__link {
  display: inline-block;
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary-has__sub,
  .navigation--bottom .nav__links--secondary-has__sub,
  .navigation--bottom nav__links--tertiary-has__sub {
    position: static;
  }
}
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down,
.navigation--bottom .nav__links--secondary-has__sub .nav__link--drill__down,
.navigation--bottom nav__links--tertiary-has__sub .nav__link--drill__down,
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down1,
.navigation--bottom .nav__links--secondary-has__sub .nav__link--drill__down1,
.navigation--bottom nav__links--tertiary-has__sub .nav__link--drill__down1,
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down2,
.navigation--bottom .nav__links--secondary-has__sub .nav__link--drill__down2,
.navigation--bottom nav__links--tertiary-has__sub .nav__link--drill__down2 {
  right: 10px;
  position: absolute;
  top: 13px;
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down,
  .navigation--bottom .nav__links--secondary-has__sub .nav__link--drill__down,
  .navigation--bottom nav__links--tertiary-has__sub .nav__link--drill__down,
  .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down1,
  .navigation--bottom .nav__links--secondary-has__sub .nav__link--drill__down1,
  .navigation--bottom nav__links--tertiary-has__sub .nav__link--drill__down1,
  .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down2,
  .navigation--bottom .nav__links--secondary-has__sub .nav__link--drill__down2,
  .navigation--bottom nav__links--tertiary-has__sub .nav__link--drill__down2 {
    top: 10px;
    right: 20px;
  }
}
.navigation--bottom .nav__links--primary {
  font-size: 11.0pt;
  font-weight: normal;
  border-right: 1px solid #ffffff;
  text-align: center;
  position: relative;
  display: table;
  min-height: 35px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--primary.header-overlay-active .nav__link {
    background-color: #4dbae7;
  }
  .navigation--bottom .nav__links--primary.header-overlay-active .nav__link a {
    color: #ffffff;
  }
  .navigation--bottom .nav__links--primary .js_nav__link:hover a.js_nav__link--drill__down {
    color: #ffffff;
  }
  .navigation--bottom .nav__links--primary:hover span.js_nav__link a.navItem,
  .navigation--bottom .nav__links--primary:hover span.js_nav__link a {
    color: #ffffff;
  }
}
.navigation--bottom .nav__links--primary:last-child {
  float: right;
  border-right: none;
  border-left: 1px solid #ffffff;
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--primary:last-child .nav__link {
    background-color: #83bc34;
  }
  .navigation--bottom .nav__links--primary:last-child .nav__link:hover {
    background-color: #a8d071;
  }
  .navigation--bottom .nav__links--primary:last-child .nav__link.active {
    background-color: #83bc34;
  }
  .navigation--bottom .nav__links--primary:last-child .nav__link.inactive {
    background-color: #d6e9bd;
  }
  .navigation--bottom .nav__links--primary:last-child .nav__link a {
    color: #ffffff;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary:last-child {
    clear: both;
    float: none;
    background: none;
    border-left: none;
  }
}
.navigation--bottom .nav__links--primary .nav__link {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #6d6d6d;
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary .nav__link a:hover {
    background-color: #009cdd;
    color: #ffffff;
  }
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--primary .nav__link {
    background-color: #009cdd;
  }
  .navigation--bottom .nav__links--primary .nav__link a:hover {
    color: #ffffff;
  }
  .navigation--bottom .nav__links--primary .nav__link:hover {
    background-color: #4dbae7;
    color: #ffffff;
  }
  .navigation--bottom .nav__links--primary .nav__link.active {
    background-color: #009cdd;
  }
  .navigation--bottom .nav__links--primary .nav__link.inactive {
    background-color: #abdef4;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary.active .sub__navigation {
    display: block;
  }
}
@media (max-width: 1201px) {
  .navigation--bottom .nav__links--primary.active {
    position: static;
    border-right: none;
  }
}
.navigation--bottom .nav__links--primary .sub__navigation {
  min-width: 246px;
}
.navigation--bottom .nav__links--primary .sub__navigation .row {
  margin: 0;
  height: 100%;
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    position: absolute;
    z-index: 1000;
    left: 0;
  }
  .navigation--bottom .nav__links--primary .sub__navigation .sub-navigation-section {
    background-color: #f8f8f8;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
  .navigation--bottom .nav__links--primary .sub__navigation .sub_navigation_bar {
    display: none;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary .sm-back {
    color: #7d7d7d;
    padding: 0 10px;
    font-size: 18px;
    line-height: 35px;
    cursor: pointer;
  }
  .navigation--bottom .nav__links--primary .sm-back::after {
    content: ' ';
  }
  .navigation--bottom .nav__links--primary .sm-back::before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8em;
    margin-right: 1.2em;
    background: url("../images/chevron.svg") no-repeat;
    transform: rotate(180deg);
    width: 9px;
    left: 4px;
    height: 13px;
    background-size: 100%;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary .row {
    margin: 0;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    padding: 0;
    background: #f3f3f3;
  }
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    position: static;
    border: 1px solid transparent;
    border-top: 0;
    padding: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    height: 100%;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
  font-size: 18px;
  line-height: 40px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1399px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    padding: 10px 20px 10px 50px;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 10px;
    list-style: none;
  }
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    padding: 0;
    list-style: none;
    padding-top: 20px;
    padding-bottom: 10px;
    display: table;
    width: 100% !important;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
    display: table;
    width: 100%;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li a,
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li span.contact-text,
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li span.contact-text a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    line-height: 1.3;
    text-align: left;
    white-space: normal;
    min-height: 40px;
    padding: 0 10px;
    cursor: pointer;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li span.contact-text a {
    padding-left: 0;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li span.contact-text:hover,
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li span.contact-text a:hover {
    background-color: #009cdd !important;
    color: #ffffff !important;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li span.contact-text:hover a,
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li span.contact-text a:hover a {
    color: #ffffff !important;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
  position: relative;
  height: 40px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
    display: block;
    float: none;
  }
}
@media (min-width: 1201px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child {
    border: none;
  }
}
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup2 li,
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup3 li {
  border-bottom: 1px solid #265272;
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--mobile {
    overflow: hidden;
  }
  .navigation--bottom .nav__links--mobile li {
    overflow: hidden;
    background-color: #03426f;
    border: none;
  }
  .navigation--bottom .nav__links--mobile li a {
    color: #ffffff;
  }
  .navigation--bottom .nav__links--mobile .subNavList {
    padding-left: 0;
  }
  .navigation--bottom .nav__links--mobile .subNavList li {
    padding: 5px 0;
    background: #003459;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--mobile div.sub-nav .myAccountLinksHeader,
  .navigation--bottom .nav__links--mobile div.sub-nav .myCompanyLinksHeader {
    display: block;
    cursor: pointer;
    max-height: 40px;
    text-transform: uppercase;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a {
    border-bottom: 1px solid #265272;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a span {
    float: right;
    line-height: 50px;
    left: 0;
    position: relative;
    height: 30px;
    top: -14px;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .userGroup {
    position: relative;
    line-height: 50px;
    background-color: #ffffff;
    padding: 5px 12px 5px 20px;
    cursor: pointer;
    color: #7d7d7d;
    display: inline-block;
    width: 80%;
    float: left;
    height: 40px;
    text-transform: uppercase;
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .userGroup a {
    border: none;
    color: #7d7d7d;
  }
  .navigation--bottom .userGroup a:hover {
    background-color: transparent !important;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .userGroup .myAcctUserIcon {
    font-size: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .userGroup .userName {
    display: inline-block;
    padding-left: 10px;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .userGroup #signedInUserOptionsToggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    position: absolute;
    left: 260px;
    line-height: 40px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    left: 68vw;
  }
}
@media (min-width: 768px) {
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  main.offcanvas {
    position: relative;
  }
}
@media (max-width: 767px) {
  main.offcanvas {
    position: relative;
  }
}
@media (max-width: 767px) {
  .offcanvas .sticky-nav-top {
    left: 0;
    position: absolute;
    height: 40px;
    width: 100vw;
  }
}
@media (max-width: 1200px) {
  .sticky-nav-top {
    position: absolute;
    left: 0;
    top: -40px;
    width: 380px;
    padding: 0;
    margin-bottom: 0;
    z-index: 9999;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .sticky-nav-top {
    position: absolute;
    top: -40px;
    height: 40px;
    left: -60px;
    z-index: 999;
    width: 100vw;
  }
}
.sticky-nav-top .liUserSign {
  background-color: #ffffff;
}
@media (max-width: 1200px) {
  .sticky-nav-top .userSign {
    text-align: left;
    width: 80%;
    display: inline-block;
    color: #7d7d7d;
    padding: 20px 30% 20px 50px;
  }
}
@media (max-width: 1200px) {
  html.offcanvas {
    overflow-x: hidden;
  }
}
.nav-order-tools {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 768px) {
  .nav-order-tools {
    border-left: 0;
    border-right: 1px solid transparent;
    padding: 0 15px;
  }
}
@media (min-width: 1201px) {
  .nav-order-tools {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .nav-order-tools {
    position: static;
  }
}
.nav-order-tools:before {
  position: relative;
  top: 23%;
  display: inline;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e032";
  color: #7d7d7d;
  font-size: 30px;
}
@media (max-width: 767px) {
  .nav-order-tools:before {
    top: 3px;
  }
}
.quote__list {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 45px;
  text-align: right;
}
.quote__list a {
  font-size: 25px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #7d7d7d;
}
.quote__list a .glyphicon {
  top: 4px;
}
@media (min-width: 768px) {
  .quote__list {
    border-left: 0;
    padding: 0 15px;
  }
}
@media (min-width: 1201px) {
  .quote__list {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .quote__list {
    position: static;
  }
}
.js-nav-order-tools--active .nav-order-tools__child-wrap {
  display: block;
}
.js-nav-quote-list--active .quote__list--nav {
  display: block;
}
.quote__list--nav {
  text-align: left;
  position: absolute;
  border: 1px solid transparent;
  background-color: #ffffff;
  right: 40px;
  top: 26px;
  width: 260px;
  z-index: 10;
}
.quote__list--nav a {
  font-size: 14px;
  line-height: 1.42857143;
}
@media (max-width: 767px) {
  .quote__list--nav {
    width: 100vw;
    top: 103px;
  }
}
.quote__list--nav a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #3c3c3c;
  padding: 20px 30px;
}
.quote__list--nav a:hover {
  background-color: #e5e5e5;
}
.nav-order-tools__child-wrap {
  font-size: 14px;
  line-height: 1.42857143;
  text-align: left;
  position: absolute;
  border: 1px solid transparent;
  background-color: #ffffff;
  right: -1px;
  top: 40px;
  width: 260px;
  z-index: 10;
}
@media (max-width: 767px) {
  .nav-order-tools__child-wrap {
    width: 100vw;
    top: 103px;
  }
}
.nav-order-tools__child-wrap div {
  border-bottom: 1px solid #e5e5e5;
}
.nav-order-tools__child-wrap div:last-child {
  border-bottom: none;
}
.nav-order-tools__child-wrap a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #3c3c3c;
  padding: 20px 30px;
}
.nav-order-tools__child-wrap a:hover {
  background-color: #e5e5e5;
}
/* ******************** FireFox releated CSS ****************************************** */
.firefox .navigation--middle .nav-cart .mini-cart-count .nav-items-total {
  top: -32px;
}
@media (max-width: 767px) {
  .firefox .navigation--middle .nav-cart .mini-cart-count .nav-items-total {
    top: 0;
  }
}
/* *************************************************************************************** */
.navigationOverlay {
  position: absolute;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #666666;
  background-size: 100% 100%;
  z-index: 9999;
}
.mobile-header-nav-open {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -moz-box-shadow: 0 0 10px 1px #d9d9d9;
  -webkit-box-shadow: 0 0 10px 1px #d9d9d9;
  box-shadow: 0 0 10px 1px #d9d9d9;
  z-index: 99999999;
}
header {
  background: none;
  margin-bottom: 20px;
}
.page-cartPage header,
.page-homepage header,
.page-productGrid header,
.page-searchGrid header,
.page-search header,
.page-cartPage header,
.pageType-CategoryPage header {
  margin-bottom: 0;
}
.page-headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.page-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.page-sub-headline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
}
.text-variant-bold {
  font-weight: 600;
}
.full-width-padding {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .full-width-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.half-width-padding {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1201px) {
  .half-width-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.btn-formblock {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 25px;
}
.btn {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn.glyphicon {
  padding: 3px 0 4px 0;
}
.btn.glyphicon:before {
  font-size: 25px;
}
.btn,
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn-small {
  padding: 6px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn-icon {
  padding-left: 83px;
  position: relative;
}
.btn-icon:before {
  position: absolute;
  font-size: 25px;
  top: 9px;
  left: 20px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.btn-icon:after {
  content: "";
  position: absolute;
  left: 65px;
  top: -3px;
  border-right: 3px solid currentColor;
  height: 48px;
}
:hover.btn-icon:after {
  border-right-width: 3px;
}
.btn-edit-confirm {
  width: 48%;
}
.btn-block + .btn-block {
  margin-top: 10px;
}
.btn-default {
  border: 3px solid;
  color: #ffffff;
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #7d7d7d;
  background-color: #ffffff;
  border-color: #7d7d7d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: #ffffff;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #7d7d7d;
  background-color: #ffffff;
}
.btn-primary {
  border: 3px solid;
  color: #ffffff;
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #7d7d7d;
  background-color: #ffffff;
  border-color: #7d7d7d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: #ffffff;
  background-color: #8cbbdd;
  border-color: #8cbbdd;
}
.btn-primary .badge {
  color: #7d7d7d;
  background-color: #ffffff;
}
.pagination-wrap {
  float: right;
  text-align: right;
}
.pagination {
  border: 1px solid #cccccc;
  font-weight: 600;
  margin: 0;
}
.pagination > li {
  vertical-align: top;
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
  position: static;
  border: none;
  margin: 0;
  float: none;
  display: inline-block;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-next > a,
.pagination > li.pagination-prev > span,
.pagination > li.pagination-next > span {
  font-size: 11px;
}
.pagination > li.pagination-prev > a:hover,
.pagination > li.pagination-next > a:hover,
.pagination > li.pagination-prev > span:hover,
.pagination > li.pagination-next > span:hover,
.pagination > li.pagination-prev > a:focus,
.pagination > li.pagination-next > a:focus,
.pagination > li.pagination-prev > span:focus,
.pagination > li.pagination-next > span:focus {
  background-color: #7d7d7d;
  color: #ffffff;
}
.pagination > li.pagination-prev.disabled > a:hover,
.pagination > li.pagination-next.disabled > a:hover,
.pagination > li.pagination-prev.disabled > span:hover,
.pagination > li.pagination-next.disabled > span:hover,
.pagination > li.pagination-prev.disabled > a:focus,
.pagination > li.pagination-next.disabled > a:focus,
.pagination > li.pagination-prev.disabled > span:focus,
.pagination > li.pagination-next.disabled > span:focus {
  color: #a6a6a6;
  background-color: transparent;
  border-color: #cccccc;
}
.pagination > li.pagination-prev {
  text-align: left;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  border-right: 1px solid #cccccc;
}
.pagination > li.pagination-next {
  text-align: right;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  border-left: 1px solid #cccccc;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: transparent;
  border: none;
  font-weight: 400;
}
.pagination > li > a,
.pagination > li > span {
  line-height: 30px;
  width: 30px;
  padding: 0;
  font-size: 14px;
  text-align: center;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  margin-right: 10px;
  width: 35px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  margin-left: 10px;
  width: 35px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 1200px) {
  .pagination > li > a,
  .pagination > li > span {
    line-height: 46px;
    width: 30px;
    padding: 0;
    font-size: 14px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 10px;
    width: 40px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    margin-left: 10px;
    width: 40px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767px) {
  .pagination {
    display: table;
    width: 100%;
  }
  .pagination > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .pagination > li > a,
  .pagination > li > span {
    float: none;
  }
  .pagination > li > a,
  .pagination > li > span {
    line-height: 40px;
    width: 40px;
    padding: 0;
    font-size: 14px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 13.33333333px;
    width: 60px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    margin-left: 13.33333333px;
    width: 60px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .pagination-with-pager .pagination-wrap {
    float: none;
  }
}
.breadcrumb-section {
  background: #005ea8;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .breadcrumb-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.breadcrumb-section .breadcrumb {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
.image-gallery__image {
  cursor: pointer;
}
.image-gallery__zoom-icon {
  font-size: 20px;
  opacity: 0.5;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
@media (min-width: 768px) {
  .page-productDetails .carousel {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.product-details,
.product-details-price {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .product-details,
  .product-details-price {
    padding: 0;
  }
}
.product-details .name,
.product-details-price .name {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding: 0;
}
.product-details .name.border,
.product-details-price .name.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product-details .name .sku,
.product-details-price .name .sku {
  font-size: 18px;
  line-height: 18px;
  color: #7d7d7d;
  position: relative;
  padding-left: 20px;
  font-weight: 400;
}
.product-details .name .sku:before,
.product-details-price .name .sku:before {
  border-left: 1px solid #e5e5e5;
  content: "";
  height: 14px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.product-details .name .code,
.product-details-price .name .code {
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px;
}
.product-details .promotion,
.product-details-price .promotion {
  color: #00a651;
}
.product-details .description,
.product-details-price .description {
  padding: 10px 0 25px;
}
.product-details .price,
.product-details-price .price {
  font-size: 25px;
  font-weight: bold;
}
.product-details .stock-status,
.product-details-price .stock-status {
  font-weight: 300;
}
@media (max-width: 1399px) {
  .product-details .description,
  .product-details-price .description {
    border-bottom: 1px solid #cccccc;
  }
}
.product-details.page-title {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .product-details.page-title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-main-info {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .product-main-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-main-info .product-details {
  padding: 0;
}
.variant-section {
  margin-bottom: 30px;
}
.variant-section .variant-selector .variant-name {
  font-size: 13px;
  font-weight: 600;
  color: #7d7d7d;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
  font-weight: normal;
  text-transform: none;
}
.variant-section .variant-selector .variant-list {
  padding-left: 0;
  list-style: none;
  margin-left: -20px;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list li {
  float: left;
  margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
  display: block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  background: #fff;
  color: #3c3c3c;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .variant-section .variant-selector .variant-list li a,
  .variant-section .variant-selector .variant-list li span {
    height: 42px;
    width: 42px;
    line-height: 42px;
  }
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a,
.variant-section .variant-selector .variant-list li.active a {
  background: #7d7d7d;
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
  border: 1px solid #7d7d7d;
  color: #fff;
}
.variant-section .variant-selector .variant-list li:hover a img,
.variant-section .variant-selector .variant-list li.active a img {
  border: 1px solid #fff;
}
.variant-section .variant-selector .variant-list li.disabled span {
  color: #999;
  cursor: not-allowed;
}
.variant-section .variant-selector .variant-select {
  margin: 10px 0 0;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating .rating-stars {
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  position: relative;
}
@media (max-width: 1200px) {
  .rating .rating-stars {
    font-size: 18px;
    float: none;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
}
.rating .rating-stars .greenStars {
  position: absolute;
  overflow: hidden;
  top: 3px;
  left: 0;
  white-space: nowrap;
  width: 0;
}
.rating .rating-stars span {
  color: #dee3e8;
  margin: 0 0.1em;
  overflow: hidden;
}
.rating .rating-stars span.fh {
  width: 0.47em;
  margin-right: 0;
  float: left !important;
}
.rating .rating-stars span.lh {
  width: 0.5em;
  text-indent: -0.44em;
  margin-left: 0;
  float: left !important;
}
.rating .rating-stars span.active {
  color: #7d7d7d;
}
.rating.rating-set .rating-stars {
  cursor: pointer;
  display: inline-block;
}
.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.rating a:before {
  border-left: 1px solid #cccccc;
  content: "";
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}
.tabs-responsive .tab-container {
  float: none;
  padding: 0;
}
@media (max-width: 1200px) {
  .tabs-responsive .tabhead {
    border-bottom: 1px solid #f2f4f7;
  }
}
.tab-review .review-pagination-bar {
  margin: 10px 0;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  content: " ";
  display: table;
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  content: " ";
  display: table;
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar .right {
  float: right;
}
.tab-review .review-pagination-bar .right .pager {
  float: left;
  margin: 0 10px;
}
.tab-review .review-list {
  padding-left: 0;
  list-style: none;
}
.tab-review .review-list .review-entry {
  margin: 10px 0;
}
.tab-review .review-list .review-entry .title {
  font-weight: bold;
}
.tab-review .review-list .review-entry .autor {
  color: #f4f4f4;
}
.tab-review .write-review {
  display: none;
}
#AddToCart-PickUpInStoreAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1201px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 100%;
  }
}
.AddToCart-PickUpInStoreAction {
  margin-top: 10px;
}
.AddToCart-ShareOnSocialNetworkAction {
  margin-top: 20px;
}
#AddToCart-AddToCartAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1201px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 100%;
  }
}
#AddToCart-ShareOnSocialNetworkAction {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 30px;
}
.image-gallery img {
  width: 100%;
  height: auto;
  -webkit-touch-callout: none;
}
.image-gallery .zoomImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: none;
  max-width: none;
  z-index: 9999;
  border: 0;
  opacity: 0;
}
.image-gallery .zoomImg img {
  width: 100%;
  height: 100%;
}
.image-gallery .zoomImgMask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
.addtocart-component {
  margin-top: 10px;
}
.addtocart-component .stock-wrapper {
  font-size: 13px;
  margin: 25px 0;
}
.addtocart-component .stock-wrapper * {
  float: left;
  margin: 0;
}
.addtocart-component .stock-wrapper .futureStockLink {
  margin-left: 10px;
}
.addtocart-component .actions .btn {
  margin-bottom: 10px;
}
.addtocart-component .row .AddToCart-ShareOnSocialNetworkAction {
  margin: 0 auto;
  padding-top: 50px;
  width: 100px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share {
  background: url("../../common/images/productShareIcon.png") no-repeat left center;
  padding-left: 25px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share .a2a_img {
  display: none;
}
.addtocart-component .qty-selector .input-group-btn,
#add_to_cart_storepickup_form .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn,
#add_to_cart_storepickup_form .qty-selector .btn {
  width: 48px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.addtocart-component .qty-selector .form-control,
#add_to_cart_storepickup_form .qty-selector .form-control {
  width: 50px;
  height: 48px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 1200px) {
  .addtocart-component {
    margin-top: 20px;
  }
  .addtocart-component .qty-selector .input-group-btn,
  .addtocart-component .qty-selector .btn,
  .addtocart-component .qty-selector .form-control {
    width: 62.4px;
  }
}
@media (max-width: 767px) {
  .addtocart-component .qty-selector {
    margin-left: auto;
    margin-right: auto;
  }
  .addtocart-component .stock-wrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
.add-to-cart .add-to-cart-item {
  margin-bottom: 10px;
}
.add-to-cart .add-to-cart-item:before,
.add-to-cart .add-to-cart-item:after {
  content: " ";
  display: table;
}
.add-to-cart .add-to-cart-item:after {
  clear: both;
}
.add-to-cart .add-to-cart-item:before,
.add-to-cart .add-to-cart-item:after {
  content: " ";
  display: table;
}
.add-to-cart .add-to-cart-item:after {
  clear: both;
}
.add-to-cart .add-to-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.add-to-cart .add-to-cart-item .details {
  font-size: 18px;
  margin-left: 75px;
}
.add-to-cart .add-to-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.add-to-cart .add-to-cart-item .price {
  font-size: 22px;
  text-align: right;
  font-weight: bold;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel:before,
.owl-carousel:after {
  content: " ";
  display: table;
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel:before,
.owl-carousel:after {
  content: " ";
  display: table;
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: " ";
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: " ";
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.loading > * {
  min-height: 1px;
}
.owl-carousel .owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
  top: 50% !important;
  display: table;
  width: 25px;
  height: 125px;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(255, 255, 255, 0.7);
  font-size: 120px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  font-size: 25px;
  line-height: 125px;
  color: #7d7d7d;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  color: #ffffff;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover span.glyphicon {
  color: #575757;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: 3px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before {
  content: "\e075";
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: 5px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
  content: "\e071";
}
.carousel,
.carousel__component--carousel {
  width: auto;
  margin: 10px -10px;
  text-align: center;
}
.carousel .item,
.carousel__component--carousel .item,
.carousel .carousel__item,
.carousel__component--carousel .carousel__item {
  display: block;
  margin: 0 10px;
  padding: 10px 0;
}
.carousel .item .thumb,
.carousel__component--carousel .item .thumb,
.carousel .carousel__item .thumb,
.carousel__component--carousel .carousel__item .thumb,
.carousel .item .carousel__item--thumb,
.carousel__component--carousel .item .carousel__item--thumb,
.carousel .carousel__item .carousel__item--thumb,
.carousel__component--carousel .carousel__item .carousel__item--thumb {
  margin-bottom: 20px;
  height: 140px;
}
.carousel .item .thumb img,
.carousel__component--carousel .item .thumb img,
.carousel .carousel__item .thumb img,
.carousel__component--carousel .carousel__item .thumb img,
.carousel .item .carousel__item--thumb img,
.carousel__component--carousel .item .carousel__item--thumb img,
.carousel .carousel__item .carousel__item--thumb img,
.carousel__component--carousel .carousel__item .carousel__item--thumb img {
  max-width: 140px;
  max-height: 140px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.carousel .item a,
.carousel__component--carousel .item a,
.carousel .carousel__item a,
.carousel__component--carousel .carousel__item a {
  color: #3c3c3c;
}
.carousel .item a:hover,
.carousel__component--carousel .item a:hover,
.carousel .carousel__item a:hover,
.carousel__component--carousel .carousel__item a:hover,
.carousel .item a:focus,
.carousel__component--carousel .item a:focus,
.carousel .carousel__item a:focus,
.carousel__component--carousel .carousel__item a:focus {
  text-decoration: none;
  color: #7d7d7d;
}
.carousel .item .item__name,
.carousel__component--carousel .item .item__name,
.carousel .carousel__item .item__name,
.carousel__component--carousel .carousel__item .item__name,
.carousel .item .carousel__item--name,
.carousel__component--carousel .item .carousel__item--name,
.carousel .carousel__item .carousel__item--name,
.carousel__component--carousel .carousel__item .carousel__item--name {
  margin-top: 13.33333333px;
  margin-bottom: 11px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  overflow: hidden;
  position: relative;
  height: 2.4em;
  font-weight: 600;
  font-size: 16px;
  color: #3c3c3c;
}
.carousel .item .item__name:before,
.carousel__component--carousel .item .item__name:before,
.carousel .carousel__item .item__name:before,
.carousel__component--carousel .carousel__item .item__name:before,
.carousel .item .carousel__item--name:before,
.carousel__component--carousel .item .carousel__item--name:before,
.carousel .carousel__item .carousel__item--name:before,
.carousel__component--carousel .carousel__item .carousel__item--name:before {
  background: #FFF none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  right: 0;
  content: "…";
}
.carousel .item .item__name:after,
.carousel__component--carousel .item .item__name:after,
.carousel .carousel__item .item__name:after,
.carousel__component--carousel .carousel__item .item__name:after,
.carousel .item .carousel__item--name:after,
.carousel__component--carousel .item .carousel__item--name:after,
.carousel .carousel__item .carousel__item--name:after,
.carousel__component--carousel .carousel__item .carousel__item--name:after {
  content: "";
  background: #FFF none repeat scroll 0% 0%;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.carousel .item .item__price,
.carousel__component--carousel .item .item__price,
.carousel .carousel__item .item__price,
.carousel__component--carousel .carousel__item .item__price,
.carousel .item .carousel__item--price,
.carousel__component--carousel .item .carousel__item--price,
.carousel .carousel__item .carousel__item--price,
.carousel__component--carousel .carousel__item .carousel__item--price {
  margin: 10px;
  color: #3c3c3c;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.carousel-component,
.carousel__component {
  padding: 0 20px;
  margin: 35px 0 15px;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  content: " ";
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  content: " ";
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component .carousel__component--headline,
.carousel__component .carousel__component--headline {
  color: #3c3c3c;
  font-size: 28px;
  margin: 10px 0 20px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.carousel-component:first-child,
.carousel__component:first-child {
  margin: 50px 0 22px;
}
.carousel-component + .carousel-component,
.carousel__component + .carousel-component,
.carousel-component .carousel__component,
.carousel__component .carousel__component {
  margin-top: 0;
  border-top: 4px solid #005ea8;
  padding-top: 30px;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
  content: " ";
  display: table;
}
.rotating-image-componet:after {
  clear: both;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
  content: " ";
  display: table;
}
.rotating-image-componet:after {
  clear: both;
}
.rotating-image-componet .carousel.rotating-image {
  margin: 0;
}
.rotating-image-componet .owl-item .item {
  padding: 0;
  margin: 0;
}
.rotating-image-componet .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.rotating-image-componet .owl-controls .owl-pagination {
  display: block !important;
}
.image-gallery .image-gallery__image .owl-item .item {
  padding: 0;
}
.image-gallery .image-gallery__image .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}
.image-gallery .gallery-carousel .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.simpleimagecomponent a {
  display: block;
}
.simpleimagecomponent a img {
  width: 100%;
  height: auto;
}
.banner-component {
  width: 100%;
}
.banner-component a {
  display: block;
  color: #3c3c3c;
  text-decoration: none;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component .title {
  font-weight: bold;
}
.banner-component .thumb {
  padding: 10px 0;
}
.banner-component .thumb img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .simple-banner-component,
  .banner__component {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.simple-banner-component a,
.banner__component a {
  display: block;
}
.simple-banner-component img,
.banner__component img {
  width: 100%;
  height: auto;
}
.image-map-component img {
  width: 100%;
  height: auto;
}
.cms-image-component img {
  width: 100%;
  height: auto;
}
.tabs {
  margin: 60px 0 0;
}
@media (max-width: 1200px) {
  .tabs {
    border-top: 1px solid #cccccc;
  }
}
.tabs .tabs-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  display: table;
  margin: 0 auto;
  border: 0;
}
.tabs .tabs-list > li {
  position: relative;
  display: block;
}
.tabs .tabs-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.tabs .tabs-list > li > a:hover,
.tabs .tabs-list > li > a:focus {
  text-decoration: none;
  background-color: #ffffff;
}
.tabs .tabs-list > li.disabled > a {
  color: #f4f4f4;
}
.tabs .tabs-list > li.disabled > a:hover,
.tabs .tabs-list > li.disabled > a:focus {
  color: #f4f4f4;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.tabs .tabs-list .open > a,
.tabs .tabs-list .open > a:hover,
.tabs .tabs-list .open > a:focus {
  background-color: #ffffff;
  border-color: #7d7d7d;
}
.tabs .tabs-list .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.tabs .tabs-list > li > a > img {
  max-width: none;
}
.tabs .tabs-list > li {
  min-width: 165px;
  text-align: center;
}
.tabs .tabs-list > li > a {
  background-color: #009cdd;
  color: #ffffff;
  margin-left: 1px;
  margin-right: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tabs .tabs-list > li > a:focus,
.tabs .tabs-list > li > a:hover {
  background-color: #4dbae7;
}
.tabs .tabs-list > li {
  float: left;
  margin-bottom: -1px;
}
.tabs .tabs-list > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.tabs .tabs-list > li > a:hover {
  border-color: #ffffff #ffffff #dddddd;
}
.tabs .tabs-list > li.active > a,
.tabs .tabs-list > li.active > a:hover,
.tabs .tabs-list > li.active > a:focus {
  color: #d2d2d2;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .tabs-list.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.tabs .tabs-list.nav-justified > li {
  float: none;
}
.tabs .tabs-list.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.tabs .tabs-list.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .tabs .tabs-list.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .tabs .tabs-list.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.tabs .tabs-list.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.tabs .tabs-list.nav-justified > .active > a,
.tabs .tabs-list.nav-justified > .active > a:hover,
.tabs .tabs-list.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .tabs .tabs-list.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .tabs .tabs-list.nav-justified > .active > a,
  .tabs .tabs-list.nav-justified > .active > a:hover,
  .tabs .tabs-list.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tabs .tabs-list li {
  padding: 0 20px;
}
.tabs .tabs-list li a {
  text-transform: uppercase;
  color: #7d7d7d;
  padding: 0 0 5px 0;
  border: 0;
  border-bottom: 4px solid transparent;
}
.tabs .tabs-list li a:focus,
.tabs .tabs-list li a:hover {
  cursor: pointer;
  background-color: transparent;
}
.tabs .tabs-list li + li:before {
  content: "";
  position: absolute;
  height: 15px;
  left: 0;
  top: 2px;
  border-left: 1px solid #cccccc;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li.active a:hover,
.tabs .tabs-list li.active a:focus {
  color: #3c3c3c;
  font-weight: bold;
  border: 0;
  border-bottom: 4px solid #7d7d7d;
}
.tabs .tabhead {
  height: 75px;
  display: table;
}
@media (max-width: 767px) {
  .tabs .tabhead {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .tabs .tabhead {
    display: none !important;
  }
}
.tabs .tabhead + .tabbody {
  display: none !important;
}
.tabs .tabhead.active {
  font-weight: bold;
}
.tabs .tabhead.active + .tabbody {
  display: block !important;
}
.tabs .tabhead a {
  padding: 0 10px;
  color: inherit;
  line-height: 1;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
@media (max-width: 1201px) {
  .tabs .tabhead a {
    padding-left: 20px;
  }
}
.tabs .tabhead .glyphicon {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}
.tabs .tabhead .glyphicon:before {
  content: "\e080";
}
@media (max-width: 1201px) {
  .tabs .tabhead .glyphicon {
    padding-right: 20px;
  }
}
.tabs .tabhead.active .glyphicon:before {
  content: "\e114";
}
.tabs .tabbody {
  border-bottom: 1px solid #cccccc;
  padding: 20px 0px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #f4f4f4;
}
@media (max-width: 1201px) {
  .tabs .tabbody {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1201px) {
  .tabs .tabbody {
    border-top: 1px solid #cccccc;
  }
}
@media (max-width: 767px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
.tabs.tabs-responsive .tabhead {
  text-transform: uppercase;
  display: none !important;
  border-bottom-color: #cccccc;
}
.tabs.tabs-responsive .tabhead.active {
  border-bottom: 4px solid #7d7d7d;
}
@media (max-width: 1200px) {
  .tabs.tabs-responsive .tabhead {
    display: table !important;
  }
}
.tabs.tabs-accordion .tabs-list {
  display: none !important;
}
.tabs.tabs-accordion .tabhead {
  display: table !important;
  margin-bottom: 20px;
}
.languagecurrencycomponent {
  float: right !important;
}
.languagecurrencycomponent form {
  display: inline-block;
}
.languagecurrencycomponent form + form {
  margin-left: 10px;
}
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.thumb {
  position: relative;
}
.thumb .badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}
.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
.com-space > * {
  padding: 10px 0;
}
.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-column > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.product-classifications .headline {
  font-weight: bold;
  padding: 10px;
}
.product-classifications table.table td.attrib {
  width: 50%;
}
.no-space {
  padding: 0 !important;
}
.no-space .yCmsComponent {
  padding: 0 !important;
}
.simple-responsive-banner-component a,
.banner__component--responsive a {
  display: block;
}
.simple-responsive-banner-component img,
.banner__component--responsive img {
  width: 100%;
  height: auto;
}
.error-page {
  text-align: center;
}
.back-link {
  padding: 20px 0px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .back-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.back-link.border {
  border-bottom: 1px solid #cccccc;
}
.back-link button {
  padding: 0;
}
.back-link .glyphicon {
  border-right: 1px solid #cccccc;
  border-radius: 0;
  padding-right: 10px;
  line-height: 16px;
  top: -2px;
}
.back-link .label {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-left: 10px;
  white-space: normal;
}
.back-link .label.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.back-link.product-details .label {
  font-weight: 600;
}
.accordion {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.accordion .panel-group {
  margin: 0;
}
.accordion .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion .panel .panel-heading {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  position: relative;
  padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  color: #3c3c3c;
  padding: 20px 30px;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  content: "\e113";
}
.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
  content: "\e114";
}
.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  left: 55px;
  top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
  display: block;
  position: static;
  padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
  background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #808080;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}
.pageType-CategoryPage .map img {
  min-width: 100%;
}
.searchEmptyPageMiddle-component {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .searchEmptyPageMiddle-component {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1201px) {
  .product__list--wrapper {
    padding: 0;
    margin: 0 0 0 -20px;
  }
}
@media (min-width: 768px) {
  .product__list--wrapper .pagination-wrap {
    padding-right: 0;
  }
}
.searchSpellingSuggestionPrompt {
  display: none;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .pagination-bar .sort-refine-bar button {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.results h1 {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  margin-top: 20px;
  padding-left: 20px;
  padding-bottom: 0;
}
.results h1.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product__listing {
  padding-left: 0;
  list-style: none;
}
.product__listing .product__listing--promo {
  color: #3e5983;
  margin-bottom: 10px;
}
a.product__listing .product__listing--promo:hover,
a.product__listing .product__listing--promo:focus {
  color: #2e4160;
}
@media (min-width: 1201px) {
  .product__listing .product__listing--promo {
    padding-right: 20px;
    margin: 0 -10px;
  }
}
.product__listing .product__list--price-panel {
  text-align: right;
}
.product__listing .product__list--name {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 106px;
  color: inherit;
}
.product__listing .product__listing--description {
  margin: 0 210px 0 106px;
}
@media (max-width: 767px) {
  .product__listing .product__listing--description {
    display: none !important;
  }
}
.product__listing .addtocart {
  clear: both;
  text-align: center;
  padding: 10px 0 0 0;
}
.product__listing .addtocart button {
  margin-bottom: 5px;
}
@media (min-width: 1201px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    width: 49%;
    display: inline-block;
    float: left;
  }
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .product__listing .addtocart .pickup-in-store-available {
    margin: 0 -4px;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    padding: 0 3.33333333px;
  }
}
.product__listing.product__list .product__list--item {
  padding: 20px 30px;
  border-top: 1px solid #005ea8;
}
.product__listing.product__list .product__list--item:nth-of-type(2n) {
  background-color: #f4f4f4;
}
@media (max-width: 1201px) {
  .product__listing.product__list .product__list--item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product__listing.product__list .product__list--thumb {
  float: left;
  margin-right: 10px;
  display: block;
}
.product__listing.product__list .product__list--price-panel {
  float: right;
  width: 200px;
}
.product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
.product__listing.product__list .ProductListComponent-ListAddToCartAction,
.product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
.product__listing.product__list .SearchResultsList-ListAddToCartAction {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
  .product__listing.product__list .ProductListComponent-ListAddToCartAction,
  .product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
  .product__listing.product__list .SearchResultsList-ListAddToCartAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
  .product__listing.product__list .ProductListComponent-ListAddToCartAction,
  .product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
  .product__listing.product__list .SearchResultsList-ListAddToCartAction {
    left: 33.33333333%;
  }
}
.product__listing.product__list .ProductListComponent-ListOrderFormAction,
.product__listing.product__list .SearchResultsList-ListOrderFormAction {
  float: left;
  width: 50%;
  left: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .product__listing.product__list .ProductListComponent-ListOrderFormAction,
  .product__listing.product__list .SearchResultsList-ListOrderFormAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .product__listing.product__list .ProductListComponent-ListOrderFormAction,
  .product__listing.product__list .SearchResultsList-ListOrderFormAction {
    left: 0%;
  }
}
@media (max-width: 767px) {
  .product__listing.product__list .product__list--price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}
.product__listing.product__grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product__listing.product__grid .product-item {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1201px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
.product__listing.product__grid .product-item:first-child {
  margin-left: -1px;
}
.product__listing.product__grid .thumb {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  height: 180px;
  overflow: hidden;
}
.product__listing.product__grid .thumb img {
  width: 100%;
  height: auto;
  max-width: 140px;
}
.product__listing.product__grid .details {
  text-align: center;
  margin: 0 auto;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.product__listing.product__grid .details .name {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 10px;
  height: 70px;
  overflow: hidden;
  color: #3c3c3c;
}
.product__listing.product__grid .details .price {
  font-size: 18px;
}
.product__listing.product__grid .details .promo {
  color: #00a651;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .product__listing.product__grid .product-item:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 767px) {
  .product__listing.product__grid .product-item:nth-child(2n+1) {
    clear: both;
  }
}
.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.search-empty .headline {
  margin-bottom: 20px;
}
.search-empty .search-suggestions {
  margin-bottom: 20px;
}
.product-category-page .product-categories .refine-bar {
  padding-bottom: 10px;
  padding-top: 10px;
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component,
.product-category-page .product-categories .pcp-banner .banner__component--responsive {
  margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
  padding-top: 10px;
}
@media (min-width: 1201px) {
  .search-list-page-right-result-list-slot {
    margin-left: -20px;
    margin-top: -20px;
  }
  .search-list-page-right-result-list-component {
    padding-left: 20px;
  }
  .product-list-right-slot {
    margin-left: -20px;
  }
  .product-list-right-component {
    margin-left: 0;
    padding-top: 20px;
  }
  .product-list-right-component .pagination-bar {
    margin-top: 0;
  }
}
.product-resultpage-ecotabs .eco3-responsive-tabs ul.nav-tabs {
  border-bottom: 1px solid #cccccc;
  max-width: 830px;
  width: auto;
}
@media (max-width: 767px) {
  .product-resultpage-ecotabs .eco3-responsive-tabs ul.nav-tabs {
    overflow-x: auto;
    height: 44px;
  }
}
.product-resultpage-ecotabs .eco3-responsive-tabs ul.nav-tabs li.tab-heading {
  top: -2px;
  height: 40px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .product-resultpage-ecotabs .eco3-responsive-tabs ul.nav-tabs li.tab-heading:first-child {
    margin-left: 1px !important;
  }
}
.product-resultpage-ecotabs .eco3-responsive-tabs ul.nav-tabs li.tab-heading.active {
  top: -3px;
}
.product-resultpage-ecotabs .eco3-responsive-tabs ul.nav-tabs li.tab-heading.active a {
  border-top: 4px solid #009cdd;
  background: #ffffff;
  border-right: 1px solid #cccccc;
}
.product-resultpage-ecotabs .eco3-responsive-tabs ul.nav-tabs li.tab-heading a {
  margin-top: 0;
  min-height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0;
  margin-left: -1px !important;
}
@media (max-width: 767px) {
  .product-resultpage-ecotabs .eco3-responsive-tabs ul.nav-tabs li.tab-heading a {
    margin-top: 2px;
  }
}
.new-product-search-label .icon-search-count {
  width: 45px;
  height: 45px;
  background-size: 45px;
  cursor: default;
}
.new-product-search-label .icon-search-count.icon-no-search {
  background-image: url("../images/icon-no-search.svg");
}
.new-product-search-label .search-count {
  height: 48px;
  line-height: 48px;
  font-weight: 500;
  font-size: 21px;
  margin-left: 20px;
  color: #666666;
}
@media (max-width: 767px) {
  .new-product-search-label .search-count {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  #product-tab.ech-tab-table-content-tab-1 .search-result {
    display: none;
  }
}
@media (max-width: 767px) {
  #product-tab.ech-tab-table-content-tab-1 .search-result {
    padding-bottom: 0;
  }
}
#product-tab.ech-tab-table-content-tab-1,
#device-tab.ech-tab-table-content-tab-2,
#document-tab.ech-tab-table-content-tab-3 {
  max-width: 830px;
}
#product-tab.ech-tab-table-content-tab-1 #noResultAlert,
#device-tab.ech-tab-table-content-tab-2 #noResultAlert,
#document-tab.ech-tab-table-content-tab-3 #noResultAlert {
  max-width: 500px;
  margin: 40px auto;
}
#product-tab.ech-tab-table-content-tab-1 #noResultAlert .alert-info,
#device-tab.ech-tab-table-content-tab-2 #noResultAlert .alert-info,
#document-tab.ech-tab-table-content-tab-3 #noResultAlert .alert-info {
  background-color: #e9f7fd;
}
#product-tab.ech-tab-table-content-tab-1 #noResultAlert .alert-info ul.notificationicon,
#device-tab.ech-tab-table-content-tab-2 #noResultAlert .alert-info ul.notificationicon,
#document-tab.ech-tab-table-content-tab-3 #noResultAlert .alert-info ul.notificationicon {
  margin-bottom: 0;
}
#product-tab.ech-tab-table-content-tab-1 #noResultAlert .alert-info ul.notificationicon span,
#device-tab.ech-tab-table-content-tab-2 #noResultAlert .alert-info ul.notificationicon span,
#document-tab.ech-tab-table-content-tab-3 #noResultAlert .alert-info ul.notificationicon span {
  color: #0086be;
}
@media (max-width: 767px) {
  #product-tab.ech-tab-table-content-tab-1 #noResultAlert .alert-info ul.notificationicon span.text-center,
  #device-tab.ech-tab-table-content-tab-2 #noResultAlert .alert-info ul.notificationicon span.text-center,
  #document-tab.ech-tab-table-content-tab-3 #noResultAlert .alert-info ul.notificationicon span.text-center {
    text-align: left;
  }
}
#product-tab.ech-tab-table-content-tab-1 .horizontal-line,
#device-tab.ech-tab-table-content-tab-2 .horizontal-line,
#document-tab.ech-tab-table-content-tab-3 .horizontal-line {
  border-bottom: 1px solid #cccccc;
  max-width: 830px;
  width: auto;
}
#product-tab.ech-tab-table-content-tab-1 .suggestion-container,
#device-tab.ech-tab-table-content-tab-2 .suggestion-container,
#document-tab.ech-tab-table-content-tab-3 .suggestion-container {
  max-width: 572px;
  width: auto;
  margin: 0 auto 120px auto;
}
#product-tab.ech-tab-table-content-tab-1 .suggestion-container .suggestion-label,
#device-tab.ech-tab-table-content-tab-2 .suggestion-container .suggestion-label,
#document-tab.ech-tab-table-content-tab-3 .suggestion-container .suggestion-label {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  display: block;
}
#product-tab.ech-tab-table-content-tab-1 .search-result-faq-section,
#device-tab.ech-tab-table-content-tab-2 .search-result-faq-section,
#document-tab.ech-tab-table-content-tab-3 .search-result-faq-section {
  display: flex;
  padding: 0px;
  flex-wrap: wrap;
  gap: 20px;
  color: #434343;
}
#product-tab.ech-tab-table-content-tab-1 .search-result-faq-section .faq-heading,
#device-tab.ech-tab-table-content-tab-2 .search-result-faq-section .faq-heading,
#document-tab.ech-tab-table-content-tab-3 .search-result-faq-section .faq-heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  width: 100%;
}
#product-tab.ech-tab-table-content-tab-1 .search-result-faq-section .faq-block,
#device-tab.ech-tab-table-content-tab-2 .search-result-faq-section .faq-block,
#document-tab.ech-tab-table-content-tab-3 .search-result-faq-section .faq-block {
  border: 1px solid #CCCCCC;
  padding: 20px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .search-result-faq-section .faq-block,
  #device-tab.ech-tab-table-content-tab-2 .search-result-faq-section .faq-block,
  #document-tab.ech-tab-table-content-tab-3 .search-result-faq-section .faq-block {
    flex: 100%;
  }
}
#product-tab.ech-tab-table-content-tab-1 .search-result-faq-section .faq-block .faq-content-container,
#device-tab.ech-tab-table-content-tab-2 .search-result-faq-section .faq-block .faq-content-container,
#document-tab.ech-tab-table-content-tab-3 .search-result-faq-section .faq-block .faq-content-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Space between rows */
}
#product-tab.ech-tab-table-content-tab-1 .search-result-faq-section .faq-content-container,
#device-tab.ech-tab-table-content-tab-2 .search-result-faq-section .faq-content-container,
#document-tab.ech-tab-table-content-tab-3 .search-result-faq-section .faq-content-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Space between rows */
}
#product-tab.ech-tab-table-content-tab-1 .search-result-faq-section .faq-content-container .faq-row,
#device-tab.ech-tab-table-content-tab-2 .search-result-faq-section .faq-content-container .faq-row,
#document-tab.ech-tab-table-content-tab-3 .search-result-faq-section .faq-content-container .faq-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 0px 0px 0px;
  gap: 10px;
  line-height: 20px;
  align-self: stretch;
}
#product-tab.ech-tab-table-content-tab-1 .search-result-faq-section .faq-content-container .faq-row .faq-square,
#device-tab.ech-tab-table-content-tab-2 .search-result-faq-section .faq-content-container .faq-row .faq-square,
#document-tab.ech-tab-table-content-tab-3 .search-result-faq-section .faq-content-container .faq-row .faq-square {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  width: 8px;
  height: 8px;
  background: #009cdd;
  cursor: default;
}
#product-tab.ech-tab-table-content-tab-1 .search-result-faq-section .faq-content-container .faq-row .row-header,
#device-tab.ech-tab-table-content-tab-2 .search-result-faq-section .faq-content-container .faq-row .row-header,
#document-tab.ech-tab-table-content-tab-3 .search-result-faq-section .faq-content-container .faq-row .row-header {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
#product-tab.ech-tab-table-content-tab-1 .oh-faq-content-container,
#device-tab.ech-tab-table-content-tab-2 .oh-faq-content-container,
#document-tab.ech-tab-table-content-tab-3 .oh-faq-content-container {
  counter-reset: faq-counter;
}
#product-tab.ech-tab-table-content-tab-1 .oh-faq-content-container .faq-row,
#device-tab.ech-tab-table-content-tab-2 .oh-faq-content-container .faq-row,
#document-tab.ech-tab-table-content-tab-3 .oh-faq-content-container .faq-row {
  position: relative;
}
#product-tab.ech-tab-table-content-tab-1 .oh-faq-content-container .faq-row .faq-content,
#device-tab.ech-tab-table-content-tab-2 .oh-faq-content-container .faq-row .faq-content,
#document-tab.ech-tab-table-content-tab-3 .oh-faq-content-container .faq-row .faq-content {
  display: block;
  padding-left: 1.5em;
  text-indent: -0.1em;
  line-height: 1.6;
}
#product-tab.ech-tab-table-content-tab-1 .oh-faq-content-container .faq-row:not(.row-header):not( :nth-of-type(2)),
#device-tab.ech-tab-table-content-tab-2 .oh-faq-content-container .faq-row:not(.row-header):not( :nth-of-type(2)),
#document-tab.ech-tab-table-content-tab-3 .oh-faq-content-container .faq-row:not(.row-header):not( :nth-of-type(2)) {
  counter-increment: faq-counter;
}
#product-tab.ech-tab-table-content-tab-1 .oh-faq-content-container .faq-row:not(.row-header):not( :nth-of-type(2)) .faq-content::before,
#device-tab.ech-tab-table-content-tab-2 .oh-faq-content-container .faq-row:not(.row-header):not( :nth-of-type(2)) .faq-content::before,
#document-tab.ech-tab-table-content-tab-3 .oh-faq-content-container .faq-row:not(.row-header):not( :nth-of-type(2)) .faq-content::before {
  content: counter(faq-counter) ". ";
  position: absolute;
  left: 0;
}
#product-tab.ech-tab-table-content-tab-1 .oh-faq-content-container .faq-row:nth-of-type(2) .faq-content,
#device-tab.ech-tab-table-content-tab-2 .oh-faq-content-container .faq-row:nth-of-type(2) .faq-content,
#document-tab.ech-tab-table-content-tab-3 .oh-faq-content-container .faq-row:nth-of-type(2) .faq-content {
  padding-left: 0;
  text-indent: 0;
  padding-bottom: 6px;
}
#product-tab.ech-tab-table-content-tab-1 .oh-faq-content-container .faq-row.row-header,
#device-tab.ech-tab-table-content-tab-2 .oh-faq-content-container .faq-row.row-header,
#document-tab.ech-tab-table-content-tab-3 .oh-faq-content-container .faq-row.row-header {
  padding-bottom: 6px;
}
#product-tab.ech-tab-table-content-tab-1 .oh-faq-content-container .faq-row.row-header .faq-content,
#device-tab.ech-tab-table-content-tab-2 .oh-faq-content-container .faq-row.row-header .faq-content,
#document-tab.ech-tab-table-content-tab-3 .oh-faq-content-container .faq-row.row-header .faq-content {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding-left: 0;
  text-indent: 0;
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section,
#device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section,
#document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section {
  display: flex;
  padding: 0px;
  gap: 20px;
  color: #434343;
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section,
  #device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section,
  #document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section {
    flex-wrap: wrap;
  }
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section .ohaus-faq-block,
#device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section .ohaus-faq-block,
#document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section .ohaus-faq-block {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section .ohaus-faq-block,
  #device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section .ohaus-faq-block,
  #document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section .ohaus-faq-block {
    flex: 100%;
  }
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section .ohaus-faq-block .ohaus-faq-content-container,
#device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section .ohaus-faq-block .ohaus-faq-content-container,
#document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section .ohaus-faq-block .ohaus-faq-content-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section .ohaus-faq-content-container,
#device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section .ohaus-faq-content-container,
#document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section .ohaus-faq-content-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row,
#device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row,
#document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 0px 0px 0px;
  gap: 10px;
  line-height: 20px;
  align-self: stretch;
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row .faq-square,
#device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row .faq-square,
#document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row .faq-square {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  width: 8px;
  height: 8px;
  background: #009cdd;
  cursor: default;
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row .row-header,
#device-tab.ech-tab-table-content-tab-2 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row .row-header,
#document-tab.ech-tab-table-content-tab-3 .ohaus-search-result-faq-section .ohaus-faq-content-container .faq-row .row-header {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section,
#device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section,
#document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  color: #434343;
  border: 1px solid #cccccc;
  overflow: hidden;
  background-color: #ffffff;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section,
  #device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section,
  #document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section {
    flex-direction: column-reverse;
  }
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-text-block,
#device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-text-block,
#document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-text-block {
  flex: 1;
  min-width: 400px;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to right, #ffffff 70%);
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-text-block,
  #device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-text-block,
  #document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-text-block {
    padding: 20px;
    min-width: 0px;
    background: linear-gradient(to top, #ffffff 70%);
  }
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header1,
#device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header1,
#document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header1 {
  font-weight: 500;
  font-size: 24px;
  color: #434343;
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header1,
  #device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header1,
  #document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header1 {
    font-size: 16px;
  }
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header2,
#device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header2,
#document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header2 {
  font-size: 30px;
  font-weight: 500;
  color: #d50032;
  margin-bottom: 3px;
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header2,
  #device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header2,
  #document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-text-block .faq-content-header2 {
    font-size: 20px;
  }
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-image-block,
#device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-image-block,
#document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-image-block {
  flex: 1;
  max-width: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-image-block,
  #device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-image-block,
  #document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-image-block {
    max-width: 100%;
  }
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-image-block .ohaus-faq-image,
#device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-image-block .ohaus-faq-image,
#document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-image-block .ohaus-faq-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-image-block .simple-banner-component,
#device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-image-block .simple-banner-component,
#document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-image-block .simple-banner-component {
  padding: 0px 0px 0px 0px;
}
#product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-image-block::before,
#device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-image-block::before,
#document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-image-block::before {
  content: "";
  position: absolute;
  background: linear-gradient(to left, #ffffff 100%);
  z-index: 2;
}
@media (max-width: 768px) {
  #product-tab.ech-tab-table-content-tab-1 .ohaus-banner-section .ohaus-faq-image-block::before,
  #device-tab.ech-tab-table-content-tab-2 .ohaus-banner-section .ohaus-faq-image-block::before,
  #document-tab.ech-tab-table-content-tab-3 .ohaus-banner-section .ohaus-faq-image-block::before {
    background: linear-gradient(to bottom, #ffffff 100%);
  }
}
#document-tab.ech-tab-table-content-tab-3 {
  padding-bottom: 80px;
}
#device-tab .search-page-eservice-device-list-box {
  min-height: 180px;
}
#device-tab .search-page-eservice-device-list-box header.title {
  margin: 0;
}
#device-tab .search-page-eservice-device-list-box .device-content-wrapper {
  padding: 15px;
}
#device-tab .search-page-eservice-device-list-box .device-content-wrapper .device-image-wrapper {
  width: 96px;
  height: 96px;
  display: inline-block;
  float: left;
}
#device-tab .search-page-eservice-device-list-box .device-content-wrapper .device-details-wrapper {
  display: inline-block !important;
}
#device-tab .search-page-eservice-device-list-box .device-content-wrapper .device-details-wrapper .item:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #device-tab .search-page-eservice-device-list-box .device-content-wrapper .device-details-wrapper .item .label-section {
    display: block;
  }
}
#document-tab .search-result {
  padding: 0px;
}
#document-tab .doc-tab-section {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px;
}
#document-tab .doc-tab-section .doc-content-type-icon-container {
  width: 26px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
@media (max-width: 767px) {
  #document-tab .doc-tab-section .doc-content-type-icon-container {
    margin: 5px 10px 0 0px;
  }
}
#document-tab .doc-tab-section .doc-content-type-icon-container.B {
  background-image: url("../../common/images/B-PDF-file.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.P {
  background-image: url("../../common/images/P-ppt.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.L {
  background-image: url("../../common/images/L-adobe.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.T {
  background-image: url("../../common/images/T-text.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.A {
  background-image: url("../../common/images/A-audio.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.I {
  background-image: url("../../common/images/I-image.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.D {
  background-image: url("../../common/images/D-digital-html.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.V {
  background-image: url("../../common/images/V-video.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.M {
  background-image: url("../../common/images/M-misc.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.C {
  background-image: url("../../common/images/C-zip.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.X {
  background-image: url("../../common/images/X-xls.svg");
}
#document-tab .doc-tab-section .doc-content-type-icon-container.W {
  background-image: url("../../common/images/W-docx-doc.svg");
}
#document-tab .doc-tab-section .icon-B,
#document-tab .doc-tab-section .icon-P,
#document-tab .doc-tab-section .icon-L,
#document-tab .doc-tab-section .icon-T,
#document-tab .doc-tab-section .icon-A,
#document-tab .doc-tab-section .icon-I,
#document-tab .doc-tab-section .icon-D,
#document-tab .doc-tab-section .icon-V,
#document-tab .doc-tab-section .icon-M,
#document-tab .doc-tab-section .icon-C,
#document-tab .doc-tab-section .icon-X,
#document-tab .doc-tab-section .icon-A {
  width: 100%;
  height: 100%;
  display: inline-block;
}
#document-tab .doc-tab-section .doc-cursor {
  cursor: pointer;
}
#document-tab .doc-tab-section .document-title-pdf {
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  padding: 5px 5px 5px 0px;
  margin-bottom: 12px;
  text-transform: none !important;
}
@media (max-width: 767px) {
  #document-tab .doc-tab-section .document-title-pdf {
    display: block;
  }
}
#document-tab .doc-tab-section .document-category-part .doc-details-chip {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  padding: 4px 8px 4px 8px;
  margin: 0 10px 10px 0;
  background: #f3f3f3;
}
#document-tab .doc-tab-section .doc-relevant-section .relevant-sub-section .document-relevant-title {
  font-weight: 500;
  font-size: 14px;
  display: block;
  padding: 5px 5px 5px 0px;
  margin-bottom: 5px;
  text-transform: none !important;
}
#document-tab .doc-tab-section .doc-relevant-section .relevant-sub-section .doc-rel-mat-chips {
  background: #f3f3f3;
  padding: 5px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 8px;
}
#document-tab .doc-tab-section .show-more-btn-click,
#document-tab .doc-tab-section .show-less-btn-click {
  min-width: 105px;
  width: auto;
  height: 30px;
  background-color: #f3f3f3;
  color: #009cdd;
}
#document-tab .doc-tab-section .doc-languages-section {
  margin: 10px 0 5px 0;
}
#document-tab .show-entries-section {
  padding-left: 0;
}
#document-tab .show-entries-section .showing-x-entries {
  padding-left: 0;
}
#document-tab .show-entries-section .showing-x-entries .doc-list-records-label {
  text-align: left;
}
#document-tab .doc-search-pagination {
  float: right;
  display: table;
  margin: 0;
}
@media (max-width: 767px) {
  #document-tab .doc-search-pagination {
    float: left;
    margin-top: 10px;
  }
}
#document-tab .doc-search-pagination .icon-page-left {
  background-image: url(../images/prev-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
#document-tab .doc-search-pagination .icon-page-right {
  background-image: url(../images/next-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
#document-tab .doc-search-pagination .icon-left {
  background-image: url(../images/prev-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
#document-tab .doc-search-pagination .page-numbers-section span {
  width: 30px;
  font-size: 16px;
  display: inline-block;
  color: #009cdd;
  cursor: pointer;
}
#document-tab .doc-search-pagination .page-numbers-section span.current-page {
  font-weight: 800;
}
#document-tab .doc-search-pagination .icon-right {
  background-image: url(../images/next-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
#document-tab #document-details-wrapper {
  width: 830px;
  margin: 30px auto;
  text-align: left;
}
#document-tab #document-details-wrapper .document-details-message-wrapper {
  width: 500px;
  margin: 50px auto;
}
.page-searchPage .product-list-view-main-section .document-filter-element {
  margin: 0 auto;
  max-width: 240px;
  padding-bottom: 15px;
}
.page-searchPage .product-list-view-main-section .document-filter-element .document-filter-title {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  padding: 5px 5px 5px 0px;
}
@media (max-width: 767px) {
  .page-searchPage .product-list-view-main-section .right-panel .search-count-text,
  .page-searchPage .product-list-view-main-section .right-panel .search-icon-container {
    display: block;
    float: none !important;
    margin: 0 auto;
    text-align: center;
  }
  .page-searchPage .product-list-view-main-section .right-panel .search-icon-container {
    margin-top: 20px;
  }
}
.page-documentSearchFaqPage .faq-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 40px;
  max-width: 1000px !important;
  min-height: 400px;
  margin: auto;
}
.page-documentSearchFaqPage .faq-container .faq-component-container {
  width: -webkit-fill-available;
  text-align: justify;
}
.faq-url,
.login-register-url {
  color: #009cdd;
  font-weight: 700;
  cursor: pointer;
}
#login-register-container {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #434343;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
#document-tab.ech-tab-table-content-tab-3 .user-notification-text#noResultAlert .alert-info {
  padding: 8px 16px !important;
}
#document-tab.ech-tab-table-content-tab-3 .user-notification-text#noResultAlert .alert-info ul.notificationicon span {
  vertical-align: top;
}
#document-tab.ech-tab-table-content-tab-3 .show-filter-mobile-btn {
  margin-bottom: 20px;
}
#document-tab.ech-tab-table-content-tab-3 .document-mobile-filter-button-container {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.product__facet {
  margin: 0;
  border-right: 1px solid #cccccc;
  padding: 0;
}
.product__facet .facet {
  padding: 45px 30px 30px 30px;
  border-bottom: 1px solid #cccccc;
}
.product__facet .facet:before,
.product__facet .facet:after {
  content: " ";
  display: table;
}
.product__facet .facet:after {
  clear: both;
}
.product__facet .facet:before,
.product__facet .facet:after {
  content: " ";
  display: table;
}
.product__facet .facet:after {
  clear: both;
}
.product__facet .facet:last-child {
  margin: 0;
}
.product__facet .facet .facet__name {
  font-size: 18px;
  font-weight: bold;
  color: #3c3c3c;
  margin-left: -5px;
}
.product__facet .facet .facet__list {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}
.product__facet .facet .facet__list li {
  padding: 10px 0;
}
.product__facet .facet .facet__list label {
  cursor: pointer;
  font-weight: normal;
  display: block;
  margin: 0;
}
.product__facet .facet .facet__list .facet__list__mark {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 10px;
  border: 1px solid #cccccc;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  margin-top: -3px;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
  background: #7d7d7d;
  border: 1px solid #7d7d7d;
  -webkit-box-shadow: inset 0 0  0 1px @check-box-bg;
  box-shadow: inset 0 0  0 1px @check-box-bg;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__text {
  color: #7d7d7d;
}
.product__facet .facet .facet__list .facet__list__checkbox:focus + .facet__list__label .facet__list__mark {
  border: 1px solid #7d7d7d;
  -webkit-box-shadow: inset 0 0  0 1px @check-box-bg;
  box-shadow: inset 0 0  0 1px @check-box-bg;
}
.product__facet .facet .facet__list .facet__list__text {
  line-height: 20px;
}
.product__facet .facet .facet__list.facet__list--hidden {
  display: none;
}
.product__facet .facet .facet__values__more {
  display: block;
}
.product__facet .facet .facet__values__less {
  display: none;
}
.product__facet .facet .facet__form {
  padding-top: 10px;
}
.product__facet .facet .facet__form .input-group {
  background-color: #ffffff;
  min-height: 32px;
  border: 1px solid #cccccc;
}
.product__facet .facet .facet__form .input-group .form-control {
  border: 0 none;
  height: 32px;
  box-shadow: none;
}
.product__facet .facet .facet__form .input-group .btn {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.product__facet .facet .facet__form .input-group .btn .glyphicon-search {
  color: #3c3c3c;
  font-size: 17px;
  top: 0;
}
.product__facet .facet .facet__form .line-text {
  margin: 20px 0;
}
.product__facet .facet .facet__form__hidden {
  display: none;
}
.product__facet .facet .facet__results__hidden {
  display: none;
}
@media (max-width: 1200px) {
  .product__facet {
    padding: 10px;
    margin: 0;
    border: 0 none;
  }
  #colorbox .product__facet {
    display: block !important;
  }
  .product__facet .facet {
    float: none;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0 0 10px 0;
  }
  .product__facet .facet .facet__name {
    background: #f4f4f4;
    cursor: pointer;
    padding: 10px;
    padding-left: 65px;
    text-transform: uppercase;
    position: relative;
  }
  .product__facet .facet .facet__name .facet__arrow {
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 30px;
  }
  .product__facet .facet .facet__name .facet__arrow:before {
    content: "\e080";
  }
  .product__facet .facet .facet__values {
    display: none;
  }
  .product__facet .facet.active .facet__arrow:before {
    content: "\e114";
  }
  .product__facet .facet.active .facet__values {
    display: block;
  }
}
.sort-refine-bar .form-group select {
  width: auto;
}
.pagination-bar {
  margin: 30px 0;
}
.pagination-bar .pagination-toolbar {
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 30px;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 1201px) {
  .pagination-bar .pagination-toolbar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pagination-bar .form-group {
  margin: 0;
}
.pagination-bar .pagination-bar-results {
  margin-top: 25px;
  padding: 0 20px;
  color: #7d7d7d;
}
.pagination-bar.bottom .pagination-toolbar {
  padding-top: 30px;
  border-top: 1px solid #cccccc;
  border-bottom-width: 1px;
}
@media (max-width: 1200px) {
  .pagination-bar button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .sort-refine-bar .form-group select {
    width: 100%;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 30px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .pagination-bar .pagination-toolbar {
    border-bottom-width: 1px;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 25px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .sort-refine-bar .form-group select {
    height: 48px;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 24px;
  }
}
.item__list {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}
.item__list .item__list--item {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap,
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap:after {
  background-color: #f4f4f4;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap .order-form-scroll.down {
  bottom: 0;
  z-index: 9999;
}
.item__list .item__list--item:last-child {
  padding-right: 30px;
}
.item__list .item__list--item .btn-group.open .dropdown-menu {
  padding: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li {
  margin: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li:first-child {
  border-bottom: 1px solid #e5e5e5;
}
.item__list .item__list--item .btn-group.open a {
  padding: 18px 35px 18px 25px;
}
.item__list .item__list--item .item__configurations--display .btn {
  padding-left: 0;
}
.item__list .item__list--item .item__configurations--display .btn:hover {
  color: #575757;
}
.item__list .item__list--header {
  padding-left: 0;
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item__list .item__list--header li {
  display: table-cell;
  background-color: #009cdd;
  color: #7f919e;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 10px;
}
.item__list .item__list--header li:last-child {
  padding-right: 30px;
}
.item__list .item__toggle {
  font-size: 15px;
  width: 25px;
}
.item__list .item__toggle > * {
  cursor: pointer;
}
.item__list .item__toggle .open .glyphicon:before {
  content: "\e113";
}
.item__list .item__image {
  width: 136px;
  padding: 0 20px;
}
.item__list .item__image img {
  max-width: 96px;
}
.item__list .item__name {
  font-size: 16px;
  font-weight: 700;
}
.item__list .item__quantity {
  text-align: center;
}
.item__list .item__quantity .form-control {
  display: inline-block;
  width: 60px;
  height: 40px;
  text-align: center;
}
.item__list .item__delivery .item__delivery--label {
  text-transform: uppercase;
  color: #7d7d7d;
  font-weight: 700;
}
.item__list .item__total--column {
  text-align: right;
}
.item__list .item__total {
  font-size: 15px;
  font-weight: 700;
  text-align: right;
  padding-left: 0;
}
.item__list .item__remove,
.item__list .item__menu {
  width: 45px;
  text-align: right;
}
.item__list .item__remove .btn,
.item__list .item__menu .btn {
  font-size: 25px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #7d7d7d;
}
.item__list .item__remove .btn .glyphicon,
.item__list .item__menu .btn .glyphicon {
  top: 4px;
}
.item__list #cartOrderGridForm .product-grid-container table {
  background-color: #f4f4f4;
}
.item__list #cartOrderGridForm .product-grid-container table th {
  background-color: #e4e4e4;
  color: #3c3c3c;
}
.item__list .promo {
  font-size: 14px;
  font-weight: 700;
  color: #00a651;
}
.item__list .promo ul {
  padding-left: 0;
  list-style: none;
}
.item__list .out-of-stock {
  color: #ed1c24;
}
.item__list .read-only-grid .grid-row > td {
  border-bottom: 1px solid #005ea8;
}
.item__list .read-only-grid .grid-prod-img {
  width: 100px;
  padding: 25px 40px 20px 45px;
  vertical-align: top;
}
.item__list .read-only-grid .grid-prod-img + td {
  padding-bottom: 5px;
}
.item__list .read-only-grid .grid-variant,
.item__list .read-only-grid .grid-size {
  font-weight: 700;
}
.item__list .read-only-grid .grid-variant + .grid-variant:before,
.item__list .read-only-grid .grid-size + .grid-variant:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
.item__list .read-only-grid .grid-prod-info {
  display: inline-block;
  padding-top: 0;
  padding-right: 40px;
}
.item__list .read-only-grid .grid-qty .grid-qty-label {
  font-size: 12px;
  text-transform: uppercase;
}
.item__list .read-only-grid .grid-price:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
@media (min-width: 1201px) {
  .item__list > li .add-to-cart-order-form-wrap {
    border-bottom: 1px solid #e5e5e5;
  }
  .item__list .item__list--item {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .item__list .item__list--item .item__sku__input,
  .item__list .item__list--item .item__toggle,
  .item__list .item__list--item .item__image,
  .item__list .item__list--item .item__info,
  .item__list .item__list--item .item__price,
  .item__list .item__list--item .item__quantity,
  .item__list .item__list--item .item__delivery,
  .item__list .item__list--item .item__total,
  .item__list .item__list--item .item__remove,
  .item__list .item__list--item .item__menu,
  .item__list .item__list--item .item__quantity__total {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
  }
  .item__list .item__info {
    width: 35%;
    padding: 0 10px;
  }
  .item__list .item__delivery {
    padding-left: 3%;
  }
}
@media (min-width: 768px) {
  .item__list #cartOrderGridForm {
    max-height: 460px;
    overflow: scroll;
  }
  .item__list #cartOrderGridForm table tr:first-child > th:first-child,
  .item__list #cartOrderGridForm table tr > td:first-child {
    border-right: 0;
    padding-left: 40px;
  }
}
@media (max-width: 1200px) {
  .item__list {
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
  }
  .item__list .item__toggle .glyphicon {
    width: 50px;
    height: 50px;
  }
  .item__list .item__image {
    float: left;
    margin: 0;
  }
  .item__list .item__price .visible-xs {
    display: inline!important;
  }
  .item__list .item__remove,
  .item__list .item__menu {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 0;
    margin: 0;
  }
  .item__list .item__remove .btn,
  .item__list .item__menu .btn {
    text-align: center;
    width: 50px;
    height: 50px;
  }
  .item__list .item__total {
    float: right;
  }
  .item__list .item__quantity__total {
    clear: both;
    float: none;
    width: auto;
    padding-right: 20px;
  }
  .item__list .item__quantity__total > .details {
    cursor: pointer;
  }
  .item__list .item__quantity__total .qty {
    line-height: 42px;
    padding-top: 10px;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    content: " ";
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    content: " ";
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty label {
    float: left;
    margin: 0 10px 0 0;
  }
  .item__list .item__quantity__total .qty input {
    float: left;
    width: 70px;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 10px;
  }
  .item__list .item__quantity__total .qty .qtyValue {
    float: left;
  }
  .item__list .item__quantity__total .qty .glyphicon {
    float: right;
    line-height: 40px;
    padding-left: 5px;
  }
  .item__list .item__quantity__total .open .qty .glyphicon:before {
    content: "\e114";
  }
  .item__list #cartOrderGridForm .product-grid-container {
    font-size: 14px;
    margin: 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail {
    padding-left: 20px;
    padding-top: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail img {
    padding-right: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-select {
    padding-top: 22px;
    padding-right: 20px;
    vertical-align: top;
  }
  .item__list #cartOrderGridForm .product-grid-container > table {
    border-bottom: 1px solid #005ea8;
  }
  .item__list #cartOrderGridForm .product-grid-container > table tr td {
    border-bottom: none;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary {
    background-color: transparent;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary > td {
    padding: 0 20px 20px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
    padding: 0 10px 0 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
    padding: 0;
  }
  .item__list .read-only-grid .grid-prod-img {
    padding-left: 20px;
    padding-right: 30px;
  }
  .item__list .read-only-grid .grid-variant {
    display: block;
  }
  .item__list .read-only-grid .grid-variant + .grid-variant:before {
    content: none;
  }
  .item__list--item {
    position: relative;
  }
  .item__list--item > div {
    margin-left: 136px;
    padding: 0 80px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.account-orderdetail .item__list {
  clear: both;
  margin-top: 0;
}
.cart-header {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
}
@media (max-width: 1201px) {
  .cart-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.cart-header .cart-headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding: 0px;
}
.cart-header .cart-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.cart-header .cart__id--label {
  font-size: 18px;
  font-weight: 600;
  padding: 0 5px 0 10px;
}
.cart-header .cart__id--label:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #7d7d7d;
  font-weight: 400;
  vertical-align: top;
}
.cart-header .cart__id--label .cart__id {
  padding-left: 5px;
}
.cart-top-bar {
  background: #f4f4f4;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .cart-top-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-top-bar a.help {
  font-size: 13px;
  position: relative;
  padding-right: 25px;
}
.cart-top-bar a.help .glyphicon {
  color: #7d7d7d;
  font-size: 1.5em;
  position: absolute;
  right: 0;
  top: -1px;
}
.cart-top-bar .help-popup-content-holder {
  display: none;
}
.cart-restoration-bar {
  background: #F2F4F7;
  margin-bottom: 20px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .cart-restoration-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}
.cart__content {
  margin-left: -10px;
  margin-right: -10px;
}
.cart__top--totals {
  text-align: right;
  font-size: 15px;
  margin-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .cart__top--totals {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart__top--totals .cart__top--amount {
  margin-left: 5px;
}
.cart__top--totals .cart__top--amount:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #7d7d7d;
  font-weight: 400;
  top: -1px;
}
.cart__actions.border {
  border-bottom: 1px solid #e5e5e5;
}
.cart__actions,
.cart__actions--top {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 32px;
}
@media (max-width: 1201px) {
  .cart__actions,
  .cart__actions--top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .cart__actions,
  .cart__actions--top {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
}
.item__list__cart {
  margin-top: 15px;
  margin-bottom: 10px;
}
.item__list__cart table td {
  padding: 0;
}
.item__list__cart > table tbody > .entry-group-header > th {
  background-color: #e4e4e4;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  padding-right: 35px;
}
.item__list__cart > table tbody > .entry-group-header a {
  color: #7d7d7d;
}
.item__list__cart > table table td {
  background-color: #f4f4f4;
}
.item__list__cart > table table tbody > .entry-group-header > th {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 35px;
}
@media (min-width: 1201px) {
  .item__list__cart .item__remove,
  .item__list__cart .item__menu {
    width: 60px;
  }
}
.item__list__cart .item__list--item {
  border-top: 1px solid #e5e5e5;
}
.item__list__cart .item__list--item .item__image {
  padding: 10px;
}
@media (min-width: 1201px) {
  .item__list__cart .item__list--item .item__remove,
  .item__list__cart .item__list--item .item__menu {
    padding-right: 26px;
  }
}
.item__list__cart .item__list--item .item__menu {
  overflow: visible;
}
.item__list__cart .item__list--item .item__menu .dropdown-menu {
  padding: 5px 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu {
  padding: 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu li {
  margin: 0;
  border-top: 1px solid #e5e5e5;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu li:first-child {
  border: none;
}
.item__list__cart .item__list--item .btn-group.open a {
  padding: 18px 35px 18px 25px;
}
.item__list__cart .item__list--comment {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item__list__cart .item__list--comment .item__comment {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .item__list__cart .item__list--comment .item__comment {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.item__list__cart .item__list--comment .item__comment textarea {
  min-height: inherit;
  resize: none;
  margin-bottom: 20px;
}
.item__list__cart .item__list--comment .item__comment--role {
  margin-top: 38px;
}
.item__list__cart .item__list--comment .item__comment--author {
  font-weight: bold;
}
.item__list__cart .item__quantity {
  text-align: left;
}
.item__list__cart .notification.has-error {
  padding: 0 30px;
  text-align: center;
  margin-top: 10px;
}
.item__list__cart .item__configurations {
  margin: 10px 0;
}
@media (max-width: 360px) {
  .item__list__cart .item__configuration--entry {
    margin-bottom: 5px;
  }
}
.item__list__cart .item__configurations--edit .btn {
  padding-left: 0;
}
.item__list__cart .item__configurations--edit .btn:hover {
  color: #575757;
}
.cart__head--link:after {
  content: "|";
  position: relative;
  left: 5px;
  color: #7d7d7d;
  font-weight: 400;
  vertical-align: top;
}
.cart__head--link:first-child:after {
  content: "";
  position: relative;
  left: 0px;
  color: #7d7d7d;
  font-weight: 400;
  vertical-align: top;
}
.save__cart--link,
.new__cart--link,
.cart__quotes--link {
  text-align: right;
  margin-top: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
  float: right;
  padding: 0 5px;
}
@media (max-width: 1200px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    text-align: center;
    margin-top: 0;
  }
}
.export__cart--link {
  text-align: left;
  width: 100%;
  margin-top: 15px;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  display: inline-block;
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .export__cart--link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .export__cart--link {
    padding-top: 5px;
  }
}
.cart-totals {
  font-size: 18px;
  line-height: 2em;
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1201px) {
  .cart-totals {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.cart-totals .cart-totals-left {
  padding-left: 50px;
}
.cart-totals .cart-totals-right {
  font-weight: bold;
  padding-left: 0;
  padding-right: 60px;
}
.cart-totals .cart-price {
  font-weight: bold;
}
.cart-totals .discount {
  color: #00a651;
}
.cart-totals .quote-discount-link {
  text-transform: uppercase;
}
.cart-totals .grand-total {
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.3em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
}
.cart-totals .cart-totals-taxes {
  clear: both;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
  padding-right: 60px;
  padding-left: 55px;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .cart-totals .cart-totals-left,
  .cart-totals .cart-totals-right,
  .cart-totals .cart-totals-taxes {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .cart-totals .cart-totals-left,
  .cart-totals .cart-totals-right,
  .cart-totals .cart-totals-taxes {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .cart__actions {
    margin: 0;
  }
  .cart__actions .pull-right {
    float: none!important;
  }
  .cart__actions .row {
    margin: 0;
  }
}
.express-checkout {
  background-color: #f4f4f4;
  padding: 20px 40px;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .express-checkout {
    margin-right: 20px;
  }
}
@media (min-width: 1201px) {
  .express-checkout {
    margin-right: 30px;
  }
}
.express-checkout .headline {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.express-checkout ul {
  margin-top: 5px;
}
.express-checkout ul li {
  list-style-type: disc;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .express-checkout {
    padding: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .express-checkout {
    margin: 0 0 20px 0;
    padding: 20px;
  }
}
.cartpotproline,
.cartproline {
  font-size: 18px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .cartpotproline,
  .cartproline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cartpotproline .info,
.cartproline .info {
  font-size: 14px;
}
.promotion {
  font-size: 14px;
  font-weight: bold;
  color: #00a651;
}
.error-details-section .action {
  text-align: center;
  margin: 10px 0;
}
.doFlowSelectedChange,
#selectPciOption {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .cartpotproline,
  .cartproline {
    padding: 10px 20px 25px;
  }
  .btn--continue-shopping,
  .btn--continue-checkout,
  .btn-create-quote {
    margin-bottom: 15px;
  }
  .doFlowSelectedChange {
    margin-top: 20px;
  }
}
#cboxContent .cart_popup_error_msg {
  margin-bottom: 20px;
}
.content__empty .content {
  margin: 0 auto;
  width: 50%;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body .legend {
  margin-bottom: 10px;
}
.mini-cart .mini-cart-body .legend a {
  float: right;
}
.mini-cart .mini-cart-body .mini-cart-list {
  padding-left: 0;
  list-style: none;
}
.mini-cart .mini-cart-body .mini-cart-list li + li {
  margin-top: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:before,
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  clear: both;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:before,
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  clear: both;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
  margin-left: 75px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price {
  text-align: right;
  font-weight: bold;
}
.mini-cart .mini-cart-body .mini-cart-totals {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  margin: 10px 0 30px;
  padding: 10px;
}
.mini-cart .mini-cart-body .mini-cart-totals .key {
  float: left;
}
.mini-cart .mini-cart-body .mini-cart-totals .value {
  text-align: right;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button {
  margin: 10px 0;
}
.mini-cart .mini-cart-body img {
  width: 100%;
}
#quoteForm .form__actions {
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  #quoteForm .form__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  #quoteForm .form__actions--cancel,
  #quoteForm .form__actions--done {
    margin-bottom: 15px;
  }
}
.cart__quote__edit .quote__head {
  color: #ffffff;
  background-color: #009cdd;
  padding: 20px 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .cart__quote__edit .quote__head {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart__quote__edit .quote__head .quote__head--label {
  color: #7f919e;
  font-size: 15px;
  margin-bottom: 0;
}
.cart__quote__edit .quote__head .label__value {
  display: inline-block;
}
.cart__quote__edit .quote__head .glyphicon {
  font-size: 30px;
  position: absolute;
  height: 30px;
  line-height: 20px;
}
.cart__quote__edit .quote__head .quote__head--title {
  font-size: 15px;
  text-transform: uppercase;
  margin-left: 33px;
  display: inline-block;
}
@media (max-width: 767px) {
  .cart__quote__edit .quote__head .quote__head--title {
    margin-bottom: 10px;
  }
}
#quoteFormDiv {
  background: none;
  padding-top: 25px;
}
#quoteFormDiv label {
  color: #3c3c3c;
  font-size: 14px;
  font-weight: bold;
}
.quote__comments--wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
}
.quote__form--section {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .quote__form--section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__estimate .quote__estimate--amount {
  display: block;
}
textarea.quote__comments--textarea {
  min-height: 100px;
  max-width: 100%;
  width: 100%;
}
.quote__comments--toggle,
.quote__form--toggle {
  background: none;
  border: none;
}
.quote__comments--toggle.collapsed:after,
.quote__form--toggle.collapsed:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
}
.quote__comments--toggle:after,
.quote__form--toggle:after {
  font-family: 'Glyphicons Halflings';
  content: "\e113";
  position: relative;
  top: 2px;
}
.quote__comments--toggle:focus,
.quote__form--toggle:focus {
  border: none;
  outline: #009cdd;
}
.quote__form--toggle {
  color: #ffffff;
}
.quote__comments__header {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
}
@media (max-width: 1201px) {
  .quote__comments__header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__comments {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 0;
}
@media (max-width: 1201px) {
  .quote__comments {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__comments .quote__comments--header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
}
#quoteFormDiv .quote__comments {
  margin-top: 0;
}
.quote__comments .quote__comments--time {
  font-weight: bold;
}
@media (max-width: 768px) {
  .quote__comments .quote__comments--time {
    margin-bottom: 5px;
  }
}
.quote__comments .quote__comments--role {
  font-weight: bold;
}
.quote__comments .quote__comments--comment {
  word-break: break-all;
}
@media (min-width: 1201px) {
  .form-element-icon.datepicker.quote__expiration .glyphicon {
    top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .form-element-icon.datepicker.quote__expiration .glyphicon {
    top: 28px;
  }
}
@media (min-width: 1201px) {
  .quote__expiration .form-group {
    display: table;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
@media (min-width: 1201px) {
  .quote__expiration--label {
    display: table-cell;
    text-align: right;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .quote__expiration--label {
    margin-bottom: 0px;
  }
}
@media (min-width: 1201px) {
  .quote__expiration--input {
    display: table-cell;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .quote__expiration--input {
    padding: 5px 10px;
    height: 28px;
  }
}
@media (min-width: 1201px) {
  #colorbox #cboxTitle .headline-text {
    display: block !important;
  }
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #7d7d7d;
}
.pickup-component .find-store-display .store-navigation .pickup-product {
  display: none;
  height: 56px;
  display: table;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 56px;
  padding: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  height: 100%;
  width: 100%;
}
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product {
  height: 56px;
  display: table;
  border-bottom: 1px solid #ddd;
  width: 100%;
  font-size: 13px;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
  height: 56px;
  display: table-cell;
  padding-right: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group {
  border: 1px solid #cccccc;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group-btn {
  vertical-align: top;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .form-control {
  border: 0 none;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
  box-shadow: none !important;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .glyphicon {
  top: 0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
  height: 56px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  display: none;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
  margin-right: 10px;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  height: 42px;
  line-height: 42px;
  padding: 0 10px;
  background: #fff;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.pickup-component .find-store-display .display-details {
  float: left;
  width: 50%;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .store-image {
  float: right;
  width: 150px;
}
.pickup-component .find-store-display .display-details .store-image img {
  width: 100%;
  height: auto;
}
.pickup-component .find-store-display .display-details .distance {
  text-align: right;
  margin-top: 10px;
}
.pickup-component .find-store-display .display-details .store-info .name {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-info .address {
  color: #f4f4f4;
}
.pickup-component .find-store-display .display-details .store-links {
  margin: 10px 0;
}
.pickup-component .find-store-display .display-details .store-links a {
  display: block;
}
.pickup-component .find-store-display .display-details .store-openings .title {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-openings dl dt {
  width: 60px;
  text-align: left;
  float: left;
}
.pickup-component .find-store-display .display-details .store-openings dl dd {
  margin-left: 80px;
}
.pickup-component .find-store-display .display-details .pickup-product {
  height: 125px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
}
.pickup-component .find-store-display .display-details .pickup-product .variants {
  height: 30px;
  margin-top: -30px;
  padding: 5px 10px;
  font-weight: normal;
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", ";
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: "";
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 112px;
  height: 112px;
  padding: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  height: 100%;
  width: auto;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
  display: table;
  height: 56px;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: normal;
  width: 100%;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  padding: 0 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
  height: 70px;
  padding: 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
  width: 142px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  height: 48px;
}
.pickup-component .pickup-store-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.pickup-component .pickup-store-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #7d7d7d;
  text-align: center;
  line-height: 56px;
}
.pickup-component .pickup-store-list li.loading .glyphicon {
  color: #7d7d7d;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 56px;
}
.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  display: block;
  font-weight: normal;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 1201px) {
  .pickup-component .find-store-display .pickup-store-list {
    margin: 0 -1px 0 0;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
    padding-right: 14px;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #7d7d7d;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label {
    background: #7d7d7d;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1200px) {
  .pickup-component {
    overflow: hidden;
  }
  .pickup-component .find-store-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .pickup-component .find-store-display .store-navigation {
    width: 50%;
    border: 0;
  }
  .pickup-component.show-store .find-store-display {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .pickup-component .qty-selector input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .action {
    padding-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .pickup-component .find-store-display .display-details .store-image {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image img {
    width: 50%;
    height: auto;
    float: left;
    max-width: 150px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance strong {
    display: block;
  }
  .pickup-component .find-store-display .display-details .pickup-product {
    position: relative;
  }
  .pickup-component .find-store-display .display-details .pickup-product .thumb {
    width: 56px;
    height: 56px;
    padding: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    white-space: nowrap;
    padding-top: 0;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
    margin-right: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
    min-width: 120px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.pickup-component .display-details .store-tabs {
  position: relative;
  padding: 0 0 10px 10px;
  height: 252px;
}
.pickup-component .display-details .store-tabs .tabs-list {
  padding-left: 0;
  list-style: none;
  background-image: linear-gradient(to right, #f6f6f6 0%, #ffffff 8px);
  position: absolute;
  right: 0;
  top: 10px;
  padding: 10px 0;
}
.pickup-component .display-details .store-tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pickup-component .display-details .store-tabs .tabs-list:before,
.pickup-component .display-details .store-tabs .tabs-list:after {
  content: "";
  position: absolute;
  background-color: transparent;
  height: 10px;
  left: 0;
  width: 100%;
}
.pickup-component .display-details .store-tabs .tabs-list:before {
  top: 0;
  background-image: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.pickup-component .display-details .store-tabs .tabs-list:after {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.pickup-component .display-details .store-tabs .tabs-list li {
  margin: 5px 0;
  border: 1px solid transparent;
  border-left: 0;
  color: #999;
  position: relative;
}
.pickup-component .display-details .store-tabs .tabs-list li a {
  color: inherit;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
  border-left: 2px solid transparent;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.pickup-component .display-details .store-tabs .tabs-list li.active {
  border: 1px solid #eee;
  border-left: 0;
  background: #fff;
  color: #000;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  border-right: 2px solid #7d7d7d;
}
.pickup-component .display-details .store-tabs .tabs-list li.active a {
  border-left: 2px solid transparent !important;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
  color: #000;
  border-left: 2px solid #7d7d7d;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
  display: block;
  content: attr(aria-label);
  width: auto;
  height: 20px;
  line-height: 20px;
  background: #7d7d7d;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  white-space: nowrap;
  z-index: 100;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #7d7d7d;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 5px);
  -ms-transform: translate(-100%, 5px);
  -o-transform: translate(-100%, 5px);
  transform: translate(-100%, 5px);
}
.pickup-component .display-details .store-tabs .content {
  margin-right: 52px;
  overflow: auto;
  height: 100%;
}
.pickup-component .display-details .store-tabs .tabhead {
  display: none;
}
.pickup-component .display-details .store-tabs .pickup-map {
  height: 232px;
}
.addressbook-component {
  border: 1px solid #eee;
  padding: 0;
  margin: 140px 0;
}
.addressbook-component .addressbook-header {
  background: #eee;
  position: relative;
  border-bottom: 1px solid #7d7d7d;
  padding: 10px;
  height: 56px;
  display: table;
  width: 100%;
}
.addressbook-component .addressbook-header .headline {
  line-height: 16px;
  font-weight: bold;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.addressbook-component .addressbook-header .headline .back-to-storelist {
  display: none;
}
.addressbook-component .addressbook-header .close-addressbook {
  display: table-cell;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #7d7d7d;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border-top: 1px solid #DDDDDD;
  margin-top: -1px;
  background: #fff;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .prev {
  float: left;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .next {
  float: right;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.addressbook-component .find-address-display .display-details {
  float: left;
  width: 50%;
}
.addressbook-component .find-address-display .display-details .address-details {
  padding: 10px;
  height: 252px;
  overflow: hidden;
}
.addressbook-component .find-address-display .display-details .address-actions {
  height: 56px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
  padding: 10px 10px;
  position: relative;
}
.addressbook-component .find-address-display .display-details .address-actions .set-default {
  position: absolute;
  top: -50px;
  right: 10px;
}
.addressbook-component .address-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.addressbook-component .address-list .address-list-entry {
  height: 56px;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry input {
  display: none;
}
.addressbook-component .address-list .address-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #eee;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry label:hover {
  background: #f2f2f2;
}
.addressbook-component .address-list .address-list-entry .address-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.addressbook-component .address-list .address-list-entry .address-info .inner {
  max-height: 56px;
  overflow: hidden;
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-name {
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-city {
  display: block;
  font-weight: normal;
}
.addressbook-component .address-list .address-list-entry .address-actions {
  display: table;
  height: 100%;
  width: auto;
}
.addressbook-component .address-list .address-list-entry .address-actions span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 1201px) {
  .addressbook-component .find-address-display .address-list {
    margin: 0 -1px 0 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label {
    padding-right: 14px;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #7d7d7d;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #7d7d7d;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1200px) {
  .addressbook-component {
    overflow: hidden;
  }
  .addressbook-component .find-address-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .addressbook-component .find-address-display .address-navigation {
    width: 50%;
    border: 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #7d7d7d;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
}
.login-page__headline,
.user-register__headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.login-page__headline.border,
.user-register__headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.login-left-content-slot {
  margin-right: 10px;
  margin-left: 30px;
}
@media (max-width: 1200px) {
  .login-left-content-slot {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.login-right-content-slot {
  margin-right: 30px;
  margin-left: 10px;
}
@media (max-width: 1200px) {
  .login-right-content-slot {
    margin-left: 20px;
    margin-right: 20px;
  }
}
form .forgotten-password {
  margin-bottom: 25px;
}
.forgotten-password.alert {
  padding-left: 0;
  padding-right: 0;
}
.forgotten-password .description {
  margin-bottom: 10px;
}
#colorbox .forgotten-password .btn-primary {
  margin-top: 35px;
}
.forgotten-password .button-back-label {
  text-transform: uppercase;
}
.register-form-action,
.login-form-action {
  margin-top: 35px;
}
.forgotten-password + .login-form-action {
  margin-top: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: 0;
}
.register__container {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .register__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .login-form-action .btn-default {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .login-section .forgotten-password,
  .register-section .forgotten-password {
    margin-bottom: 45px;
  }
}
.checkout-login {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .checkout-login {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-login .headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.checkout-login .headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.checkout__new-account {
  text-align: center;
  background-color: none;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0 55px;
}
.checkout__new-account .accountActions-bottom {
  margin-top: 35px;
}
.checkout__new-account__headling {
  font-size: 24px;
  font-weight: bold;
}
.checkout__new-account__form {
  text-align: left;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .checkout__new-account {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-left: 30px;
}
.checkout-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1201px) {
  .checkout-headline {
    padding-left: 20px;
  }
}
@media (max-width: 768px) {
  .checkout-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-headline span {
  color: #cccccc;
  margin-right: 5px;
  top: 2px;
}
.checkout-summary-headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-right: 30px;
}
.checkout-summary-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1201px) {
  .checkout-summary-headline {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .checkout-summary-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-summary-headline span {
  color: #cccccc;
  margin-right: 5px;
  top: 2px;
}
@media (max-width: 767px) {
  .checkout-summary-headline {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-body-styling {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps {
  padding-left: 30px;
}
.checkout-steps .step-head {
  background: none;
  color: #3c3c3c;
  border: 1px solid #cccccc;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: table;
  width: 100%;
  padding: 10px 20px 10px 40px;
  height: 49px;
  counter-increment: checkout;
}
.checkout-steps .step-head:before {
  content: counter(checkout) '.';
  position: absolute;
  left: 3px;
  top: 0;
  width: 50px;
  text-align: center;
  line-height: 49px;
}
.checkout-steps .step-head + .step-head {
  margin-top: 10px;
}
.checkout-steps .step-head.active {
  background: #e4e4e4;
  color: #3c3c3c;
  border-color: #cccccc;
}
.checkout-steps .step-head .title {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.checkout-steps .step-head .edit {
  color: #7d7d7d;
  font-size: 20px;
  display: table-cell;
  vertical-align: top;
}
.checkout-steps .step-body .step-body-form {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
  margin-bottom: 5px;
}
.checkout-steps .step-body .checkout-next {
  margin: 30px 0;
}
.checkout-steps .step-body hr {
  margin: 0 -20px;
  border-color: #cccccc;
}
.checkout-steps .step-body .checkout-indent .headline {
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}
@media (max-width: 1201px) {
  .checkout-steps {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .checkout-steps {
    padding-left: 20px;
    padding-right: 20px;
  }
  .checkout-steps .step-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .checkout-steps .step-head:before {
    line-height: 68px;
  }
}
.checkout-shipping {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
}
.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
  text-transform: uppercase;
  padding: 25px 0 10px 0;
  font-size: 16px;
  font-weight: 700;
}
.checkout-shipping .checkout-shipping-items > div {
  padding-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-shipping .checkout-shipping-items ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .checkout-shipping-items ul li {
  padding-top: 6px;
  line-height: 18px;
}
.checkout-shipping .checkout-shipping-items ul li:first-child {
  padding-top: 1px;
}
.checkout-shipping .checkout-shipping-items ul li .name {
  font-weight: 700;
}
.checkout-shipping .simplify-pickup-locations {
  background: #f2f4f7;
  padding: 10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
  background: #b3bfd0;
  padding: 10px;
  line-height: 35px;
  margin: -10px -10px 10px -10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .simplify-pickup-locations ul li + li {
  border-top: 1px solid #b3bfd0;
}
.checkout-shipping .simplify-pickup-locations ul a {
  color: #3c3c3c;
  background: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
}
@media (max-width: 1399px) {
  .checkout-shipping .checkout-shipping-items .qty {
    text-align: right;
  }
  .checkout-shipping .checkout-shipping-items .checkout-pickup-items {
    padding-bottom: 0;
  }
}
.checkout-paymentmethod {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
  margin-top: 25px;
}
#addressbook,
#savedpayments,
#savedpaymentsbody {
  display: none;
  padding-bottom: 20px;
}
#colorbox #addressbook,
#colorbox #savedpayments,
#colorbox #savedpaymentsbody {
  display: block;
}
#addressbook ul,
#savedpayments ul,
#savedpaymentsbody ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#addressbook ul li,
#savedpayments ul li,
#savedpaymentsbody ul li {
  padding: 10px 0;
}
.checkout-order-summary {
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .checkout-order-summary {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .checkout-order-summary {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #cccccc;
  margin: 0;
}
@media (min-width: 768px) {
  .checkout-order-summary .checkout-order-summary-list:first-of-type .checkout-order-summary-list-heading {
    padding-top: 15px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading:only-child {
    border-bottom: 0;
  }
}
.checkout-order-summary .checkout-order-summary-list li {
  padding: 20px;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:nth-child(2n + 3) {
  background-color: #f4f4f4;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
  background-color: #009cdd !important;
  color: #ffffff;
  padding: 15px 20px;
  border-bottom: 1px solid #009cdd;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading > div {
  float: left;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
  font-weight: 700;
  padding-right: 5px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
}
.checkout-order-summary .checkout-order-summary-list .thumb {
  float: left;
  margin-right: 20px;
  width: 65px;
}
.checkout-order-summary .checkout-order-summary-list .thumb img {
  width: 100%;
  height: auto;
}
.checkout-order-summary .checkout-order-summary-list .price {
  float: right;
  margin-left: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details {
  font-size: 14px;
  margin-left: 85px;
}
.checkout-order-summary .checkout-order-summary-list .details .name {
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details .qty span {
  font-size: 13px;
  color: #7d7d7d;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 10px;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
  float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: 10px 0;
  font-size: 13px;
}
@media (max-width: 1200px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
    width: 100%;
  }
}
.checkout-order-summary .subtotals {
  font-size: 18px;
  margin-top: 30px;
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .subtotals__item--state-discount,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
  padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .subtotals__item--state-discount span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
  float: right;
  font-weight: 600;
}
.checkout-order-summary .subtotals .totals {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.checkout-order-summary .subtotals .realTotals {
  font-size: 14px;
}
.subtotals__item--state-discount {
  color: #00a651;
}
.label-spacing {
  padding-right: 5px;
}
@media (max-width: 767px) {
  .place-order-form {
    padding: 0 20px;
  }
  .checkout-order-summary {
    padding: 30px 20px 15px;
    border: 1px solid #cccccc;
    border-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list {
    padding-left: 0;
    list-style: none;
    border: none;
    padding: 0;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
    background-color: transparent!important;
    color: #3c3c3c;
    padding: 25px 20px;
    border-color: #cccccc;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
    text-transform: uppercase;
    font-size: 16px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
    border-bottom: 1px solid #cccccc;
  }
  .checkout-order-summary .subtotals {
    padding: 0 20px;
  }
}
.checkout-review {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-review .checkout-order-summary .subtotals {
  margin-top: 0;
}
.place-order-form .checkbox {
  margin: 25px 0 40px;
}
.place-order-form .checkbox label {
  font-size: 14px;
  color: #3c3c3c;
  text-transform: none;
}
.btn-close-terms-and-conditions {
  margin: 30px 0;
}
@media (min-width: 768px) {
  .place-order-form .checkbox {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-help {
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 15px;
  padding: 10px;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .checkout-help {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-success {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .checkout-success {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-success__body {
  margin: 30px 0 55px;
  text-align: center;
}
.checkout-success__body__headline {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.termsAndConditions-section {
  padding-bottom: 20px;
}
label.terms {
  margin: 15px 0;
}
fieldset#cardDate > .control-label,
fieldset#startDate > .control-label {
  font-weight: bold;
  margin-bottom: 5px;
}
fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
  margin-top: 100px;
  padding: 0;
}
@media (max-width: 1200px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 130px;
  }
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 170px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
  border-top: 1px solid #e5e5e5;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n+2) {
  background: #f4f4f4;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
  padding: 10px 10px 15px;
  vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td > span {
  display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
  padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
  font-weight: bold;
  min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
  display: block;
  font-size: 16px;
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
    padding: 10px 15px 15px;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n+2) {
    background-color: transparent;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
    display: block;
    text-align: left;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
    display: inline-block;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
    float: right;
  }
}
@media (max-width: 767px) {
  .checkout-coupon-list {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-order-summary .checkout-coupon-list {
  padding: 30px 0;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 767px) {
  .checkout-order-summary .checkout-coupon-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.coupon-list__headline {
  font-size: 18px;
  line-height: 38px;
  font-weight: bold;
}
.coupon-list {
  padding-left: 0;
  list-style: none;
  margin-top: 5px;
  margin-bottom: 0;
}
.coupon-code {
  text-transform: uppercase;
}
.cart-voucher {
  margin-top: 27px;
  padding-left: 30px;
}
.cart-voucher__label {
  display: block;
  width: 100%;
}
.cart-voucher__input {
  width: 50%;
  float: left;
  margin-right: 10px;
}
.cart-voucher__input::-moz-placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #3c3c3c;
  text-transform: uppercase;
}
.cart-voucher__input:-ms-input-placeholder,
.cart-voucher__input::-webkit-input-placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #3c3c3c;
  text-transform: uppercase;
}
.cart-voucher__help-block {
  display: none;
}
.has-error .cart-voucher__help-block,
.has-success .cart-voucher__help-block {
  display: block;
}
@media (max-width: 1399px) and (min-width: 1201px) {
  .cart-voucher__input {
    width: 70%;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .cart-voucher {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .cart-voucher {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.voucher-list {
  padding-left: 0;
  list-style: none;
  margin-top: -5px;
}
.voucher-list__item-box {
  display: inline-block;
  border: 1px solid #cccccc;
  background-color: #f4f4f4;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 15px;
  margin-top: 10px;
}
.voucher-list__item-remove {
  color: #cdcdcd;
  padding: 10px;
  cursor: pointer;
  margin: -10px -10px -10px 0;
  position: relative;
  top: 2px;
}
@media (max-width: 1200px) {
  .voucher-list__item {
    display: inline-block;
    padding-right: 5px;
  }
}
.gift__coupon {
  text-align: center;
  border-top: 1px solid #cccccc;
  margin: 0 auto 55px;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  width: 80%;
}
@media (max-width: 1201px) {
  .gift__coupon {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.gift__coupon span {
  display: block;
}
@media (max-width: 360px) {
  .gift__coupon {
    width: 90%;
  }
}
@media (min-width: 1201px) {
  .gift__coupon {
    width: 40%;
  }
}
.gift__coupon .gift__coupon--title {
  margin-bottom: 5px;
}
.gift__coupon .gift__coupon--name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#storeFinder {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  #storeFinder {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#storeFinder #storelocator-query {
  height: 48px;
}
.headline {
  font-size: 18px;
  margin-bottom: 10px;
}
.store__finder--search #storeFinderForm {
  margin-bottom: 10px;
}
.store__finder {
  display: none;
  padding: 0;
}
.store__finder .store__finder--pagination {
  line-height: 48px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  content: " ";
  display: table;
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  content: " ";
  display: table;
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--navigation,
.store__finder .store__finder--details {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
}
.store__finder .store__finder--navigation {
  overflow: hidden;
  height: 561px;
}
@media (min-width: 768px) {
  .store__finder .store__finder--navigation {
    padding-right: 10px;
  }
}
.store__finder .store__finder--map {
  width: 100%;
  height: 200px;
}
.store__finder .stores-nearby {
  margin-bottom: 10px;
}
.store__finder .store__finder--navigation-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #ddd;
  position: relative;
}
.store__finder .store__finder--navigation-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 56px;
}
.store__finder .store__finder--navigation-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.store__finder .store__finder--navigation-list .list__entry {
  height: 56px;
}
.store__finder .store__finder--navigation-list .list__entry:last-child label {
  border: 0;
}
.store__finder .store__finder--navigation-list .list__entry input {
  display: none;
}
.store__finder .store__finder--navigation-list .list__entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 14px 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry label:hover {
  background: #f2f2f2;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label {
  background: #7d7d7d;
  color: #fff !important;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label:after {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 14px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.store__finder .store__finder--navigation-list .list__entry .entry__info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.store__finder .store__finder--navigation-list .list__entry .entry__name {
  display: block;
}
.store__finder .store__finder--navigation-list .list__entry .entry__city {
  display: block;
  font-weight: normal;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.store__finder .store__finder--details .store__finder--details-back {
  margin-bottom: 20px;
  display: none !important;
}
@media (max-width: 767px) {
  .store__finder .store__finder--details .store__finder--details-back {
    display: inline-block !important;
  }
}
.store__finder .store__finder--details .store__finder--details-image {
  width: 112px;
  float: left;
  margin-right: 10px;
}
.store__finder .store__finder--details .store__finder--details-image img {
  width: 100%;
  height: auto;
}
.store__finder .store__finder--details .store__finder--details-info {
  margin-left: 122px;
}
.store__finder .store__finder--details .info__name {
  font-weight: bold;
}
.store__finder .store__finder--details hr {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 1px;
  position: relative;
  border: 0;
}
.store__finder .store__finder--details hr:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  right: 0;
  left: 0;
  background: #ddd;
}
.store__finder .store__finder--details .store__finder--details-map {
  background: #eee;
}
.store__finder .store__finder--details .store__finder--details-openings dl dt {
  text-align: left !important;
  width: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings dl dd {
  margin-left: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings ul {
  padding-left: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .store__finder .back__to__storelist {
    margin-bottom: 10px;
  }
  .store__finder .store__finder--panel {
    width: 200%;
    margin: 0;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .store__finder .store__finder--panel > * {
    padding: 0;
  }
  .store__finder .store__finder--panel .store__finder--details {
    display: none;
  }
  .store__finder .store__finder--pagination {
    line-height: 20px;
  }
  .store__finder.show-store .store__finder--pagination {
    color: rgba(0, 0, 0, 0);
    height: 46px;
  }
  .store__finder.show-store .store__finder--pagination * {
    display: none;
  }
  .store__finder.show-store .store__finder--panel {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .store__finder.show-store .store__finder--panel .store__finder--navigation {
    padding-right: 20px;
  }
  .store__finder.show-store .store__finder--panel .store__finder--details {
    display: block;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 14px;
  height: 14px;
}
#cboxTopCenter {
  height: 14px;
}
#cboxTopRight {
  width: 14px;
  height: 14px;
}
#cboxBottomLeft {
  width: 14px;
}
#cboxBottomCenter {
  height: 43px;
}
#cboxBottomRight {
  width: 14px;
}
#cboxMiddleLeft {
  width: 14px;
}
#cboxMiddleRight {
  width: 14px;
}
#cboxContent {
  background: #fff;
  overflow: visible;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}
#cboxPrevious:hover {
  background-position: -51px 0px;
}
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}
#cboxNext:hover {
  background-position: -75px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}
#cboxTitle {
  background: transparent;
  position: absolute;
  top: 0;
  padding: 43px 40px 15px;
  height: 88px;
  display: table;
  width: 100%;
}
#cboxTitle .headline {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  vertical-align: middle;
}
#cboxClose {
  position: absolute;
  right: 13px;
  top: 10px;
  background: transparent;
  border: 0 none;
  color: #7d7d7d;
  padding: 5px;
  font-size: 25px;
}
#cboxLoadedContent {
  margin-top: 88px;
  padding: 15px 40px 30px 40px;
}
#cboxLoadedContent .add-to-cart-item {
  margin-bottom: 40px;
}
#cboxLoadedContent .addressEntry + .addressEntry,
#cboxLoadedContent .saved-payment-entry + .saved-payment-entry {
  margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul,
#cboxLoadedContent .saved-payment-entry ul {
  margin-top: -10px;
  margin-bottom: 20px;
}
#cboxLoadedContent .modal-details {
  line-height: 1.8em;
}
#cboxLoadedContent .modal-actions {
  margin-top: 20px;
}
#cboxLoadedContent .modal-actions .btn {
  margin-top: 20px;
}
@media (max-width: 767px) {
  #cboxTitle {
    height: 112px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxLoadedContent {
    margin-top: 112px;
    padding: 15px 20px 30px 20px;
  }
  #cboxLoadedContent .addressEntry ul {
    margin-top: -25px;
  }
}
.modal__top {
  padding-bottom: 32px;
  margin-bottom: 30px;
  border-bottom: 1px solid #005ea8;
}
.modal__top .modal__top--label {
  color: #3c3c3c;
  font-weight: bold;
  font-style: italic;
}
.modal__top .modal__top--text {
  font-style: italic;
}
.modal__text--bold {
  font-weight: bold;
}
.modal__bottom {
  margin-bottom: 40px;
  font-size: 15px;
}
.quote-discount__modal--label {
  font-size: 15px;
  font-weight: 600;
  color: #3c3c3c;
  text-transform: capitalize;
  vertical-align: middle;
  display: table-cell;
  height: 40px;
}
.quote-discount__modal--input {
  margin-bottom: 17px;
  width: 100%;
}
.quote-discount__modal--input input[type=number] {
  -moz-appearance: textfield;
}
.quote-discount__modal--input input[type=number]::-webkit-inner-spin-button,
.quote-discount__modal--input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quote-discount__modal--input__label {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  padding-right: 10px;
  width: 25px;
  text-align: right;
}
.quote-discount__modal--original__total {
  font-size: 15px;
  font-style: italic;
  border-bottom: 1px solid #005ea8;
  color: #3c3c3c;
  padding-bottom: 13px;
  margin-bottom: 9px;
  margin-top: 10px;
}
.quote-discount__modal--new__total {
  color: #3c3c3c;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 47px;
}
.price del {
  color: #000;
  font-weight: bold;
}
.price ins {
  color: #3c3c3c;
  text-decoration: none;
}
a.price ins:hover,
a.price ins:focus {
  color: #232323;
}
.price.msrp {
  color: #666;
}
.account-navigation {
  margin-bottom: 10px;
}
.account-navigation .account-navigation-header {
  padding: 10px;
  text-transform: uppercase;
}
.account-navigation .account-navigation-header a {
  display: block;
}
.account-navigation .account-navigation-list {
  margin: 10px;
  padding-left: 0;
  list-style: none;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
.account-navigation .account-navigation-list li.title {
  margin-top: 10px;
  font-weight: bold;
}
.account-navigation .account-navigation-list li.active {
  font-weight: bold;
}
.account-navigation .account-navigation-list li a:hover,
.account-navigation .account-navigation-list li afocus {
  color: #7d7d7d;
}
.account-home .account-home-section {
  margin-bottom: 20px;
}
.account-home .account-home-section .account-home-section-header {
  background: #f2f4f7;
  padding: 10px;
  text-transform: uppercase;
}
.account-home .account-home-section .account-home-section-content {
  height: 100px;
  padding: 10px;
  border: 1px solid #f2f4f7;
  border-top: 0;
}
.account-home .account-home-section .account-home-section-content ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
@media (max-width: 1200px) {
  .account-home .account-home-section {
    margin-bottom: 10px;
  }
  .account-home .account-home-section .account-home-section-content {
    height: auto;
    padding: 0;
  }
  .account-home .account-home-section .account-home-section-content ul li a {
    padding: 10px;
    display: block;
  }
  .account-home .account-home-section .account-home-section-content ul li + li {
    border-top: 1px solid #eee;
  }
}
@media (min-width: 1400px) {
  .account-section {
    margin: 0 auto;
    width: 1400px;
  }
}
.account-section .pagination-bar {
  margin: 15px 0 0;
}
.account-section .pagination-bar .pagination-toolbar {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  border-bottom: none;
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar form {
  padding: 0;
}
.account-section .pagination-bar .pagination-bar-results {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid #cccccc;
}
@media (max-width: 1201px) {
  .account-section .pagination-bar .pagination-bar-results {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
  }
}
.account-section .pagination-bar.bottom .pagination-toolbar {
  padding-top: 5px;
  border: none;
}
@media (max-width: 767px) {
  .account-section .pagination-bar .pagination-toolbar {
    margin: 0;
  }
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-overview-table,
  .account-section div.responsive-table {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.account-section .addressBackBtn,
.account-section .orderTopBackBtn {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.account-section .account-section-header {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.account-section .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1201px) {
  .account-section .account-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-header.account-section-header-secondary {
  color: #3c3c3c;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  padding-bottom: 10px;
}
.account-section .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-header .account-section-header-add {
  font-size: 14px;
  font-weight: 700;
  margin-top: 4px;
}
.account-section .account-section-header__subheadline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
  text-transform: none;
}
.account-section .account-orderdetail + .account-section-content .pagination-bar {
  margin-top: 0;
}
.account-section .container-lg .account-section-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .container-lg .account-section-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1400px) {
  .account-section .container-lg .account-section-content {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .account-section .container-lg .account-section-content .account-section-form {
    padding: 0 5px;
  }
}
.account-section .account-section-content .item__list--item .item__total {
  padding-right: 30px;
}
.account-section .account-section-content .account-section-header {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.account-section .account-section-content .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1201px) {
  .account-section .account-section-content .account-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-content .account-section-header .container-lg {
  float: none;
  padding: 0 10px;
}
@media (min-width: 1400px) {
  .account-section .account-section-content .account-section-header .container-lg {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .account-section .account-section-content .back-link .container-lg {
    padding: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 40px 0;
}
.account-section .account-section-content .account-section-form .accountActions {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  .account-section .account-section-content .account-section-form .accountButtons:last-child {
    padding-top: 20px;
  }
}
.account-section .account-section-content .account-section-form form {
  padding: 0;
}
.account-section .account-section-content form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .account-section-content form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content form .accountActions-bottom {
  padding: 0;
}
.account-section .account-section-content #quoteForm {
  padding: 0;
}
.account-section .account-section-content #addNewPermissionForm .account-select-form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .account-section-content #addNewPermissionForm .account-select-form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content.content-empty {
  margin: 45px 0;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .account-section-content.content-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .help-block {
  font-size: 14px;
  font-weight: normal;
  color: #fd7b7b;
}
.account-section .account-section-content .account-orderhistory-pagination {
  padding-top: 10px;
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar form {
  padding: 0;
}
.account-section .account-section-content .account-orderhistory-pagination .account-orderhistory-pagination-text {
  line-height: 32px;
}
.account-section .account-section-content .account-orderhistory-pagination .pager {
  margin: 0;
}
.account-section .account-section-content .account-orderhistory-sort {
  background: #f2f4f7;
  padding: 10px;
}
.account-section .account-section-content table > tbody > tr > td:nth-child(2) a {
  font-weight: 600;
}
.account-section .account-section-content .accountActions {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
}
.account-section .account-section-content .cart-voucher form,
.account-section .account-section-content .cart-items form,
.account-section .account-section-content .item-action form {
  padding: 0;
}
@media (min-width: 1201px) {
  .account-section .account-section-content .item__btn {
    margin-bottom: 10px;
  }
}
@media (max-width: 1200px) {
  .account-section .account-section-content .item__btn {
    margin-top: 20px;
  }
}
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
  display: inline-block;
  text-align: right;
  margin: 25px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 767px) {
  .account-section .account-section-content .disable-link,
  .account-section .account-section-content .enable-link {
    text-align: center;
    float: none;
    padding-right: 0!important;
    width: 100%;
  }
}
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .enable-link button {
  background: transparent;
  border: 0 none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.account-section .account-section-content .disable-link button[disabled],
.account-section .account-section-content .enable-link button[disabled] {
  color: #7d7d7d;
}
.account-section .account-section-content .disable-link form,
.account-section .account-section-content .enable-link form {
  display: inline-block;
}
.account-section .account-section-content .enable-link + .disable-link,
.account-section .account-section-content .disable-link + .enable-link,
.account-section .account-section-content .disable-link + .disable-link,
.account-section .account-section-content .enable-link + .enable-link {
  padding-left: 20px;
  position: relative;
}
.account-section .account-section-content .enable-link + .disable-link:before,
.account-section .account-section-content .disable-link + .enable-link:before,
.account-section .account-section-content .disable-link + .disable-link:before,
.account-section .account-section-content .enable-link + .enable-link:before {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: 1px;
  left: 10px;
  background: #cccccc;
  top: 0;
}
@media (max-width: 767px) {
  .account-section .account-section-content .enable-link + .disable-link:before,
  .account-section .account-section-content .disable-link + .enable-link:before,
  .account-section .account-section-content .disable-link + .disable-link:before,
  .account-section .account-section-content .enable-link + .enable-link:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .account-section .account-section-content .enable-link + .disable-link,
  .account-section .account-section-content .disable-link + .enable-link,
  .account-section .account-section-content .disable-link + .disable-link,
  .account-section .account-section-content .enable-link + .enable-link {
    padding-left: 0;
  }
}
.account-section .account-section-content .disable-link a,
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .disable-link form {
  color: #ed1c24;
}
@media (max-width: 767px) {
  .account-section .account-section-content .remove-item-column {
    position: absolute;
    right: -4px;
    top: -5px;
    width: auto;
  }
  .account-section .account-section-content .restore-item-column {
    position: absolute;
    right: -4px;
    top: 50px;
    width: auto;
  }
}
.account-section .account-section-content .restore-item-link {
  text-transform: uppercase;
  font-weight: 700;
}
.account-section .account-section-content .restore-item-link .glyphicon-share-alt {
  font-size: 24px;
  padding: 13px;
  transform: scale(-1, 1);
  margin-right: 13px;
}
.account-section .account-section-content .edit-item-link {
  margin-top: 10px;
  display: block;
}
.account-section .account-section-content .remove-item-link .glyphicon-remove {
  font-size: 21px;
  padding: 0 14px;
}
@media (max-width: 768px) {
  .account-section .account-section-content .remove-item-link .glyphicon-remove {
    padding: 14px;
  }
}
.account-section .account-section-content .saved__carts__overview--table .responsive-table-item {
  position: relative;
  padding-right: 35px;
}
@media (min-width: 768px) {
  .account-section .account-section-content .saved-cart .saved-cart-name {
    width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
  .account-section .account-section-content .saved-cart .saved-cart-description {
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
}
.account-section .account-section-action {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .account-section .account-section-action .row {
    margin: 0;
  }
  .account-section .account-section-action .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .accountActions-bottom {
  clear: both;
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .accountActions-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .account-section .accountActions-bottom .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .cancel-panel .orderBackBtn {
  padding-right: 0;
}
@media (max-width: 768px) {
  .account-section .cancel-panel .orderBackBtn {
    padding-right: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .account-section .cancel-panel {
    padding-left: 0;
  }
}
.account-section .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.account-section .account-consignment {
  margin-top: 20px;
}
.account-section .account-list.account-addressbook ul,
.account-section .account-list.account-paymentdetails ul {
  margin-bottom: 30px;
}
.account-section .account-list ul {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 90%;
}
.account-section .account-list ul li {
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-section .account-list .account-list-header {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: none;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 1.5;
  margin-top: -1px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .account-list .account-list-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-list-header .account-list-header-add {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.account-section .account-list .account-cards {
  border-left: 1px solid #cccccc;
  padding: 0 10px;
}
.account-section .account-list .account-cards.card-select {
  border-top: 1px solid #cccccc;
}
.account-section .account-list .account-cards .account-cards-actions {
  display: inline-block;
  width: 10%;
}
.account-section .account-list .account-cards .account-cards-actions .glyphicon {
  font-size: 24px;
  margin-bottom: 20px;
}
.account-section .account-list .account-cards .account-cards-actions .edit-item .glyphicon {
  margin-top: 3px;
}
@media (min-width: 768px) {
  .account-section .account-list .account-cards .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .account-section .account-list .account-cards .row:before {
    content: none;
  }
  .account-section .account-list .account-cards .row:after {
    content: '';
  }
}
.account-section .account-list .account-cards .card,
.account-section .account-list .account-cards .search-empty {
  list-style: none;
  border-left: 0;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 30px 30px 25px;
  margin-bottom: 0;
  min-height: 150px;
  clear: both;
}
.account-section .account-list .account-cards .card span,
.account-section .account-list .account-cards .search-empty span {
  padding: 0;
  text-align: right;
}
.account-section .account-list .account-cards .card > ul > li,
.account-section .account-list .account-cards .search-empty > ul > li {
  margin-bottom: 3px;
}
.account-section .account-list .account-cards .card > ul > li:first-child,
.account-section .account-list .account-cards .search-empty > ul > li:first-child {
  text-transform: uppercase;
  font-weight: 600;
}
.account-section .account-list .account-cards .card .action-links,
.account-section .account-list .account-cards .search-empty .action-links {
  float: right;
  height: 50px;
  width: 50px;
  margin-right: -15px;
  margin-top: -15px;
  text-align: right;
}
.account-section .account-list .account-cards .card .action-links .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-pencil {
  font-size: 20px;
  color: #7d7d7d;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-pencil {
  color: #7d7d7d;
}
@media (max-width: 1201px) {
  .account-section .account-list .account-cards .card,
  .account-section .account-list .account-cards .search-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-set-default-address {
  position: absolute;
  left: 25px;
  bottom: 25px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #7d7d7d;
  background: transparent;
  padding: 0;
  border: 0 none;
}
@media (max-width: 767px) {
  .account-section .account-list .account-set-default-address {
    left: 20px;
  }
}
.account-section .continue__shopping,
.account-section .orderBackBtn {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-section .continue__shopping,
  .account-section .orderBackBtn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .account-section .account-list .account-cards {
    border: none;
  }
  .account-section .account-list .account-cards .card {
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .account-cards .card:first-child {
    margin: 0;
  }
  .account-section .account-list .account-cards .selected:first-child {
    border-left: none;
  }
}
.account-profil .account-profil-info {
  margin: 0 0 10px;
}
.account-profil .account-profil-info .account-profil-info-line {
  line-height: 2em;
}
.account-profil .account-profil-info .account-profil-info-line span {
  display: inline-block;
  width: 100px;
}
.account-profil a.btn {
  margin-top: 10px;
}
.account-profil .btn + .btn {
  margin-left: 10px;
}
.account-orderdetail.well {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1201px) {
  .account-orderdetail .item__list .item__list--item .item__total {
    padding-right: 30px;
  }
}
.account-orderdetail .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-orderdetail .well-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-orderdetail:before,
.account-orderdetail:after {
  content: " ";
  display: table;
}
.account-orderdetail:after {
  clear: both;
}
.account-orderdetail:before,
.account-orderdetail:after {
  content: " ";
  display: table;
}
.account-orderdetail:after {
  clear: both;
}
.account-orderdetail .col-sm-9 > .col-sm-4:nth-child(3n+1) {
  clear: both;
}
.account-orderdetail .order-savings {
  color: #00a651;
  font-weight: 700;
  padding: 10px 10px 25px 0;
}
.account-orderdetail .order-savings + .order-savings {
  padding-top: 0;
}
.account-orderdetail .item-box {
  background: #afb2b5;
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
  content: " ";
  display: table;
}
.account-orderdetail .item-box:after {
  clear: both;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
  content: " ";
  display: table;
}
.account-orderdetail .item-box:after {
  clear: both;
}
.account-orderdetail .order-data {
  background-color: #F2F4F7;
  padding: 10px;
}
.account-orderdetail .orderDetail_itemHeader {
  font-size: 20px;
  background-color: none;
  padding: 10px 20px;
}
.account-orderdetail .button-panel {
  float: right;
  max-width: 200px;
}
.account-orderdetail .account-orderdetail-item-section-body ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.account-orderdetail .account-orderdetail-item-section-body ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li + li {
  border-top: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul .thumb {
  float: left;
  margin-right: 10px;
  max-width: 100px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .price-total {
  float: right;
  padding-right: 10px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .details .name {
  font-weight: bold;
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
  color: #00a651;
}
@media (min-width: 1201px) and (max-width: 1399px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 22px;
  }
}
@media (min-width: 1400px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 0;
  }
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo li {
  border-bottom: 0;
}
.account-orderdetail .account-orderdetail__footer {
  padding-top: 55px;
}
.account-orderdetail .account-orderdetail__footer > div {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .account-orderdetail .account-orderdetail__footer > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-orderdetail .order-savings__headline {
  font-size: 18px;
  color: #3c3c3c;
  font-weight: 500;
}
.account-orderdetail .orderTotal {
  font-size: 18px;
  line-height: 38px;
  margin-bottom: 20px;
}
.account-orderdetail .orderTotal .text-right {
  font-weight: 700;
}
.account-orderdetail .orderTotal .totals {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 15px;
}
.account-orderdetail .orderTotal .discount {
  color: #00a651;
}
.account-orderdetail .order-store-address .order-track-number,
.account-orderdetail .order-store-hours .order-track-number {
  color: #ed1c24;
}
.account-orderdetail .order-billing-address ul {
  padding: 0;
}
.account-orderdetail .order-billing-address ul li {
  list-style: none;
}
.account-orderdetail .order-billing-address .label-order,
.account-orderdetail .order-payment-data .label-order,
.account-orderdetail .order-ship-to .label-order,
.account-orderdetail .order-shipping-method .label-order,
.account-orderdetail .order-tracking-no .label-order,
.account-orderdetail .order-store-address .label-order,
.account-orderdetail .order-store-hours .label-order {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 2px;
}
.account-orderdetail .order-billing-address .value-order-date,
.account-orderdetail .order-payment-data .value-order-date,
.account-orderdetail .order-ship-to .value-order-date,
.account-orderdetail .order-shipping-method .value-order-date,
.account-orderdetail .order-tracking-no .value-order-date,
.account-orderdetail .order-store-address .value-order-date,
.account-orderdetail .order-store-hours .value-order-date {
  display: inline-block;
  min-width: 15%;
}
.account-orderdetail .value-order {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .account-orderdetail .order-shipping-method,
  .account-orderdetail .order-tracking-no,
  .account-orderdetail .order-payment-data,
  .account-orderdetail .order-store-hours {
    padding-top: 20px;
  }
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section {
  clear: both;
  margin-bottom: 20px;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-total__taxes {
  text-align: right;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-savings__info {
  color: #00a651;
  font-weight: 700;
  text-transform: uppercase;
}
.account-address-removal-popup .address {
  margin-top: 20px;
}
.account-address-removal-popup .btn {
  margin-top: 10px;
}
.savedcart_restore_confirm_modal .restore-current-cart-form {
  margin-top: 40px;
}
.not-active {
  pointer-events: none;
  cursor: default;
  font-weight: normal !important;
  color: black !important;
}
.quick-view-popup .product-image {
  float: left;
  width: 33%;
}
.quick-view-popup .product-image a {
  display: block;
}
.quick-view-popup .product-image img {
  width: 100%;
  height: auto;
}
.quick-view-popup .product-details {
  margin-left: 33%;
  padding-left: 20px;
}
.quick-view-popup .product-details .name {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .product-details .rating:after {
  clear: none;
}
.quick-view-popup .product-details .price {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .addtocart-component {
  clear: both;
  padding-top: 20px;
}
input[type="radio"],
input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 20px;
}
label {
  color: #7d7d7d;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
}
.form-control:focus {
  border-color: #7d7d7d;
  outline: 0;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #7d7d7d;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #7d7d7d;
}
select.form-control {
  text-transform: capitalize;
  font-size: 13px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  color: #7d7d7d;
}
.has-error .control-label {
  color: #7d7d7d;
}
.has-error input.form-control {
  background: #fdf3f5;
  border-color: #fd7b7b;
}
.has-error .help-block {
  font-weight: 600;
  color: #ed1c24;
}
.has-success .control-label {
  color: #7d7d7d;
}
.has-success input.form-control {
  background: transparent;
  border-color: #cccccc;
}
.has-success .help-block {
  font-weight: 600;
  color: #00a651;
}
legend {
  font-size: 18px;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-element-icon {
  position: relative;
}
.form-element-icon .glyphicon {
  position: absolute;
}
.form-element-icon.datepicker .glyphicon {
  top: 32px;
  right: 10px;
  color: #7d7d7d;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .form-element-icon.datepicker .glyphicon {
    top: 38px;
  }
}
.form-control-radio,
.form-control-checkbox {
  display: block;
}
.form-control-radio input,
.form-control-checkbox input {
  margin-bottom: 0;
  float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
  margin-left: 25px;
}
fieldset > div:last-of-type input,
fieldset > div:last-of-type label {
  margin-bottom: 0;
}
.legend {
  margin-bottom: 20px;
}
textarea {
  min-height: 130px;
}
textarea + .help-block {
  font-size: 12px;
  margin-bottom: 25px;
  text-align: right;
}
.input-sm {
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
}
select.input-sm {
  height: 40px;
  line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.textpage-faqs th:last-child {
  text-align: left;
}
/*
## landingLayout2Page
********************************************************************/
.section1 {
  margin: 10px 0;
}
.zoneA .disp-img {
  height: 108px;
  margin: 10px 0 0 0;
  border-bottom: 1px dotted #A5A5A5;
  position: relative;
}
.zoneA .disp-img:first-child {
  margin: 0;
}
.zoneA .disp-img a {
  display: block;
}
.zoneA .disp-img .title {
  display: block;
  margin-left: 106px;
  border-bottom: 1px dotted #A5A5A5;
  margin-bottom: 10px;
}
.zoneA .disp-img .thumb {
  position: absolute;
  top: 0;
}
.zoneA .disp-img .details {
  width: 124px;
  height: 96px;
  margin-left: 106px;
  display: block;
}
.zoneA .action {
  display: none;
}
.zoneB .simple_disp-img:first-child {
  margin: 0 0 10px 0;
}
#homepage_slider.stripViewer {
  position: relative;
  overflow: hidden;
  margin: 0;
}
#homepage_slider.stripViewer ul {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 1%;
  list-style-type: none;
}
#homepage_slider.stripViewer ul li {
  float: left;
}
#homepage_slider .svw {
  width: 50px;
  height: 20px;
  background-color: #ffffff;
}
#homepage_slider .svw ul {
  position: relative;
  left: -999em;
}
#homepage_slider .tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border: 5px solid #dedede;
}
.stripTransmitter {
  overflow: auto;
  padding: 0 15px ;
  width: 438px !important;
  height: 51px;
  border-bottom: 1px dotted #A5A5A5;
  background-color: #eee;
}
.stripTransmitter ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}
.stripTransmitter ul li {
  width: 30px;
  float: left;
}
.stripTransmitter a {
  line-height: 47px;
  display: block;
  padding: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
}
.stripTransmitter a:hover,
.stripTransmitter a.current {
  font-weight: bold;
}
.tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border-bottom: 1px dotted #A5A5A5;
}
.section4 .disp-img {
  margin: 0 0 15px 0;
}
.section4 .disp-img .title {
  border-bottom: 1px solid #a5a5a5;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  display: block;
  margin: 0 0 10px 0;
}
.section4 .disp-img .thumb {
  margin: 0 0 5px 0;
  display: block;
}
.section4 .disp-img .action {
  display: none;
}
.product-details-toggle {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
  padding-right: 20px;
}
.product-details-toggle.name {
  font-weight: 600;
}
.product-details.open .product-details-toggle {
  margin-bottom: 0;
}
.product-details-toggle .glyphicon {
  float: right;
  font-size: 14px;
  line-height: 35px;
}
.product-details.open .product-details-toggle .glyphicon:before {
  content: "\e114";
}
.product-details-toggle-wrap {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .product-details-toggle-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-details.open + .product-details-toggle-wrap {
  display: block;
}
.product-details-toggle-wrap .product-details {
  font-size: 22px;
}
.product-details-toggle-wrap img {
  width: 175px;
  margin: 0 30px 35px 0;
  float: left;
}
@media (min-width: 768px) {
  .product-details-toggle-wrap .product-details {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .product-details-toggle {
    padding: 0 25px 0 10px;
  }
  .product-details-toggle .glyphicon {
    right: 10px;
  }
  .product-details-toggle-wrap {
    margin: 0;
  }
  .product-details-toggle-wrap img {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .product-details-toggle-wrap .product-details {
    margin-bottom: 20px;
  }
}
.product-action {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .product-action {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-action ol {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.product-action ol li {
  font-size: 18px;
  float: right;
  margin: 15px 0 15px 20px;
  line-height: 48.85714286px;
}
.product-action #total-price {
  font-size: 18px;
  font-weight: 600;
}
.product-action div {
  float: left;
  margin: 15px 0;
  line-height: 48.85714286px;
}
@media (max-width: 767px) {
  .product-action {
    margin-bottom: 0;
  }
  .product-action ol li {
    margin-right: 0;
  }
}
@media (max-width: 360px) {
  .product-action ol li,
  .product-action .btn {
    width: 100%;
  }
  .product-action div {
    float: none;
    line-height: 1.42857;
    margin-bottom: 0;
  }
}
.update-future-stock {
  text-align: right;
  padding: 20px 7px 15px 0;
}
.update-future-stock .update_future_stock_button,
.update-future-stock .hide_future_stock_info {
  font-size: 13px;
  font-weight: 700;
}
.update-future-stock .hide_future_stock_info {
  display: none;
}
.product-grid-container .sku-quantity,
#cboxContent .sku-quantity {
  font-size: 13px;
  line-height: 20px;
  width: 60px;
  padding: 9px 10px;
  margin: 5px 0 3px;
  border: 1px solid #cccccc;
  text-align: center;
}
.product-grid-container .td_stock,
#cboxContent .td_stock {
  display: block;
  padding-bottom: 5px;
}
.product-grid-container .td_stock .in-stock,
#cboxContent .td_stock .in-stock {
  color: #7d7d7d;
  font-size: 13px;
  font-weight: 600;
}
.product-grid-container .future_stock,
#cboxContent .future_stock {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.product-grid-container .future_stock .future_stock_value,
#cboxContent .future_stock .future_stock_value {
  margin: 2px 0 8px 0;
}
.product-grid-container .data-grid-total,
#cboxContent .data-grid-total {
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
  font-size: 15px;
  font-weight: 700;
}
.product-grid-container table td .price {
  font-size: 15px;
  font-weight: bold;
}
.product-grid-container table td.out-of-stock .variant-prop,
.product-grid-container table td.out-of-stock .price {
  opacity: 0.3;
}
.product-grid-container table td.out-of-stock .sku-quantity {
  opacity: 0.3;
  background-color: #fff;
}
@media (min-width: 768px) {
  .add-to-cart-order-form-wrap {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
  }
  .add-to-cart-order-form-wrap::after {
    background-color: white;
    bottom: 0;
    content: "";
    height: 17px;
    position: absolute;
    width: 100%;
  }
  .add-to-cart-order-form-wrap::before {
    background-color: white;
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
  }
  .add_to_cart_order_form {
    overflow: scroll;
    max-height: 907px;
  }
  .order-form-scroll {
    cursor: pointer;
    background-color: #7d7d7d;
    opacity: 0.4;
    color: #fff;
    text-align: center;
    position: absolute;
    display: none;
  }
  .order-form-scroll.right {
    width: 50px;
    height: 75px;
    line-height: 75px;
    right: 0px;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.left {
    width: 50px;
    height: 75px;
    line-height: 75px;
    left: 0;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.up {
    width: 75px;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 50%;
    margin-left: -35px;
  }
  .order-form-scroll.down {
    width: 75px;
    height: 50px;
    line-height: 50px;
    bottom: 17px;
    left: 50%;
    margin-left: -35px;
  }
  .product-grid-container-dim-3,
  .product-grid-container-dim-2 {
    width: 100%;
  }
  .product-grid-container table {
    border-bottom: 1px solid #e5e5e5;
  }
  .product-grid-container table:nth-child(2n) {
    background: #f4f4f4;
  }
  .product-grid-container table tr:first-child > th:first-child {
    border-right: 1px solid #334b5c;
    white-space: nowrap;
  }
  .product-grid-container table tr > td:first-child {
    border-right: 1px solid #e5e5e5;
    padding-top: 20px;
  }
  .product-grid-container table th {
    text-align: center;
  }
  .product-grid-container table td {
    text-align: center;
    padding: 25px 10px 15px;
    vertical-align: top;
    max-width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 1201px) {
  .add-to-cart-order-form-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  #cboxContent .sku-quantity {
    font-size: 16px;
  }
  .product-grid-container {
    font-size: 16px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .product-grid-container table {
    table-layout: fixed;
    width: 100%;
  }
  .product-grid-container table tr td {
    border-bottom: 1px solid #e5e5e5;
  }
  .product-grid-container table tr .variant-detail {
    width: 60%;
    padding: 15px 0 15px 20px;
  }
  .product-grid-container table tr .variant-detail img {
    float: left;
    padding-right: 20px;
  }
  .product-grid-container table tr .variant-detail .description {
    padding: 12px 0;
  }
  .product-grid-container table tr .variant-select {
    width: 40%;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
    vertical-align: middle;
  }
  .product-grid-container table .hidden-size {
    display: none;
  }
  .product-grid-container table .variant-summary {
    display: none;
    background-color: #e5e5e5;
  }
  .product-grid-container table .variant-summary .variant-summary-items {
    margin: 15px 0;
  }
  .product-grid-container table .variant-summary tr td {
    padding: 0 20px;
    font-weight: bold;
  }
  .product-grid-container table .variant-summary tr td:last-child {
    text-align: right;
  }
  .product-grid-container table .variant-summary tr:first-child td {
    font-weight: normal;
  }
  .product-grid-container table .variant-summary span {
    display: none;
  }
  .product-grid-container table .editSize {
    display: none;
  }
  .product-grid-container table.selected .variant-summary {
    display: table-row;
  }
  .product-grid-container table.selected .editSize {
    display: inline;
  }
  .product-grid-container table.selected .selectSize {
    display: none;
  }
  .variantSelectMobile #cboxLoadedContent {
    overflow: visible!important;
    padding-left: 0;
    padding-right: 0;
  }
  .variantSelectMobile #cboxContent table {
    width: 100%;
  }
  .variantSelectMobile #cboxContent table td {
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 25px 0 10px 0;
  }
  .variantSelectMobile #cboxContent table td:first-child {
    width: auto;
  }
  .variantSelectMobile #cboxContent table td:nth-child(2n+2) {
    background: #f4f4f4;
  }
  .variantSelectMobile #cboxContent .product-grid-container {
    margin: 0;
  }
  .variantSelectMobile #cboxContent .orderForm_grid_group {
    position: relative;
  }
  .variantSelectMobile #cboxContent .update-future-stock {
    position: absolute;
    margin-left: -65px;
    left: 50%;
    top: 100px;
  }
  .variantSelectMobile #cboxContent .variant-detail {
    padding: 0 0 60px 0;
  }
  .variantSelectMobile #cboxContent .variant-detail img {
    display: inline-block;
    max-width: 200px;
    float: none;
    padding: 0;
  }
  .variantSelectMobile #cboxContent .variant-detail .description {
    padding: 0;
  }
  .variantSelectMobile #cboxContent .variant-detail .description > div {
    display: inline;
  }
  .variantSelectMobile #cboxContent .mobile-cart-actions {
    padding: 20px;
    border-bottom: none;
    background-color: #fff !important;
  }
  .variantSelectMobile #cboxContent .mobile-cart-actions .btn {
    width: 100%;
  }
  .variantSelectMobile #cboxContent .variant-select,
  .variantSelectMobile #cboxContent .variant-summary {
    display: none;
  }
  .variantSelectMobile #cboxContent .variant-prop > span {
    font-weight: 400;
  }
  .variantSelectMobile #cboxContent .sku-quantity {
    font-weight: 400;
    line-height: 60px;
    width: 120px;
    height: 80px;
  }
}
#orderFormContainer .headline,
#orderFormContainer .advanced-search-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  #orderFormContainer .headline,
  #orderFormContainer .advanced-search-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#resultsList.item__list .item__list--item:last-child {
  padding-right: 0;
}
.quick-order__introduction {
  padding-top: 13px;
  margin-top: 10px;
  line-height: 22px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .quick-order__introduction {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1200px) {
  .quick-order__introduction {
    margin-bottom: 10px;
  }
}
.quick-order__actions {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .quick-order__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .quick-order__actions .pull-right {
    float: none!important;
  }
}
.quick-order__add-to-cart-btn {
  margin-top: 10px;
}
.quick-order__add-to-cart-btn .btn {
  width: 100%;
}
.quick-order__reset-link {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.375;
  border: none;
  background-color: transparent;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 13px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .quick-order__reset-link {
    margin: 20px 0;
    text-align: center;
    width: 100%;
    padding-top: 5px;
  }
}
.quick-order__list {
  margin-top: 10px;
}
.quick-order__list.item__list .item__list--item:last-child {
  padding-right: 0;
}
@media (min-width: 1201px) {
  .quick-order__list.item__list .item__remove {
    padding-right: 30px;
    width: 64px;
  }
}
#quickOrder .item__list .item__info {
  width: auto;
}
@media (min-width: 1201px) {
  #quickOrder .item__quantity {
    text-align: left;
  }
}
@media (min-width: 1201px) {
  #quickOrder .item__sku__input input {
    max-width: 300px;
  }
}
@media (min-width: 1201px) {
  #quickOrder .item__list--header .item-sku-input {
    width: 25%;
  }
}
@media (max-width: 1200px) {
  #quickOrder .item__list--header .item-sku-input {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  #quickOrder .item__list--header .item__info {
    width: 20%;
  }
}
#quickOrder .item__list--header .item__total--column {
  text-align: left;
}
#quickOrder .item__list--header li:first-child {
  padding-left: 30px;
}
#quickOrder .item__sku__input {
  padding-left: 30px;
  width: 25%;
}
@media (max-width: 1200px) {
  #quickOrder .item__sku__input {
    padding-left: 20px;
    margin: 0 0 10px;
    width: 100%;
  }
}
#quickOrder .item__list--item:nth-child(odd) {
  background: #f4f4f4;
}
#quickOrder .item__list--item:nth-child(4n+4) {
  background-color: transparent;
}
@media (max-width: 1200px) {
  #quickOrder .item__list--item {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1201px) {
  #quickOrder .item__list--item .item__info {
    width: 20%;
  }
}
#quickOrder .item__list--item .item__info .item__name {
  display: block;
  padding-right: 20px;
}
@media (max-width: 1200px) {
  #quickOrder .item__list--item .item__quantity {
    padding-top: 10px;
    text-align: left;
  }
}
@media (min-width: 1201px) {
  #quickOrder .item__list--item .item__total {
    text-align: left;
    padding-left: 10px;
  }
}
@media (max-width: 1200px) {
  #quickOrder .item__list--item .item__total {
    float: left;
  }
}
.account-section .account-section-content .import-csv__form {
  padding: 0;
}
.import-csv__well {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .import-csv__well {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.import-csv__file-spec {
  padding-top: 15px;
}
.import-csv__file-spec-item {
  padding-top: 5px;
}
.import-csv__file-upload {
  padding-top: 20px;
}
.import-csv__actions {
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1201px) {
  .import-csv__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .import-csv__file-upload {
    border-left: 1px solid #cccccc;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .import-csv__well {
    margin: 0;
  }
}
.file-upload {
  margin-top: 15px;
}
.file-upload__label {
  display: block;
}
.file-upload__wrapper {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.file-upload__input {
  position: absolute;
  right: -3px;
  top: -3px;
  bottom: -3px;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
.file-upload__file-name {
  font-size: 16px;
  display: inline-block;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  position: relative;
  top: 8px;
}
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  .breadcrumb-section {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .footer__left {
    width: 100%;
  }
  .footer__right {
    display: none;
  }
  .owl-wrapper {
    width: 100% !important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 25%!important;
    display: none!important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(-n+4) {
    display: block!important;
  }
  .owl-controls {
    display: none!important;
  }
  .cart-voucher,
  .cart-actions--print {
    width: 100% !important;
  }
  .image-gallery__image,
  .image-gallery__image .owl-wrapper,
  .image-gallery__image .owl-wrapper .owl-item {
    width: 190%!important;
  }
  .tabs .tabhead + .tabbody {
    display: block!important;
  }
  .back-link .label {
    border: 0;
  }
  .carousel-component {
    overflow: hidden;
    height: 320px;
  }
}
.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/* import the ybase less methods*/
.m-0 {
  margin: 0 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-1 {
  margin: 0.25rem 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.m-3 {
  margin: 1rem 1rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-4 {
  margin: 1.5rem 1.5rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-5 {
  margin: 3rem 3rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mr-5 {
  margin-right: 3rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-0 {
  padding: 0 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-1 {
  padding: 0.25rem 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-3 {
  padding: 1rem 1rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-4 {
  padding: 1.5rem 1.5rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-5 {
  padding: 3rem 3rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pr-5 {
  padding-right: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem 3rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem 3rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 767px) {
  .m-md-0 {
    margin: 0 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem 3rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-md-0 {
    padding: 0 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem 3rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1201px) {
  .m-lg-0 {
    margin: 0 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem 3rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1400px) {
  .m-xl-0 {
    margin: 0 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem 3rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem 3rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5 {
    padding-left: 3rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
/* Import spacing - no need to add custom css */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
  font-family: Roboto;
}
/* Import global font for all html elements */
/*
 * animate.less v1.0.4 | animateforless.com
 *
 * -----------------------------------------------------------------------------
 *
 * The MIT License (MIT)
 *
 * Copyright (c) 2014-2016 Carlos M. Bonilla
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
/*
********************************************************************************
**                                                                            **
**                      LESS ANIMATION FRAMEWORK                              **
**                                                                            **
********************************************************************************
*/
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.bounce {
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
.flash {
  -moz-animation-name: flash;
  -ms-animation-name: flash;
  -o-animation-name: flash;
  -webkit-animation-name: flash;
  animation-name: flash;
}
.flashmin {
  -webkit-animation-name: flashmin;
  -moz-animation-name: flashmin;
  -ms-animation-name: flashmin;
  -o-animation-name: flashmin;
  animation-name: flashmin;
}
.pulse {
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.rubberBand {
  -moz-animation-name: rubberBand;
  -ms-animation-name: rubberBand;
  -o-animation-name: rubberBand;
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
.shake {
  -moz-animation-name: shake;
  -ms-animation-name: shake;
  -o-animation-name: shake;
  -webkit-animation-name: shake;
  animation-name: shake;
}
.swing {
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  -o-animation-name: swing;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
.tada {
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  -o-animation-name: tada;
  -webkit-animation-name: tada;
  animation-name: tada;
}
.wobble {
  -moz-animation-name: wobble;
  -ms-animation-name: wobble;
  -o-animation-name: wobble;
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
.bounceIn {
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -ms-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.bounceInDown {
  -moz-animation-name: bounceInDown;
  -ms-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.bounceInLeft {
  -moz-animation-name: bounceInLeft;
  -ms-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.bounceInRight {
  -moz-animation-name: bounceInRight;
  -ms-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.bounceInUp {
  -moz-animation-name: bounceInUp;
  -ms-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
.bounceOut {
  -moz-animation-name: bounceOut;
  -ms-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -ms-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
.bounceOutDown {
  -moz-animation-name: bounceOutDown;
  -ms-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
.bounceOutLeft {
  -moz-animation-name: bounceOutLeft;
  -ms-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
.bounceOutRight {
  -moz-animation-name: bounceOutRight;
  -ms-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
.bounceOutUp {
  -moz-animation-name: bounceOutUp;
  -ms-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
.fadeIn {
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fadeInDown {
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeInDownBig {
  -moz-animation-name: fadeInDownBig;
  -ms-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
.fadeInLeft {
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.fadeInLeftBig {
  -moz-animation-name: fadeInLeftBig;
  -ms-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.fadeInRight {
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.fadeInRightBig {
  -moz-animation-name: fadeInRightBig;
  -ms-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
.fadeInUp {
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.fadeInUpBig {
  -moz-animation-name: fadeInUpBig;
  -ms-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
.fadeOut {
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.fadeOutDown {
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
.fadeOutDownBig {
  -moz-animation-name: fadeOutDownBig;
  -ms-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
.fadeOutLeft {
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
.fadeOutLeftBig {
  -moz-animation-name: fadeOutLeftBig;
  -ms-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
.fadeOutRight {
  -moz-animation-name: fadeOutRight;
  -ms-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
.fadeOutRightBig {
  -moz-animation-name: fadeOutRightBig;
  -ms-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
.fadeOutUp {
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.fadeOutUpBig {
  -moz-animation-name: fadeOutUpBig;
  -ms-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
.flip {
  -webkit-animation-name: flip;
  -moz-animation-name: flip;
  -ms-animation-name: flip;
  -o-animation-name: flip;
  animation-name: flip;
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  -ms-backface-visibility: visible;
  -o-backface-visibility: visible;
  backface-visibility: visible;
}
.flipInX {
  -moz-animation-name: flipInX;
  -ms-animation-name: flipInX;
  -o-animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
.flipInY {
  -moz-animation-name: flipInY;
  -ms-animation-name: flipInY;
  -o-animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
.flipOutX {
  -moz-animation-name: flipOutX;
  -ms-animation-name: flipOutX;
  -o-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -ms-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible !important;
}
.flipOutY {
  -moz-animation-name: flipOutY;
  -ms-animation-name: flipOutY;
  -o-animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -ms-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
.lightSpeedIn {
  -moz-animation-name: lightSpeedIn;
  -ms-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.lightSpeedOut {
  -moz-animation-name: lightSpeedOut;
  -ms-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.rotate {
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
}
.rotateCC {
  -webkit-animation-name: rotateCC;
  -moz-animation-name: rotateCC;
  -ms-animation-name: rotateCC;
  -o-animation-name: rotateCC;
  animation-name: rotateCC;
}
.rotateIn {
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
.rotateInDownLeft {
  -moz-animation-name: rotateInDownLeft;
  -ms-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.rotateInDownRight {
  -moz-animation-name: rotateInDownRight;
  -ms-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
.rotateInUpLeft {
  -moz-animation-name: rotateInUpLeft;
  -ms-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
.rotateInUpRight {
  -moz-animation-name: rotateInUpRight;
  -ms-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
.rotateOut {
  -moz-animation-name: rotateOut;
  -ms-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
.rotateOutDownLeft {
  -moz-animation-name: rotateOutDownLeft;
  -ms-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
  -moz-animation-name: rotateOutDownRight;
  -ms-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
  -moz-animation-name: rotateOutUpLeft;
  -ms-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
.rotateOutUpRight {
  -moz-animation-name: rotateOutUpRight;
  -ms-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
.hinge {
  -moz-animation-name: hinge;
  -ms-animation-name: hinge;
  -o-animation-name: hinge;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
.rollIn {
  -moz-animation-name: rollIn;
  -ms-animation-name: rollIn;
  -o-animation-name: rollIn;
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
.rollOut {
  -moz-animation-name: rollOut;
  -ms-animation-name: rollOut;
  -o-animation-name: rollOut;
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
  -ms-animation-name: zoomIn;
  -o-animation-name: zoomIn;
  animation-name: zoomIn;
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  -moz-animation-name: zoomInDown;
  -ms-animation-name: zoomInDown;
  -o-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  -moz-animation-name: zoomInLeft;
  -ms-animation-name: zoomInLeft;
  -o-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  -moz-animation-name: zoomInRight;
  -ms-animation-name: zoomInRight;
  -o-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  -moz-animation-name: zoomInUp;
  -ms-animation-name: zoomInUp;
  -o-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  -moz-animation-name: zoomOut;
  -ms-animation-name: zoomOut;
  -o-animation-name: zoomOut;
  animation-name: zoomOut;
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  -moz-animation-name: zoomOutDown;
  -ms-animation-name: zoomOutDown;
  -o-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  -moz-animation-name: zoomOutLeft;
  -ms-animation-name: zoomOutLeft;
  -o-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  -moz-animation-name: zoomOutRight;
  -ms-animation-name: zoomOutRight;
  -o-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  -moz-animation-name: zoomOutUp;
  -ms-animation-name: zoomOutUp;
  -o-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.slideInDown {
  -moz-animation-name: slideInDown;
  -ms-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.slideInLeft {
  -moz-animation-name: slideInLeft;
  -ms-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
.slideInRight {
  -moz-animation-name: slideInRight;
  -ms-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  -moz-animation-name: slideInUp;
  -ms-animation-name: slideInUp;
  -o-animation-name: slideInUp;
  animation-name: slideInUp;
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  -moz-animation-name: slideOutDown;
  -ms-animation-name: slideOutDown;
  -o-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
.slideOutLeft {
  -moz-animation-name: slideOutLeft;
  -ms-animation-name: slideOutLeft;
  -o-animation-name: slideOutLeft;
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
.slideOutRight {
  -moz-animation-name: slideOutRight;
  -ms-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
.slideOutUp {
  -moz-animation-name: slideOutUp;
  -ms-animation-name: slideOutUp;
  -o-animation-name: slideOutUp;
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transform: translate3d(0, -30px, 0);
  }
  70% {
    -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transform: translate3d(0, -15px, 0);
  }
  90% {
    -moz-transform: translate3d(0, -4px, 0);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-transform: translate3d(0, -30px, 0);
  }
  70% {
    -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-transform: translate3d(0, -15px, 0);
  }
  90% {
    -o-transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes flashmin {
  0%,
  50%,
  100% {
    opacity: 1.00;
  }
  25%,
  75% {
    opacity: 0.33;
  }
}
@-moz-keyframes flashmin {
  0%,
  50%,
  100% {
    opacity: 1.00;
  }
  25%,
  75% {
    opacity: 0.33;
  }
}
@-o-keyframes flashmin {
  0%,
  50%,
  100% {
    opacity: 1.00;
  }
  25%,
  75% {
    opacity: 0.33;
  }
}
@keyframes flashmin {
  0%,
  50%,
  100% {
    opacity: 1.00;
  }
  25%,
  75% {
    opacity: 0.33;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale3d(1, 1, 1);
  }
  50% {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -moz-transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale3d(1, 1, 1);
  }
  50% {
    -o-transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -o-transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes rubberBand {
  0% {
    -moz-transform: scale3d(1, 1, 1);
  }
  30% {
    -moz-transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -moz-transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -moz-transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -moz-transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -moz-transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -moz-transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes rubberBand {
  0% {
    -o-transform: scale3d(1, 1, 1);
  }
  30% {
    -o-transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -o-transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -o-transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -o-transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -o-transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -o-transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translate3d(10px, 0, 0);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -moz-transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -moz-transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -moz-transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -moz-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -o-transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -o-transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -o-transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -o-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -moz-transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -o-transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: none;
  }
  15% {
    -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -moz-transform: none;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: none;
  }
  15% {
    -o-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -o-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -o-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -o-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -o-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -moz-transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -moz-transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -moz-transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -o-transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -o-transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -o-transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -o-transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -o-transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(0, 25px, 0);
  }
  75% {
    -moz-transform: translate3d(0, -10px, 0);
  }
  90% {
    -moz-transform: translate3d(0, 5px, 0);
  }
  100% {
    -moz-transform: none;
  }
}
@-o-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -o-transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -o-transform: translate3d(0, 25px, 0);
  }
  75% {
    -o-transform: translate3d(0, -10px, 0);
  }
  90% {
    -o-transform: translate3d(0, 5px, 0);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(25px, 0, 0);
  }
  75% {
    -moz-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(5px, 0, 0);
  }
  100% {
    -moz-transform: none;
  }
}
@-o-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -o-transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -o-transform: translate3d(25px, 0, 0);
  }
  75% {
    -o-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -o-transform: translate3d(5px, 0, 0);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(-25px, 0, 0);
  }
  75% {
    -moz-transform: translate3d(10px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(-5px, 0, 0);
  }
  100% {
    -moz-transform: none;
  }
}
@-o-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -o-transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -o-transform: translate3d(-25px, 0, 0);
  }
  75% {
    -o-transform: translate3d(10px, 0, 0);
  }
  90% {
    -o-transform: translate3d(-5px, 0, 0);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(0, -20px, 0);
  }
  75% {
    -moz-transform: translate3d(0, 10px, 0);
  }
  90% {
    -moz-transform: translate3d(0, -5px, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -o-transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -o-transform: translate3d(0, -20px, 0);
  }
  75% {
    -o-transform: translate3d(0, 10px, 0);
  }
  90% {
    -o-transform: translate3d(0, -5px, 0);
  }
  100% {
    -o-transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-moz-keyframes bounceOut {
  20% {
    -moz-transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -moz-transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-o-keyframes bounceOut {
  20% {
    -o-transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -o-transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
  }
}
@-moz-keyframes bounceOutDown {
  20% {
    -moz-transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -moz-transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(0, 2000px, 0);
  }
}
@-o-keyframes bounceOutDown {
  20% {
    -o-transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -o-transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
  }
}
@-moz-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -moz-transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(-2000px, 0, 0);
  }
}
@-o-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -o-transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
  }
}
@-moz-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -moz-transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(2000px, 0, 0);
  }
}
@-o-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -o-transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
  }
}
@-moz-keyframes bounceOutUp {
  20% {
    -moz-transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -moz-transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(0, -2000px, 0);
  }
}
@-o-keyframes bounceOutUp {
  20% {
    -o-transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -o-transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(0, 2000px, 0);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(-100%, 0, 0);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(-2000px, 0, 0);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(100%, 0, 0);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(2000px, 0, 0);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(0, -100%, 0);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(0, -2000px, 0);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -moz-animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -moz-animation-timing-function: ease-in;
  }
  60% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -moz-transform: perspective(400px);
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -o-animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-animation-timing-function: ease-in;
  }
  60% {
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -o-transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -moz-animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -moz-animation-timing-function: ease-in;
  }
  60% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -moz-transform: perspective(400px);
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -o-animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -o-animation-timing-function: ease-in;
  }
  60% {
    -o-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -o-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -o-transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px);
  }
  30% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px);
  }
  30% {
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px);
  }
  30% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px);
  }
  30% {
    -o-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -moz-transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -moz-transform: none;
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -o-transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -o-transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(100%, 0, 0) skewX(30deg);
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(100%, 0, 0) skewX(30deg);
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(30deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate3d(0, 0, 1, -360deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate3d(0, 0, 1, -360deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes rotate {
  0% {
    transform-origin: center center;
    transform: rotate3d(0, 0, 1, -360deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes rotateCC {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-moz-keyframes rotateCC {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate3d(0, 0, 1, 360deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-o-keyframes rotateCC {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate3d(0, 0, 1, 360deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes rotateCC {
  0% {
    transform-origin: center center;
    transform: rotate3d(0, 0, 1, 360deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: center;
    -webkit-transform: none;
  }
}
@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -moz-transform-origin: center;
    -moz-transform: rotate3d(0, 0, 1, -200deg);
  }
  100% {
    opacity: 1;
    -moz-transform-origin: center;
    -moz-transform: none;
  }
}
@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    -o-transform-origin: center;
    -o-transform: rotate3d(0, 0, 1, -200deg);
  }
  100% {
    opacity: 1;
    -o-transform-origin: center;
    -o-transform: none;
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
  }
  100% {
    opacity: 1;
    transform-origin: center;
    transform: none;
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: left bottom;
    -webkit-transform: none;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -moz-transform-origin: left bottom;
    -moz-transform: rotate3d(0, 0, 1, -45deg);
  }
  100% {
    opacity: 1;
    -moz-transform-origin: left bottom;
    -moz-transform: none;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -o-transform-origin: left bottom;
    -o-transform: rotate3d(0, 0, 1, -45deg);
  }
  100% {
    opacity: 1;
    -o-transform-origin: left bottom;
    -o-transform: none;
  }
}
@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
  }
  100% {
    opacity: 1;
    transform-origin: left bottom;
    transform: none;
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: right bottom;
    -webkit-transform: none;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -moz-transform-origin: right bottom;
    -moz-transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    opacity: 1;
    -moz-transform-origin: right bottom;
    -moz-transform: none;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -o-transform-origin: right bottom;
    -o-transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    opacity: 1;
    -o-transform-origin: right bottom;
    -o-transform: none;
  }
}
@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    opacity: 1;
    transform-origin: right bottom;
    transform: none;
  }
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: left bottom;
    -webkit-transform: none;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -moz-transform-origin: left bottom;
    -moz-transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    opacity: 1;
    -moz-transform-origin: left bottom;
    -moz-transform: none;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -o-transform-origin: left bottom;
    -o-transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    opacity: 1;
    -o-transform-origin: left bottom;
    -o-transform: none;
  }
}
@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    opacity: 1;
    transform-origin: left bottom;
    transform: none;
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: right bottom;
    -webkit-transform: none;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -moz-transform-origin: right bottom;
    -moz-transform: rotate3d(0, 0, 1, -90deg);
  }
  100% {
    opacity: 1;
    -moz-transform-origin: right bottom;
    -moz-transform: none;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -o-transform-origin: right bottom;
    -o-transform: rotate3d(0, 0, 1, -90deg);
  }
  100% {
    opacity: 1;
    -o-transform-origin: right bottom;
    -o-transform: none;
  }
}
@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
  }
  100% {
    opacity: 1;
    transform-origin: right bottom;
    transform: none;
  }
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: center;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
  }
}
@-moz-keyframes rotateOut {
  0% {
    opacity: 1;
    -moz-transform-origin: center;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: center;
    -moz-transform: rotate3d(0, 0, 1, 200deg);
  }
}
@-o-keyframes rotateOut {
  0% {
    opacity: 1;
    -o-transform-origin: center;
  }
  100% {
    opacity: 0;
    -o-transform-origin: center;
    -o-transform: rotate3d(0, 0, 1, 200deg);
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
    transform-origin: center;
  }
  100% {
    opacity: 0;
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
  }
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -moz-transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left bottom;
    -moz-transform: rotate3d(0, 0, 1, 45deg);
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -o-transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -o-transform-origin: left bottom;
    -o-transform: rotate3d(0, 0, 1, 45deg);
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
  }
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -moz-transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: right bottom;
    -moz-transform: rotate3d(0, 0, 1, -45deg);
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -o-transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -o-transform-origin: right bottom;
    -o-transform: rotate3d(0, 0, 1, -45deg);
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
  }
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -moz-transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left bottom;
    -moz-transform: rotate3d(0, 0, 1, -45deg);
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -o-transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -o-transform-origin: left bottom;
    -o-transform: rotate3d(0, 0, 1, -45deg);
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
  }
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -moz-transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: right bottom;
    -moz-transform: rotate3d(0, 0, 1, 90deg);
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -o-transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -o-transform-origin: right bottom;
    -o-transform: rotate3d(0, 0, 1, 90deg);
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
  }
  40%,
  80% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
    -moz-transform: rotate3d(0, 0, 1, 80deg);
  }
  40%,
  80% {
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
    -moz-transform: rotate3d(0, 0, 1, 60deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
    -o-transform: rotate3d(0, 0, 1, 80deg);
  }
  40%,
  80% {
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
    -o-transform: rotate3d(0, 0, 1, 60deg);
    opacity: 1;
  }
  100% {
    -o-transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 80deg);
  }
  40%,
  80% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 60deg);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -o-transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomInDown {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInDown {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomInRight {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInRight {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomInUp {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInUp {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -o-transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform-origin: center bottom;
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform-origin: center bottom;
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
  }
}
@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform-origin: left center;
  }
}
@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
  }
}
@-moz-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform-origin: right center;
  }
}
@-o-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform-origin: center bottom;
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform-origin: center bottom;
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    -moz-transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    -o-transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  0% {
    -moz-transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes slideInLeft {
  0% {
    -o-transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    -moz-transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes slideInRight {
  0% {
    -o-transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
    -moz-transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    -o-transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slideOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -moz-transform: translateY(100%);
  }
}
@-o-keyframes slideOutDown {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -o-transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    transform: translateY(100%);
  }
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -moz-transform: translateX(-100%);
  }
}
@-o-keyframes slideOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -o-transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes slideOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -moz-transform: translateX(100%);
  }
}
@-o-keyframes slideOutRight {
  0% {
    -o-transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -o-transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    transform: translateX(100%);
  }
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    visibility: hidden;
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-100%);
    visibility: hidden;
  }
}
@-o-keyframes slideOutUp {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-100%);
    visibility: hidden;
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
    visibility: hidden;
  }
}
/* import the less code for the animate the objects from DOM */
/******************************************************************************************************************
/* File Name        : common.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 14-Sept-2017
/* Description      : This is less code for the common modules for the shop.
/*******************************************************************************************************************/
/* imports the variable.less */
/************** Common class **************/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 18px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fcfcfc url("../images/dd-arrow.svg") no-repeat 101% 42% !important;
}
.float-right {
  float: right;
}
.align-float-none {
  float: none;
}
select::-ms-expand {
  display: none;
  /* remove default arrow on ie10 and ie11 */
}
.multi-line-parent {
  display: table-cell;
}
.multi-line {
  vertical-align: middle;
  display: table !important;
  line-height: 20px !important;
  position: relative !important;
  top: -20px !important;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.hidden {
  visibility: hidden;
}
select.disabled {
  opacity: 0.4 !important;
  background-color: #d9d9d9 !important;
  color: #7d7d7d;
}
.position-relative {
  position: relative;
}
.display-inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.display-grid {
  display: grid;
}
.display-flex-vertical {
  display: flex;
  flex-direction: column;
}
.display-flex-horizontal {
  display: flex;
  flex-direction: row;
}
.display-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.display-table-cell {
  display: inline-block;
}
.display-table-cell .item {
  position: absolute;
  bottom: 0px;
}
/* To remove bootstrap columns side padding  */
.no-gutter [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.text-uppercase {
  text-transform: uppercase;
}
.visibility-hidden {
  visibility: hidden !important;
}
.visibility-visible {
  visibility: visible !important;
}
.form-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.pointer-events-none {
  pointer-events: none;
  cursor: default;
}
.iconDissabled {
  opacity: 0.5;
  cursor: default;
}
.text-color {
  color: #434343;
}
label {
  color: #434343;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 500;
}
.bold {
  font-weight: 600;
}
.light-bold {
  font-weight: 500;
}
.min-width-80 {
  min-width: 80px;
}
.min-width-100 {
  min-width: 100px;
}
.margin-auto-0 {
  margin: 0 auto;
}
.no-border {
  border: none!important;
}
.highlight-link {
  color: #009cdd;
}
.form-group label {
  height: 30px;
  font-size: 10.0pt;
  font-weight: 500;
  display: table-cell;
  vertical-align: middle;
}
.eco3-globalMessages {
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
}
.eco3-globalMessages .alert-success {
  background-color: #f3f9eb;
}
.eco3-globalMessages .alert-success span {
  color: #6d9c2b;
  font-size: 12.0pt;
}
.eco3-globalMessages .alert-info {
  background-color: #e9f7fd;
}
.eco3-globalMessages .alert-info span {
  color: #0086be;
  font-size: 11.0pt;
}
.eco3-globalMessages .alert-error {
  background-color: #fdf2f4;
}
.eco3-globalMessages .alert-error span {
  color: #dc0032;
  font-size: 12.0pt;
}
.eco3-globalMessages .alert-warning {
  background-color: #fff5ea;
}
.eco3-globalMessages .alert-warning span {
  color: #d86d03;
  font-size: 11.0pt;
}
.eco3-springGlobalError {
  padding: 10px;
}
.eco3-springGlobalError span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 10pt;
}
.text-transfrom-none {
  text-transform: none !important;
}
.text-transfrom-up {
  text-transform: uppercase;
}
.text-transform-capitalize {
  text-transform: capitalize;
}
.text-transform-lowercase {
  text-transform: lowercase;
}
.text-transform-initial {
  text-transform: initial !important;
}
.font-weight-700 {
  font-weight: 700;
}
.clear-both {
  clear: both;
}
.pointer {
  cursor: pointer;
}
.eco3-table-pegination .dataTables_wrapper .dataTablePegination {
  width: 100%;
  text-align: center!important;
  margin: 0 auto;
  color: #009cdd !important;
}
.eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.current {
  border: 1px solid #009cdd !important;
  color: #009cdd !important;
  background: none !important;
  z-index: 99;
  margin-top: 35px;
  line-height: 11px;
  width: 26px;
  height: 28px;
  padding: 0.5em 0em;
  border-radius: 0px;
  z-index: 9;
  position: relative;
}
.eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button {
  color: #009cdd !important;
  border: 1px solid #cdcdcd !important;
  margin-left: -1px;
  line-height: 11px;
  width: 26px;
  height: 28px;
  padding: 0.5em 0em;
  border-radius: 0px;
}
.eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button:hover {
  background: #ffffff !important;
  z-index: 99;
  line-height: 11px;
  width: 26px;
  height: 28px;
}
.eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button:hover {
  background: #f3f3f3 !important;
  color: #333333 !important;
  z-index: 99;
  line-height: 11px;
  width: 26px;
  height: 28px;
  border-radius: 0px;
}
.alert ul li {
  list-style: none;
}
.alert:before {
  padding-right: 30px;
}
.alert button.close {
  padding-left: 30px;
}
a {
  color: #808080;
}
a .highlight {
  color: #009cdd;
}
a.highlight {
  color: #009cdd !important;
}
a.hover-highlight:hover {
  color: #009cdd;
}
div.v-align-center-main-section {
  display: table;
  width: 100%;
}
div.v-align-center-main-section .v-align-element {
  display: table-cell;
  vertical-align: middle;
}
.fa.fa-times,
.fa.fa-check {
  display: inline-block;
  background-position: center;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  font-size: 0 !important;
  content: "";
}
.fa.fa-times {
  background-image: url("../images/clear-symbol.svg");
  width: 15px;
  height: 15px;
}
.fa.fa-check {
  background-image: url("../images/check-symbol.svg");
  width: 19px;
  height: 16px;
}
.border-dash {
  border-top: 2px dashed #cccccc;
}
.border-dash-bottom {
  border-bottom: 2px dashed #cccccc;
}
.border-right {
  border-right: 1px solid #f3f3f3;
}
.border-right-grey {
  border-right: 1px solid #cccccc;
}
.min-height-120 {
  min-height: 120px;
}
.min-height-150 {
  min-height: 150px;
}
.min-height-160 {
  min-height: 160px;
}
.min-height-180 {
  min-height: 180px;
}
.min-height-200 {
  min-height: 200px;
}
.min-height-260 {
  min-height: 260px;
}
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.spinner > div {
  background-color: #7d7d7d;
  height: 35px;
  width: 3px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.relative {
  position: relative;
}
.form-group input[type=text],
.form-group input[type=tel],
.form-group input[type=email],
.form-group input[type=search],
.form-group input[type=number],
.form-group input[type=password],
.form-group textarea {
  height: 35px;
  font-size: 11.0pt;
  background-color: #fcfcfc;
  font-weight: normal;
  border: 1px solid #cccccc;
  min-width: 30px;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #3c3c3c;
  background-image: none;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  resize: none;
}
.no-background-image {
  background-image: none !important;
}
.form-group input[type=text].error,
.form-group input[type=tel].error,
.form-group input[type=email].error,
.form-group input[type=search].error,
.form-group input[type=number].error,
.form-group input[type=password].error,
.form-group.has-feedback.has-error input[required="required"],
.form-group.has-feedback.has-error select[required="required"],
.form-group.has-feedback.has-error input[type="text"] {
  border: 1px solid #d50032 !important;
  background: #fdf3f5;
}
.form-group input[type=text][disabled],
.form-group input[type=email][disabled],
.form-group input[type=search][disabled],
.form-group input[type=number][disabled],
.form-group input[type=password][disabled],
.form-group textarea[disabled],
.form-group select[disabled],
.input-group-addon.readonly {
  opacity: 0.4;
}
.form-group.has-feedback.has-error textarea {
  border: 1px solid #d50032 !important;
}
/* For Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.badge {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #83bc34;
}
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
.form-group.last {
  margin-bottom: 0px!important;
}
/* Generate a width cols in percentage wise.*/
.width-25 {
  width: 25%;
}
.width-50 {
  width: 50%;
}
.width-75 {
  width: 75%;
}
.width-100 {
  width: 100%;
}
/* Border related */
.border-radius-1 {
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  -ms-border-radius: 1;
  -o-border-radius: 1;
  border-radius: 1;
}
.border-radius-2 {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  -ms-border-radius: 2;
  -o-border-radius: 2;
  border-radius: 2;
}
.border-radius-3 {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  -ms-border-radius: 3;
  -o-border-radius: 3;
  border-radius: 3;
}
.border-radius-4 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  -ms-border-radius: 4;
  -o-border-radius: 4;
  border-radius: 4;
}
.border-radius-5 {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  -ms-border-radius: 5;
  -o-border-radius: 5;
  border-radius: 5;
}
.border-radius-6 {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  -ms-border-radius: 6;
  -o-border-radius: 6;
  border-radius: 6;
}
.border-radius-7 {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  -ms-border-radius: 7;
  -o-border-radius: 7;
  border-radius: 7;
}
.border-radius-8 {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  -ms-border-radius: 8;
  -o-border-radius: 8;
  border-radius: 8;
}
.border-radius-9 {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  -ms-border-radius: 9;
  -o-border-radius: 9;
  border-radius: 9;
}
.border-radius-10 {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  -ms-border-radius: 10;
  -o-border-radius: 10;
  border-radius: 10;
}
.border-radius-15 {
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  -ms-border-radius: 15;
  -o-border-radius: 15;
  border-radius: 15;
}
.border-radius-20 {
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  -ms-border-radius: 20;
  -o-border-radius: 20;
  border-radius: 20;
}
.border-radius-25 {
  -webkit-border-radius: 25;
  -moz-border-radius: 25;
  -ms-border-radius: 25;
  -o-border-radius: 25;
  border-radius: 25;
}
.border-radius-30 {
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  -ms-border-radius: 30;
  -o-border-radius: 30;
  border-radius: 30;
}
/* Border */
.border-1 {
  border: 1px solid #cccccc;
}
.border-2 {
  border: 2px solid #cccccc;
}
.border-3 {
  border: 3px solid #cccccc;
}
.border-4 {
  border: 4px solid #cccccc;
}
.border-5 {
  border: 5px solid #cccccc;
}
.border-top-1 {
  border-top: 1px solid #cccccc;
}
.border-top-2 {
  border-top: 2px solid #cccccc;
}
.border-top-3 {
  border-top: 3px solid #cccccc;
}
.border-top-4 {
  border-top: 4px solid #cccccc;
}
.border-top-5 {
  border-top: 5px solid #cccccc;
}
.border-bottom-1 {
  border-bottom: 1px solid #cccccc;
}
.border-bottom-2 {
  border-bottom: 2px solid #cccccc;
}
.border-bottom-3 {
  border-bottom: 3px solid #cccccc;
}
.border-bottom-4 {
  border-bottom: 4px solid #cccccc;
}
.border-bottom-5 {
  border-bottom: 5px solid #cccccc;
}
.border-left-1 {
  border-left: 1px solid #cccccc;
}
.border-left-2 {
  border-left: 2px solid #cccccc;
}
.border-left-3 {
  border-left: 3px solid #cccccc;
}
.border-left-4 {
  border-left: 4px solid #cccccc;
}
.border-left-5 {
  border-left: 5px solid #cccccc;
}
.border-right-1 {
  border-right: 1px solid #cccccc;
}
.border-right-2 {
  border-right: 2px solid #cccccc;
}
.border-right-3 {
  border-right: 3px solid #cccccc;
}
.border-right-4 {
  border-right: 4px solid #cccccc;
}
.border-right-5 {
  border-right: 5px solid #cccccc;
}
.border-no-top {
  border-top: 0px;
}
.border-no-bottom {
  border-bottom: 0px;
}
.border-no-left {
  border-left: 0px;
}
.border-no-right {
  border-right: 0px;
}
.solid-border-top {
  border-top: 2px solid #cccccc;
}
.solid-border-bottom {
  border-bottom: 2px solid #cccccc;
}
.solid-border-1-full {
  border: 1px solid #d9d9d9;
}
.solid-border-2-full {
  border: 2px solid #d9d9d9;
}
/* Padding */
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.padding-15 {
  padding: 15px;
}
.padding-20 {
  padding: 20px;
}
.padding-25 {
  padding: 25px;
}
.padding-30 {
  padding: 30px;
}
.padding-35 {
  padding: 35px;
}
.padding-40 {
  padding: 40px;
}
.padding-45 {
  padding: 45px;
}
.padding-50 {
  padding: 50px;
}
.padding-0 {
  padding: 0px;
}
.padding-1 {
  padding: 1px;
}
.padding-2 {
  padding: 2px;
}
.padding-3 {
  padding: 3px;
}
.padding-4 {
  padding: 4px;
}
.padding-6 {
  padding: 6px;
}
.padding-7 {
  padding: 7px;
}
.padding-8 {
  padding: 8px;
}
.padding-9 {
  padding: 9px;
}
.padding-top-0 {
  padding-top: 0px;
}
.padding-top-1 {
  padding-top: 1px;
}
.padding-top-2 {
  padding-top: 2px;
}
.padding-top-3 {
  padding-top: 3px;
}
.padding-top-4 {
  padding-top: 4px;
}
.padding-top-6 {
  padding-top: 6px;
}
.padding-top-7 {
  padding-top: 7px;
}
.padding-top-8 {
  padding-top: 8px;
}
.padding-top-9 {
  padding-top: 9px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-25 {
  padding-top: 25px;
}
.padding-top-30 {
  padding-top: 30px;
}
.padding-top-35 {
  padding-top: 35px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-top-45 {
  padding-top: 45px;
}
.padding-top-50 {
  padding-top: 50px;
}
.padding-bottom-0 {
  padding-bottom: 0px;
}
.padding-bottom-1 {
  padding-bottom: 1px;
}
.padding-bottom-2 {
  padding-bottom: 2px;
}
.padding-bottom-3 {
  padding-bottom: 3px;
}
.padding-bottom-4 {
  padding-bottom: 4px;
}
.padding-bottom-6 {
  padding-bottom: 6px;
}
.padding-bottom-7 {
  padding-bottom: 7px;
}
.padding-bottom-8 {
  padding-bottom: 8px;
}
.padding-bottom-9 {
  padding-bottom: 9px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-25 {
  padding-bottom: 25px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-bottom-35 {
  padding-bottom: 35px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-bottom-45 {
  padding-bottom: 45px;
}
.padding-bottom-50 {
  padding-bottom: 50px;
}
.padding-left-0 {
  padding-left: 0px;
}
.padding-left-1 {
  padding-left: 1px;
}
.padding-left-2 {
  padding-left: 2px;
}
.padding-left-3 {
  padding-left: 3px;
}
.padding-left-4 {
  padding-left: 4px;
}
.padding-left-6 {
  padding-left: 6px;
}
.padding-left-7 {
  padding-left: 7px;
}
.padding-left-8 {
  padding-left: 8px;
}
.padding-left-9 {
  padding-left: 9px;
}
.padding-left-50 {
  padding-left: 50px;
}
.padding-left-100 {
  padding-left: 100px;
}
.padding-left-210 {
  padding-left: 210px;
}
.padding-left-5 {
  padding-left: 5px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-15 {
  padding-left: 15px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-left-25 {
  padding-left: 25px;
}
.padding-left-30 {
  padding-left: 30px;
}
.padding-left-35 {
  padding-left: 35px;
}
.padding-left-40 {
  padding-left: 40px;
}
.padding-left-45 {
  padding-left: 45px;
}
.padding-left-50 {
  padding-left: 50px;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-right-1 {
  padding-right: 1px !important;
}
.padding-right-2 {
  padding-right: 2px !important;
}
.padding-right-3 {
  padding-right: 3px !important;
}
.padding-right-4 {
  padding-right: 4px !important;
}
.padding-right-6 {
  padding-right: 6px !important;
}
.padding-right-7 {
  padding-right: 7px !important;
}
.padding-right-8 {
  padding-right: 8px !important;
}
.padding-right-9 {
  padding-right: 9px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-right-35 {
  padding-right: 35px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-right-45 {
  padding-right: 45px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-no-top {
  padding-top: 0px;
}
.padding-no-bottom {
  padding-bottom: 0px;
}
.padding-no-left {
  padding-left: 0px;
}
.padding-no-right {
  padding-right: 0px;
}
/* Margin */
.margin-0 {
  margin: 0px;
}
.margin-1 {
  margin: 1px;
}
.margin-2 {
  margin: 2px;
}
.margin-3 {
  margin: 3px;
}
.margin-4 {
  margin: 4px;
}
.margin-6 {
  margin: 6px;
}
.margin-7 {
  margin: 7px;
}
.margin-8 {
  margin: 8px;
}
.margin-9 {
  margin: 9px;
}
.margin-5 {
  margin: 5px;
}
.margin-10 {
  margin: 10px;
}
.margin-15 {
  margin: 15px;
}
.margin-20 {
  margin: 20px;
}
.margin-25 {
  margin: 25px;
}
.margin-30 {
  margin: 30px;
}
.margin-35 {
  margin: 35px;
}
.margin-40 {
  margin: 40px;
}
.margin-45 {
  margin: 45px;
}
.margin-50 {
  margin: 50px;
}
.margin-top-0 {
  margin-top: 0px;
}
.margin-top-1 {
  margin-top: 1px;
}
.margin-top-2 {
  margin-top: 2px;
}
.margin-top-3 {
  margin-top: 3px;
}
.margin-top-4 {
  margin-top: 4px;
}
.margin-top-6 {
  margin-top: 6px;
}
.margin-top-7 {
  margin-top: 7px;
}
.margin-top-8 {
  margin-top: 8px;
}
.margin-top-9 {
  margin-top: 9px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-25 {
  margin-top: 25px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-35 {
  margin-top: 35px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-45 {
  margin-top: 45px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-top-55 {
  margin-top: 55px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-top-65 {
  margin-top: 65px;
}
.margin-top-70 {
  margin-top: 70px;
}
.margin-top-75 {
  margin-top: 75px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-top-85 {
  margin-top: 85px;
}
.margin-top-90 {
  margin-top: 90px;
}
.margin-top-95 {
  margin-top: 95px;
}
.margin-top-100 {
  margin-top: 100px;
}
.margin-bottom-0 {
  margin-bottom: 0px;
}
.margin-bottom-1 {
  margin-bottom: 1px;
}
.margin-bottom-2 {
  margin-bottom: 2px;
}
.margin-bottom-3 {
  margin-bottom: 3px;
}
.margin-bottom-4 {
  margin-bottom: 4px;
}
.margin-bottom-6 {
  margin-bottom: 6px;
}
.margin-bottom-7 {
  margin-bottom: 7px;
}
.margin-bottom-8 {
  margin-bottom: 8px;
}
.margin-bottom-9 {
  margin-bottom: 9px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-25 {
  margin-bottom: 25px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-35 {
  margin-bottom: 35px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-45 {
  margin-bottom: 45px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.margin-bottom-55 {
  margin-bottom: 55px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.margin-bottom-65 {
  margin-bottom: 65px;
}
.margin-bottom-70 {
  margin-bottom: 70px;
}
.margin-bottom-75 {
  margin-bottom: 75px;
}
.margin-bottom-80 {
  margin-bottom: 80px;
}
.margin-bottom-85 {
  margin-bottom: 85px;
}
.margin-bottom-90 {
  margin-bottom: 90px;
}
.margin-bottom-95 {
  margin-bottom: 95px;
}
.margin-bottom-100 {
  margin-bottom: 100px;
}
.margin-bottom-105 {
  margin-bottom: 105px;
}
.margin-bottom-110 {
  margin-bottom: 110px;
}
.margin-bottom-115 {
  margin-bottom: 115px;
}
.margin-bottom-120 {
  margin-bottom: 120px;
}
.margin-bottom-125 {
  margin-bottom: 125px;
}
.margin-left-0 {
  margin-left: 0px;
}
.margin-left-1 {
  margin-left: 1px;
}
.margin-left-2 {
  margin-left: 2px;
}
.margin-left-3 {
  margin-left: 3px;
}
.margin-left-4 {
  margin-left: 4px;
}
.margin-left-6 {
  margin-left: 6px;
}
.margin-left-7 {
  margin-left: 7px;
}
.margin-left-8 {
  margin-left: 8px;
}
.margin-left-9 {
  margin-left: 9px;
}
.margin-left-100 {
  margin-left: 100px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-15 {
  margin-left: 15px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-25 {
  margin-left: 25px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-left-35 {
  margin-left: 35px;
}
.margin-left-40 {
  margin-left: 40px;
}
.margin-left-45 {
  margin-left: 45px;
}
.margin-left-50 {
  margin-left: 50px;
}
.margin-right-0 {
  margin-right: 0px;
}
.margin-right-1 {
  margin-right: 1px;
}
.margin-right-2 {
  margin-right: 2px;
}
.margin-right-3 {
  margin-right: 3px;
}
.margin-right-4 {
  margin-right: 4px;
}
.margin-right-6 {
  margin-right: 6px;
}
.margin-right-7 {
  margin-right: 7px;
}
.margin-right-8 {
  margin-right: 8px;
}
.margin-right-9 {
  margin-right: 9px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-15 {
  margin-right: 15px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-25 {
  margin-right: 25px;
}
.margin-right-30 {
  margin-right: 30px;
}
.margin-right-35 {
  margin-right: 35px;
}
.margin-right-40 {
  margin-right: 40px;
}
.margin-right-45 {
  margin-right: 45px;
}
.margin-right-50 {
  margin-right: 50px;
}
.margin-right-55 {
  margin-right: 55px;
}
.margin-right-60 {
  margin-right: 60px;
}
.margin-right-65 {
  margin-right: 65px;
}
.margin-right-70 {
  margin-right: 70px;
}
.margin-right-75 {
  margin-right: 75px;
}
.margin-right-80 {
  margin-right: 80px;
}
.margin-right-85 {
  margin-right: 85px;
}
.margin-right-90 {
  margin-right: 90px;
}
.margin-right-95 {
  margin-right: 95px;
}
.margin-right-100 {
  margin-right: 100px;
}
.margin-no-top {
  margin-top: 0px;
}
.margin-no-bottom {
  margin-bottom: 0px;
}
.margin-no-left {
  margin-left: 0px;
}
.margin-no-right {
  margin-right: 0px;
}
.margin-no-top {
  top: 0 !important;
  margin-top: 0;
  left: 22px;
}
/* Text Color */
.white {
  color: #ffffff !important;
}
.grey {
  color: #666666 !important;
}
.black {
  color: #555555 !important;
}
.red {
  color: #d50032 !important;
}
.green {
  color: #83bc34 !important;
}
.lblue {
  color: #009cdd !important;
}
.blue {
  color: #005ea8 !important;
}
.orange {
  color: #fd9927 !important;
}
.yellow {
  color: #fcd419 !important;
}
.purple {
  color: #cb79e6 !important;
}
.rose {
  color: #f3e7eb !important;
}
.brown {
  color: #d08166 !important;
}
/* Background color */
.cart-button-bg {
  background-color: #83bc34 !important;
}
.quote-button-bg {
  background-color: #009cdd !important;
}
.bg-primary {
  background-color: #009cdd !important;
}
.bg-secondary {
  background-color: #83bc34 !important;
}
.bg-tertiary {
  background-color: #7d7d7d !important;
}
.bg-lightgrey {
  background-color: #f8f8f8 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-grey {
  background-color: #666666 !important;
}
.bg-grey-light {
  background-color: #808080 !important;
}
.bg-black {
  background-color: #555555 !important;
}
.bg-red {
  background-color: #d50032 !important;
}
.bg-green {
  background-color: #83bc34 !important;
}
.bg-lblue {
  background-color: #009cdd !important;
}
.bg-blue {
  background-color: #005ea8 !important;
}
.bg-orange {
  background-color: #fd9927 !important;
}
.bg-yellow {
  background-color: #fcd419 !important;
}
.bg-purple {
  background-color: #cb79e6 !important;
}
.bg-rose {
  background-color: #f3e7eb !important;
}
.bg-brown {
  background-color: #d08166 !important;
}
.bg-transparent {
  opacity: 0.7;
}
.bg-transparent-light {
  opacity: 0.3;
}
.prapogationClass {
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
.circular-image-big img {
  width: 300px;
  height: 300px;
  -webkit-border-radius: 150;
  -moz-border-radius: 150;
  -ms-border-radius: 150;
  -o-border-radius: 150;
  border-radius: 150;
}
.circular-image-medium img {
  width: 150px;
  height: 150px;
  -webkit-border-radius: 75;
  -moz-border-radius: 75;
  -ms-border-radius: 75;
  -o-border-radius: 75;
  border-radius: 75;
}
.circular-image-small img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 40;
  -moz-border-radius: 40;
  -ms-border-radius: 40;
  -o-border-radius: 40;
  border-radius: 40;
}
.circular-image-xs-small img {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  -ms-border-radius: 12;
  -o-border-radius: 12;
  border-radius: 12;
}
.rounded-image-big img {
  width: 300px;
  height: 300px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  -ms-border-radius: 5;
  -o-border-radius: 5;
  border-radius: 5;
}
.rounded-image-medium img {
  width: 150px;
  height: 150px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  -ms-border-radius: 5;
  -o-border-radius: 5;
  border-radius: 5;
}
.rounded-image-small img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  -ms-border-radius: 5;
  -o-border-radius: 5;
  border-radius: 5;
}
.pointer {
  cursor: pointer;
}
.pointer-auto {
  cursor: auto;
}
.horizontal_divider {
  height: 1px;
  width: 100%;
  background-color: #cccccc;
  opacity: 0.8;
  filter: opacity(0.8);
}
.display-inline-block {
  display: inline-block;
}
/************** Navigation method **************/
.nav > li {
  min-width: 165px;
  text-align: center;
}
.nav > li > a {
  background-color: #009cdd;
  color: #ffffff;
  margin-left: 1px;
  margin-right: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #4dbae7;
}
/*************** Page Breadcrumb  ***************/
#breadcrumb {
  padding: 0px;
}
#breadcrumb ol {
  box-shadow: 0 2px 7px 0 #d9d9d9;
}
#breadcrumb ol li {
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  color: #666666;
  margin-right: 10px;
}
#breadcrumb ol .breadcrumb-smallarrow {
  width: 14px;
  height: 18px;
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
#breadcrumb ol .breadcrumb-page-title {
  height: 20px;
  margin-right: 20px;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #009cdd;
  line-height: 0px;
  _border-color: #000000 #000000 #000000 #009cdd;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='@accordion-bg');
  margin-right: 10px;
}
#breadcrumb .breadcrumb {
  background-color: #f3f3f3;
  margin-bottom: 0px;
  text-align: left;
  padding-left: 40px;
  padding-right: 35px;
  padding-top: 15px;
  padding-bottom: 15px;
}
#breadcrumb .breadcrumb li + li:before {
  content: " ";
  padding: 0 0 5px 0;
  color: #3c3c3c;
}
#breadcrumb .breadcrumb li.active {
  font-family: Roboto;
  font-size: 21px;
  line-height: 34px;
  color: #666666;
}
#breadcrumb .breadcrumb .back-button-container {
  float: right;
  padding-right: 6px;
  line-height: 35px;
}
#breadcrumb .breadcrumb .back-button-container a {
  cursor: pointer;
  color: #333333;
  font-size: 13px;
}
#breadcrumb .breadcrumb .back-button-container a:before {
  content: "<";
  margin-right: 15px;
  color: #7d7d7d;
  transform: scale(1.5);
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: url('../images/icon-left.svg');
  background-size: 17px 32px;
  padding: 0 5px;
  color: #005ea8;
}
.form-control {
  background-color: #fcfcfc;
  border: 1px solid #cccccc;
  font-size: 11px;
  min-width: 30px;
  font-weight: normal;
  padding-left: 12px;
}
.form-control:focus {
  outline: none;
}
.form-control .has-error .help-block {
  font-weight: normal;
}
.has-error input.form-control {
  background-color: #fcfcfc;
}
/* Datatable search field for search records from table */
.eco3-table-search-field {
  display: inline-block;
}
.eco3-table-search-field .searchBox {
  padding: 7px 0px;
}
.eco3-table-search-field input.tableSearchInput {
  height: 35px;
  padding: 0 12px;
}
.eco3-table-search-field #custom-search-input {
  max-width: 280px;
  width: 100%;
}
.eco3-table-search-field #custom-search-input.sm {
  width: 180px;
}
.eco3-table-search-field #custom-search-input .icon-container {
  border-left: 1px solid lightgrey;
  float: right;
  top: -26px;
  position: relative;
  z-index: 999;
  padding-left: 18px;
  height: 20px;
}
.eco3-table-search-field .addressSearchInput {
  width: 100%;
}
.eco3-table-search-field button {
  margin: 0px;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;
  min-width: 0px;
  min-height: 0px;
  height: 28px;
  width: 40px;
}
.eco3-table-search-field .search-magnifier {
  font-size: 17px;
  top: -1px;
  background: url(../images/magnifier.svg) 0 0 / cover no-repeat;
  background-size: 20px;
  width: 25px;
  height: 25px;
  display: inline-block;
  float: right;
  position: relative;
  z-index: 999;
  left: -5px;
}
/* END */
/*************** Page Container  ***************/
.container {
  width: 100%;
  padding: 0px;
  margin: 0px auto;
  max-width: 1366px;
}
.container .containerInnerSection {
  max-width: 1366px;
  padding: 0px 40px;
  margin: 0 auto;
  text-align: center;
}
.container .containerInnerSection .breadcrumb {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .container .containerInnerSection {
    padding: 0px 20px;
  }
}
.container header {
  margin-bottom: 0px;
}
.globalMessagesSection {
  display: inline-block;
  margin: 30px;
}
@media (min-width: 767px) {
  .globalMessagesSection .global-alerts {
    padding-right: 125px;
  }
}
.no-shadow {
  -webkit-box-shadow: 0px 0px 0px 0px #d9d9d9 !important;
  -moz-box-shadow: 0px 0px 0px 0px #d9d9d9 !important;
  box-shadow: 0px 0px 0px 0px #d9d9d9 !important;
}
.input-group-addon {
  border: 1px solid #cccccc !important;
}
.input-group-addon:last-child {
  background-color: #f3f3f3;
}
/* ECO3 layout related basic components */
.eco3-comp-box,
.eco3-prod-list {
  display: inline-block;
  background-color: #ffffff;
  min-width: 250px;
  width: 100%;
  min-height: 200px;
  -webkit-box-shadow: 0 3px 10px 1px #cccccc;
  -moz-box-shadow: 0 3px 10px 1px #cccccc;
  box-shadow: 0 3px 10px 1px #cccccc;
  margin-bottom: 20px;
  font-size: 14px;
}
.eco3-comp-box header,
.eco3-prod-list header {
  color: #434343;
  width: 100%;
  background-color: #f3f3f3;
  display: inline-block;
  font-weight: normal;
  font-size: 14pt;
  min-height: 45px;
}
.eco3-comp-box header h2,
.eco3-prod-list header h2 {
  font-size: 14px;
  margin: 0;
  padding: 13px;
  width: 50%;
  text-align: center;
}
.eco3-comp-box header i.close,
.eco3-prod-list header i.close {
  float: right;
  padding: 5px 10px;
}
.eco3-comp-box .title,
.eco3-prod-list .title,
.eco3-comp-box .body,
.eco3-prod-list .body {
  padding: 10px;
}
.eco3-comp-box .display-table-cell .item,
.eco3-prod-list .display-table-cell .item {
  bottom: 16px;
  height: 40px;
}
.eco3-comp-box .display-table-cell .item:first-child,
.eco3-prod-list .display-table-cell .item:first-child {
  padding: 4px 0;
}
.eco3-comp-box .display-table-cell .info-button,
.eco3-prod-list .display-table-cell .info-button {
  margin-left: -4px;
}
.eco3-comp-box .display-table-cell .pull-right,
.eco3-prod-list .display-table-cell .pull-right {
  right: 10px;
}
.eco3-comp-box .title {
  padding: 14px!important;
}
.highlight h2 {
  background-color: #009cdd;
  width: auto;
  color: #ffffff;
  float: left;
  padding-left: 10px;
  padding-bottom: 10px;
}
/* Form Elements styles*/
input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.btn {
  min-width: 180px;
  width: auto;
  height: 40px;
  color: #ffffff;
  text-transform: uppercase;
  min-height: 35px;
  font-size: 12.0pt;
  font-weight: normal;
  background-color: #009cdd;
  padding-left: 10px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
}
.btn.full {
  width: 100%;
}
.btn.btn-1 {
  background-color: #009cdd;
}
.btn.btn-2 {
  background-color: #83bc34;
}
.btn.btn-3 {
  background-color: #7d7d7d;
}
.btn.btn-4 {
  background-color: #f8f8f8;
}
.btn.btn-5 {
  background-color: #f8f8f8;
  color: #434343;
}
.btn.btn-6 {
  background-color: #F3F3F3;
  color: #434343;
}
.btn.highlight {
  color: #009cdd;
}
.btn.auto {
  width: auto;
}
.btn.large {
  padding: 15px 30px;
}
.btn.cancelBtn {
  max-width: 80px;
  font-size: 12pt;
  height: 31px;
  min-width: 80px;
  font-family: Roboto;
  color: #434343;
  background: none;
  font-weight: 400;
}
.btn.sm {
  max-width: auto;
  font-size: 11pt;
  height: 30px;
  min-height: 30px;
  min-width: 80px;
  font-family: Roboto;
}
.btn.sm-icon {
  max-width: 80px;
  font-size: 11pt;
  height: 40px;
  min-height: 30px;
  min-width: 80px;
  font-family: Roboto;
}
.btn.delConfirm {
  max-width: 70px;
  min-height: 30px;
  height: 30px;
  min-width: 70px;
}
.btn.dlt {
  max-width: 70px;
  font-size: 11pt !important;
  height: 30px;
  min-width: 70px;
  font-family: Roboto;
  color: #ffffff;
  background-color: none;
}
.btn.contactus-confirm-continue-btn {
  width: 120px;
  height: 30px;
  min-width: 120px;
  min-height: 30px;
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
}
.btn.icon {
  font-size: 12px!important;
  min-height: 32px;
  min-width: 50px;
  font-family: Roboto;
  padding: 5px 0;
  max-width: 100px;
  width: 80px;
}
.btn.btn-4:HOVER {
  opacity: 1;
}
.btn i {
  font-size: 2em;
}
.btn.text-uppercase {
  text-transform: uppercase;
}
.btn.text-lowercase {
  text-transform: lowercase;
}
.btn.sm-height30 {
  max-width: auto;
  font-size: 11pt;
  min-height: 30px;
  height: 30px;
  min-width: 80px;
}
.btn.disabled {
  opacity: 0.4;
}
a.delete-no {
  font-size: 11pt;
  font-weight: 400;
}
a.btn {
  line-height: 40px;
}
.input-group-btn .btn {
  width: auto;
  max-width: auto;
}
.inline-btn {
  height: 35px;
  color: #ffffff;
  text-transform: uppercase;
  min-height: 35px;
  font-size: 12.0pt;
  font-weight: normal;
  background-color: #009cdd;
  padding: 0;
  width: 40px;
  border: 0px solid;
}
.inline-btn.btn-1 {
  background-color: #009cdd;
}
.inline-btn.btn-2 {
  background-color: #83bc34;
}
.inline-btn.btn-3 {
  background-color: #7d7d7d;
}
.inline-btn.btn-4 {
  background-color: #f8f8f8;
}
.inline-btn.btn-5 {
  background-color: #f8f8f8;
  color: #434343;
}
.bottom-column {
  float: none;
  display: table-cell;
  vertical-align: bottom;
}
.help-block {
  text-align: left;
  color: #d50032;
}
/* Checkbox and Radio Elements */
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #ffffff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #f4f4f4;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox input[type="checkbox"]:checked + label::before {
  background-color: #009cdd;
  border-color: #428bca;
}
.checkbox input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}
.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -14.8pt;
  border: 2px solid #cccccc;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 18px;
  height: 18px;
  left: 1px;
  top: 1px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #009cdd;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio.radio-inline.reject-lead-desktop {
  padding-left: 40px !important;
}
.radio input[type="radio"] + label::after {
  background-color: #009cdd;
}
.radio input[type="radio"]:checked + label::before {
  border-color: #cccccc;
}
.radio input[type="radio"]:checked + label::after {
  background-color: #6bcdfd;
  border-color: #cccccc;
}
/* Popover dropdown style*/
.dropdownWrapper {
  display: inline-block;
  padding: 0;
  position: relative;
  border-radius: 3px;
  text-align: center;
}
.dropdownWrapper .dropdownLabel {
  cursor: pointer;
}
.dropdownWrapper .dropdownPanel {
  position: absolute;
  min-width: 200px;
  background-color: #f3f3f3;
  padding: 0;
  left: -142px;
  top: 39px;
  margin-top: 20px;
  display: none;
  z-index: 99999;
  box-shadow: 0 3px 8px #cccccc;
  -ms-box-shadow: 0 3px 8px #cccccc;
  -webkit-box-shadow: 0 3px 8px #cccccc;
  border-top: 4px solid #009cdd;
  font-size: 14px;
}
.dropdownWrapper .dropdownPanel.big {
  min-width: 200px;
}
.dropdownWrapper .dropdownPanel.leftAlign {
  left: -150%;
}
.dropdownWrapper .dropdownPanel:before {
  width: 0;
  content: "";
  height: 0;
  border-style: solid;
  border-width: 0 0 23px 37px;
  border-color: transparent transparent #009cdd transparent;
  text-align: center;
  top: 0;
  left: 20px;
  margin-top: -27px;
  margin-left: 55%;
  position: absolute;
  -ms-transform: skew(-20deg);
  /* IE 9 */
  -webkit-transform: skew(-20deg);
  /* Chrome, Safari, Opera */
  transform: skew(-20deg);
}
.dropdownWrapper .dropdownPanel ul {
  padding: 0;
  clear: both;
  list-style-type: none;
  justify-content: space-around;
}
.dropdownWrapper .dropdownPanel ul li {
  width: 100%;
  padding: 5px 0 !important;
}
.dropdownWrapper .dropdownPanel ul li:hover {
  background-color: #009cdd;
}
.dropdownWrapper .dropdownPanel ul li:hover a {
  color: #ffffff;
}
.dropdownWrapper .dropdownPanel ul li:hover a i {
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.dropdownWrapper .dropdownPanel ul li a {
  display: block;
  position: relative;
}
.dropdownWrapper .dropdownPanel ul li,
.dropdownWrapper .dropdownPanel ul a {
  font-size: 16px;
  cursor: pointer;
}
.dropdownWrapper .dropdownPanel ul li .badge,
.dropdownWrapper .dropdownPanel ul a .badge {
  float: right;
  position: absolute;
  top: 2px;
  right: 5px;
  background-color: #009cdd;
}
.bv-form .help-block {
  margin-bottom: 0;
  font-weight: normal;
}
.bv-form .tooltip-inner {
  text-align: left;
}
.nav-tabs li.bv-tab-success > a {
  color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
  color: #a94442;
}
.bv-form .bv-icon-no-label {
  top: 0;
}
.bv-form .bv-icon-input-group {
  top: 0;
  z-index: 100;
}
.has-feedback label ~ .form-control-feedback {
  right: -25px;
}
.has-feedback label ~ .form-control-feedback.fa-times,
.has-feedback label ~ .form-control-feedback.fa-check {
  top: 40px;
}
.has-feedback label ~ .form-control-feedback.fa-check {
  right: -27px;
}
.padding-horizontal .form-left.has-feedback label ~ .form-control-feedback {
  right: -2px;
}
.product-btn-ATQ.sm {
  background-size: auto 21px;
}
.alert-info {
  border-color: #156da2;
  background-color: rgba(21, 109, 162, 0.1);
}
.alert-danger {
  background-color: #fdf2f4;
  border-color: #ffffff;
  color: #DC0032;
}
.alert {
  font-size: 11pt;
  line-height: 20px!important;
}
.alert ul {
  padding-left: 10px;
}
.alert i.fa {
  margin-top: 4px;
}
.default-address-container {
  text-align: center;
  margin: 0 auto;
}
.default-address-info {
  display: inline-block;
  padding: 5px 10px 10px 5px;
  font-weight: bold;
  margin-bottom: 15px;
}
.default-address-info .small-blue-info-icon {
  width: 24px !important;
  height: 24px !important;
  cursor: default;
  position: relative;
  top: 5px;
}
.image-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.box-hover-effect:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=@color-border)";
  /*IE 8*/
  -moz-box-shadow: 0 0 7px 1px #d9d9d9;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 0 7px 1px #d9d9d9;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 0 7px 1px #d9d9d9;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#d9d9d9);
  /*IE 5.5-7*/
}
.bullet-title {
  font-size: 1.2em;
  text-align: left;
  font-size: 14px;
}
.bullet-title:before {
  content: "";
  font-size: 24px;
  position: relative;
  top: 4px;
  left: 0;
  width: 16px;
  height: 15px;
  background: #009cdd;
  display: block;
  float: left;
  margin-right: 15px;
}
.bullet-title-small {
  text-align: left;
  font-size: 11pt;
  font-weight: normal;
  color: #b0b0b0;
}
.bullet-title-small:before {
  content: "";
  font-size: 18px;
  left: -15px;
  width: 10px;
  height: 10px;
  background: #009cdd;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 13px;
}
.bullet-title-small a {
  color: #333333;
}
a .bullet-title-small:hover {
  color: #009cdd;
}
.addShaddow {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=@color-border)";
  /*IE 8*/
  -moz-box-shadow: 0 0 7px 1px #d9d9d9;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 0 7px 1px #d9d9d9;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 0 7px 1px #d9d9d9;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#d9d9d9);
  /*IE 5.5-7*/
}
.addShaddow-primary {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=@color-border)";
  /*IE 8*/
  -moz-box-shadow: 0 0 7px 1px #009cdd;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 0 7px 1px #009cdd;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 0 7px 1px #009cdd;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#009cdd);
  /*IE 5.5-7*/
}
.addShaddow-secondary {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=@color-border)";
  /*IE 8*/
  -moz-box-shadow: 0 0 7px 1px #83bc34;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 0 7px 1px #83bc34;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 0 7px 1px #83bc34;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#83bc34);
  /*IE 5.5-7*/
}
.addShaddow-tertiary {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=@color-border)";
  /*IE 8*/
  -moz-box-shadow: 0 0 7px 1px #7d7d7d;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 0 7px 1px #7d7d7d;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 0 7px 1px #7d7d7d;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#7d7d7d);
  /*IE 5.5-7*/
}
.eco3-shadow {
  -webkit-box-shadow: 2px 2px 7px 0px #d9d9d9;
  -moz-box-shadow: 2px 2px 7px 0px #d9d9d9;
  box-shadow: 2px 2px 7px 0px #d9d9d9;
}
.box-shadow-none {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
/* ******** Input Element ***************** */
textarea:focus,
input[type=text],
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
.uneditable-input:focus {
  height: 35px;
  font-size: 11.0pt;
  background-color: #fcfcfc;
  font-weight: normal;
  border: 1px solid #cccccc;
  resize: none;
}
textarea:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=password]:focus,
.uneditable-input:focus,
select:focus {
  border-color: #6bcdfd !important;
  -webkit-box-shadow: 0px 0px 5px 0px #6bcdfd !important;
  -moz-box-shadow: 0px 0px 5px 0px #6bcdfd !important;
  box-shadow: 0px 0px 5px 0px #6bcdfd !important;
  outline: 0 none !important;
}
input::-ms-clear {
  display: none;
}
select::-ms-value {
  background: transparent;
  color: #000000;
}
/*  ************************************************ */
.page-not-found-text {
  font-size: 12pt;
}
/*  ************************************************ */
.text-bold {
  font-weight: bold;
}
.font-10 {
  font-size: 10px;
}
.font-11 {
  font-size: 11px;
}
.font-10-pt {
  font-size: 10pt;
}
.font-14 {
  font-size: 14px;
}
.font-16 {
  font-size: 16px;
}
.pd-left-0 {
  padding-left: 0px;
}
.pd-left-20 {
  padding-left: 20px;
}
.displayBlock {
  display: block;
}
.text-medium {
  font-weight: 500;
}
.list-style-none {
  list-style: none;
}
.fontpt-10 {
  font-size: 10pt;
}
.fontpt-11 {
  font-size: 11pt;
}
.fontpt-12 {
  font-size: 12pt;
}
/***************************** */
span.sf-sub-indicator.icon-chevron,
span.sf-sub-indicator.icon-chevron_white,
span.sf-sub-indicator {
  display: none;
}
.sf-uparrow {
  width: 20px !important;
  height: 15px !important;
  background-image: url("../images/arrow-up.svg") !important;
  background-size: 24px;
}
.sf-dnarrow {
  width: 20px !important;
  height: 15px !important;
  background-image: url("../images/arrow-down.svg") !important;
  background-size: 24px;
}
.eco3-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: center;
}
.eco3-icon.sm {
  width: 22px;
  height: 22px;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
.eco3-icon-ok {
  background-image: url("../images/check-symbol.svg");
  background-size: 24px;
}
.eco3-icon-grey-ok {
  background-image: url("../images/ok.svg");
  background-size: 22px;
}
.eco3-icon-bullet {
  background-image: url("../images/bullet icon.svg");
  background-size: 24px;
}
.eco3-icon.icon-info-circle {
  background-image: url("../images/info_icon_grey.svg");
  background-size: 20px;
}
.eco3-icon.icon-show-eye-image {
  background-image: url("../images/eye_icon.svg");
  background-size: 22px;
}
.eco3-icon.icon-hide-eye-image {
  background-image: url("../images/eye_icon_hide.svg");
  background-size: 22px;
}
.eco3-icon.icon-info-box {
  background-image: url("../images/info-icon.svg");
  background-size: 46px;
  width: 46px;
  height: 46px;
}
.eco3-icon.icon-quote-list {
  background-image: url("../images/quote_white.svg");
  background-size: 22px 28px;
}
.eco3-icon.icon-wish-list {
  background-image: url("../images/add_to_lists.svg");
  background-size: 20px 28px;
}
.eco3-icon.icon-add-to-cart {
  background-image: url("../images/cart_white.svg");
  background-size: 34px 28px;
}
.eco3-icon.icon-search {
  background-image: url("../images/magnifier.svg");
  background-size: 26px;
}
.eco3-icon.history-details-convert-quote-icon {
  background: url("../images/convertquote_icon_green.svg") no-repeat;
  background-size: 20px;
}
.eco3-icon.history-details-copy-quote {
  background: url("../images/copy.svg") no-repeat;
  background-size: 20px;
}
.eco3-icon.history-details-delete-quote {
  background: url("../images/delete-quote-icon.svg") no-repeat;
  background-size: 20px;
}
.eco3-icon.history-details-dd-reorder-icon {
  background: url("../images/history-details-reorder.svg") no-repeat;
  background-size: contain;
}
.eco3-icon.favourite-star-icon {
  background: url("../images/favorites_add_star.svg") no-repeat;
  background-size: contain;
}
.eco3-icon.history-details-dd-quote-icon {
  background: url("../images/history-details-quote.svg") no-repeat;
  background-size: contain;
}
.eco3-icon.history-details-dd-Edit-icon {
  background: url("../images/history-details-Edit.svg") no-repeat;
  background-size: contain;
}
.eco3-icon.convert-quote-icon {
  background: url("../images/convertquote_icon_small.svg") no-repeat;
  background-size: 24px !important;
}
.eco3-icon.orange-exclamation-icon {
  background: url("../images/danger-alert.svg") no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}
.eco3-icon.small-blue-info-icon {
  background: url("../images/blue-info-icon.svg") no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
}
.eco3-icon.icon-close {
  background: url("../images/icon-close.svg") no-repeat;
  background-size: 35px;
}
.eco3-icon.icon-close.contact-confirmpopup-close {
  height: 20px;
  width: 20px;
  background-size: 100% 100%;
  margin: -30px -10px 0 0;
}
.blue-info-icon {
  background: url("../images/info_icon_blue.svg") no-repeat;
  width: 22px;
  height: 22px;
  background-size: 22px;
  display: inline-block;
}
.eco3-icon.icon-download {
  background: url("../images/e-catalog.svg") no-repeat;
  background-size: 20px;
  width: 30px;
  height: 30px;
  margin: 5px 0 0 0;
}
.eco3-icon.icon-download-white-icon {
  background: url("../images/download-white-btn.svg") no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
}
.eco3-icon.icon-plus {
  background-image: url("../images/icon-plus.svg");
  background-size: 26px;
}
.eco3-icon.icon-minus {
  background-image: url("../images/icon-minus.svg");
  background-size: 26px;
}
.eco3-icon.min-qty-icon {
  background-image: url("../images/pack.svg");
  display: none;
}
.eco3-icon.icon-arrow-next {
  background-image: url("../images/chevron-left.svg");
  background-size: 40px;
}
.eco3-icon.icon-arrow-priv {
  background-image: url("../images/chevron-right.svg");
  background-size: 40px;
}
.eco3-icon.icon-tick-item {
  background-image: url("../images/check-symbol-white.svg");
  background-size: 22px 22px !important;
}
.eco3-icon.icon-confirmation {
  background-image: url("../images/confirmation_white.svg");
  background-size: 32px;
}
.eco3-icon-add {
  background-image: url("../images/add.svg");
  background-size: 20px;
}
.paginate_button.previous,
.paginate_button.next {
  opacity: 1;
  position: relative;
  top: 13px;
  right: 1px;
  padding: 0 !important;
  outline: none;
  border: none !important;
}
.paginate_button.previous.disabled,
.paginate_button.next.disabled {
  opacity: 0.4;
}
.eco3-icon.datatable-pagination-icon.icon-left,
.eco3-icon.datatable-pagination-icon.icon-right {
  width: 30px;
  height: 30px;
}
.eco3-icon.datatable-pagination-icon.icon-left {
  background: url(../images/arrowleft.svg) 0 0 / auto !important;
  background-size: 24px;
}
.eco3-icon.datatable-pagination-icon.icon-right {
  background: url(../images/arrowright.svg) 0 0 / auto !important;
  background-size: 24px;
}
.eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.previous,
.eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.next {
  border: none !important;
}
.eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.previous:hover,
.eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.next:hover {
  background: transparent !important;
}
.eco3-table-pegination .dataTables_wrapper .dataTablePegination span a.paginate_button:hover {
  color: #009cdd !important;
}
.icon-edit-item {
  background-image: url("../images/edit-icon.svg");
  background-size: 37px 30px;
}
.eco3-icon.icon-refresh {
  background-image: url("../images/refresh.svg");
  background-size: 23px 30px;
  width: 23px;
  height: 30px;
}
.eco3-icon.small-info-circle {
  background-image: url("../images/info_icon_grey.svg");
  background-size: 20px;
  width: 20px;
  height: 20px;
}
.eco3-icon.calender-icon {
  background-image: url("../images/calender-icon.png");
}
.icon-delete-item {
  background-image: url("../images/delete-icon.svg");
  background-size: 37px 30px;
}
.icon-geocode-delete {
  background-image: url("../images/geocode_delete_icon.svg");
  background-size: 34px;
  position: relative;
}
.eco3-icon.comparison_arrow {
  background-image: url("../images/comparison_arrow.svg");
  background-size: 30px 24px;
  width: 30px;
  height: 20px;
  position: relative;
  top: 8px;
  cursor: auto;
}
.download-grey-icon {
  background-image: url("../images/download.svg");
  background-size: 28px;
}
.empty-wishlist-icon {
  background-image: url("../images/empty_wishlist_icon.svg");
  width: 64px;
  height: 50px;
  -o-background-size: 64px 50px;
  -webkit-background-size: 64px 50px;
  -khtml-background-size: 64px 50px;
  -moz-background-size: 64px 50px;
  background-size: 64px 50px;
}
.eco3-icon.eco3-lead-opp-mode {
  background: url("../images/leads.svg") no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-top: 0px;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-size: 30px 30px;
  display: inline-block;
}
.eco3-icon.rdd-icon {
  width: 24px;
  height: 29px;
  cursor: pointer;
  margin-top: 0;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-size: 30px 30px;
}
.eco3-icon.plus-icon {
  background: url("../images/icon-plus.svg") no-repeat;
  background-size: 24px;
}
.eco3-icon.delete-icon {
  background: url("../images/delete.svg") no-repeat;
  background-size: 24px;
  position: relative;
  top: -7px;
}
.product-list-view-main-section.margin-top-50 {
  margin-top: 50px;
}
.search-result {
  padding: 0px 0 50px 0;
  line-height: 23px;
  font-size: 16pt;
}
.search-result .row.border-bottom {
  border-bottom: 1px solid #999999;
  margin: 0;
  padding-bottom: 50px;
}
.search-result .row.border-bottom .search-count {
  line-height: 50px;
}
.search-result .row.border-bottom .search-count .searched-for {
  color: #666666;
  font-size: 16pt;
  font-weight: 500;
  word-wrap: break-word;
}
.search-result .row.border-bottom .search-count .searched-for + div {
  font-size: 12pt;
  color: #333;
}
.search-result .row.border-bottom .search-count .searched-for + div b {
  margin-right: 20px;
}
.input-group-btn {
  right: 40px;
}
.input-group-btn .btn-link.js_search_button {
  background: transparent;
  outline: none;
  min-width: 39px;
  height: 18px;
  min-height: 0;
  font-size: 5pt;
  opacity: 1;
  z-index: 9;
  color: #7d7d7d;
  border-left: 1px solid #ccc;
}
.btn-link.js_search_button:hover,
.btn-link.js_search_button:focus {
  color: #009cdd;
}
.icon-no-search {
  display: inline-block;
  width: 108px;
  height: 108px;
  cursor: pointer;
  background-position: center;
  background: url("../images/icon-no-search.svg") no-repeat;
  background-size: 108px;
}
.icon-search-count {
  display: inline-block;
  width: 108px;
  height: 108px;
  cursor: pointer;
  background-position: center;
  background: url("../images/icon-search-count.svg") no-repeat;
  background-size: 108px;
}
.global-alerts-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.global-alerts-icon.icon-alert {
  background-image: url("../images/info_icon_orange.svg");
  background-size: 28px;
}
.global-alerts-icon.icon-confirmation {
  background-image: url("../images/confirmation-icon.svg");
  background-size: 28px;
}
.global-alerts-icon.icon-error {
  background-image: url("../images/icon-error.svg");
  background-size: 28px;
}
.global-alerts-icon.icon-info {
  background-image: url("../images/info_icon_blue.svg");
  background-size: 28px;
}
.global-notification {
  background: #FFF5EA;
  width: 461px;
  margin: 30px 0;
  padding: 0 50px 30px 50px;
  text-align: center;
  font-size: 11pt;
  line-height: 21px;
  color: #D86D03;
  display: inline-block;
}
.global-notification .icon {
  width: 55px;
  height: 55px;
  display: inline-block;
  position: relative;
  top: -26px;
  border-radius: 50%;
}
.global-notification .icon.icon-notification-alert {
  background: #ffffff url("../images/info_icon_orange.svg") no-repeat;
  background-size: 56px;
}
.inactive .eco3-icon {
  opacity: 0.5;
  cursor: default;
}
.popover-content {
  font-size: 10pt;
}
.popover-content.long {
  min-width: 240px;
}
/* *Tab CSS Common For All ** */
.eco3-tabbable .nav-tabs > li > a {
  border: 1px 1px 0px 1px;
  font-size: 16px;
  min-width: 165px;
  height: 32px;
  line-height: 19px;
  font-family: 'Roboto';
  background: #fcfcfc;
  color: #666666;
  color: inherit;
  font-weight: 400;
  text-transform: initial;
  text-align: center;
  padding: 6px 8px;
  border: none;
}
.eco3-tabbable .nav-tabs > li > a a:active {
  font-weight: 500;
}
.eco3-tabbable .nav-tabs > li.active > a,
.eco3-tabbable .nav-tabs > li.active > a:hover {
  border: 0;
  font-weight: 500;
}
.eco3-tabbable .nav-tabs > li > a.active {
  color: #009cdd;
}
.eco3-tabbable .nav-tabs > li > a.disabled {
  color: #434343;
  background-color: #f3f3f3 !important;
  opacity: 0.7;
  cursor: not-allowed;
}
.eco3-tabbable .nav-tabs > li.active > a:focus,
.eco3-tabbable .nav-tabs > li.active {
  color: #009cdd;
  border: none;
}
.eco3-tabbable .nav-tabs > li > a > i {
  border-color: #666666;
}
.eco3-tabbable .nav-tabs > li.active > a:focus,
.eco3-tabbable .nav-tabs > li.active > a:hover {
  color: #009cdd;
}
.eco3-tabbable .nav-tabs > li.active {
  -webkit-box-shadow: 0 0 4px 0 #009cdd;
  box-shadow: 0 0 4px 0 #009cdd;
  -moz-box-shadow: 0 0 4px 0 #009cdd;
  z-index: 99;
  pointer-events: none;
}
.eco3-tabbable .nav-tabs > li.active > a > i {
  color: #009cdd;
  font-size: 11px;
  width: 135px;
  height: 35px;
  font-weight: Roboto;
  border-color: #009cdd;
  margin-right: 0px;
}
.eco3-tabbable .tab-content {
  background-color: #ffffff;
  padding: 15px 0;
}
.eco3-tabbable .tab-content {
  padding-bottom: 0;
}
.eco3-tabbable .tab-content {
  margin-top: -6px;
  border-top: 0;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.eco3-tabbable .nav-tabs > li,
.eco3-tabbable .nav-pills > li {
  margin-right: -2px;
  float: none;
  display: inline-block;
  -webkit-box-shadow: 0 0 4px 1px #cccccc;
  box-shadow: 0 0 4px 1px #cccccc;
  -moz-box-shadow: 0 0 4px 1px #cccccc;
}
.eco3-tabbable a i.fa {
  font-size: 20px;
  margin: 0px 15px 5px 15px;
  padding-bottom: 5px;
}
.eco3-tabbable a .fa.underline {
  border-bottom: 2px solid #999;
  width: 25px;
}
/* *SEARCH** */
.AccAddSearch #custom-search-input input {
  border: 0;
  box-shadow: none;
}
.AccAddSearch #custom-search-input {
  border: solid 1px #E4E4E4;
  background-color: #fff;
  margin-top: 8%;
}
.AccAddSearch #custom-search-input button {
  margin: 0px;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 8px;
  border-left: solid 1px #cccccc;
  min-width: 0px;
  min-height: 0px;
  height: 25px;
  width: 40px;
}
.AccAddSearch #custom-search-input button i {
  font-size: 17px;
  top: 3px;
}
.AccAddSearch #custom-search-input button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #cccccc;
}
.AccAddSearch .tableNewAdd {
  text-align: -webkit-right;
}
ul.no-list {
  list-style: none;
}
ul.full li {
  width: 100%;
  line-height: 40px;
}
ul.half li {
  width: 50%;
  float: left;
}
.prapogationClass {
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
/* modal-dialog */
body.modal-open #page {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
  overflow: hidden;
}
.modal-backdrop {
  z-index: 9999998 !important;
}
.modal {
  padding-right: 0px !important;
  z-index: 9999999 !important;
}
.modal .modal-lg {
  max-width: 708px;
}
.modal .modal-md {
  max-width: 450px;
}
.modal .close {
  padding: 7px;
  font-size: 24px;
  opacity: 1;
}
.modal .default .modal-header {
  color: #434343;
  width: 100%;
  background-color: #f3f3f3;
  display: inline-block;
  font-weight: bold;
  font-size: 14pt;
  min-height: 40px;
  padding: 0px;
}
.modal .default .modal-title {
  background-color: #009cdd;
  width: auto !important;
  color: #ffffff;
  padding: 10px;
  min-width: 100px;
  text-align: center;
  font-size: 14pt;
  line-height: 21px;
}
.modal .highlight .modal-header {
  padding: 0px;
  overflow: hidden;
  height: 40px;
  background: #f3f3f3;
  border-bottom: none;
  display: block;
}
.modal .highlight .modal-title {
  background-color: #009cdd;
  color: #ffffff;
  float: left;
  padding: 0 15px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  font-family: Roboto;
  min-width: 200px;
  line-height: 40px;
}
.modal .highlight .close {
  padding: 5px;
  font-size: 25px;
  line-height: 26px;
  margin: 5px;
  background-image: url(../images/icon-close.svg) !important;
  height: 30px;
  width: 30px;
  background-size: 30px;
}
.modal .delete {
  max-width: 350px;
  height: auto;
  background-color: #f3f3f3;
  color: #555555;
  text-align: center;
  margin: 60px auto;
  font-size: 11pt;
  font-family: roboto regular;
}
.modal .delete.withBg {
  background-color: #f3f3f3;
}
.modal .delete.withBg .modal-content,
.modal .delete.withBg .modal-header .modal-title {
  background-color: #f3f3f3;
}
.modal .delete.withBg .close {
  color: #7d7d7d;
}
.modal .delete.cancel-quote {
  max-width: 450px;
}
@media (max-width: 767px) {
  .modal .delete.cancel-quote {
    max-width: 350px;
  }
}
.modal .modal-content {
  min-height: 100px;
  margin: 0 auto;
  box-shadow: 0 0 20px -3px rgba(0, 0, 0, 0.5);
  border: none !important;
}
.modal .modal-header {
  display: initial;
  color: #434343;
  width: 99.99%;
  play: inline-block;
  font-weight: bold;
  font-size: 14pt;
  padding: 0px;
}
.modal .modal-title {
  width: auto;
  background-color: #ffffff;
  color: #ffffff;
  min-width: 100px;
  text-align: center;
}
.modal modal.body {
  color: #555555;
  width: 100%;
  display: initial;
  font-weight: bold;
  font-size: 14pt;
  min-height: 45px;
  padding: 0px;
  height: 168px;
  padding: 20px;
}
.modal .close {
  padding: 3px;
  font-size: 20px;
  height: 35px;
  width: 35px;
  color: #7d7d7d;
}
.modal .eco3-addToCart .modal-header,
.modal .modal-bg-grey .modal-header {
  background-color: #f3f3f3;
  display: inline-block;
  border-bottom: none;
  height: 40px;
}
.modal .eco3-addToCart .modal-header h4#myModalLabel,
.modal .modal-bg-grey .modal-header h4#myModalLabel {
  font-weight: normal;
  font-size: 14pt;
}
.modal .eco3-addToCart .modal-header .cart_modal_popup,
.modal .modal-bg-grey .modal-header .cart_modal_popup {
  overflow: auto;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 20px 24px 55px 24px;
  padding: 10px;
}
.modal .warranty-modal {
  min-width: 410px;
  margin: 60px auto;
  font-size: 11pt;
}
.modal .warranty-modal .modal-content,
.modal .warranty-modal .modal-header,
.modal .warranty-modal .modal-title {
  background-color: #f8f8f8;
  border: none;
}
.modal .warranty-modal .close {
  font-size: 20px;
  margin: 4px;
  height: 25px;
  width: 25px;
  background-size: cover;
}
body.modal-open,
body .overlay,
.modal-no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.modal-no-scroll {
  overflow: hidden!important;
}
.modal-no-scroll.modal .icon-close,
.modal-no-scroll.modal button {
  outline: none;
  cursor: default;
}
.modal-no-scroll.modal .icon-close:hover,
.modal-no-scroll.modal button:hover {
  opacity: 1!important;
}
/*Registration form */
.RegistrationFormPage .has-feedback label ~ .form-control-feedback {
  right: -11px;
}
.RegistrationFormPage .form-group label {
  font-weight: 500;
  color: #434343;
}
.RegistrationFormPage .reg-hasAcc label {
  font-size: 12pt;
}
.RegistrationFormPage .reg-hasPrivacy label {
  font-size: 12pt;
}
.RegistrationFormPage .reg-hasPrivacy .terms-link {
  color: #009cdd;
  font-size: 12pt;
  cursor: pointer;
  text-decoration: none;
}
.RegistrationFormPage .reg-dont label {
  font-size: 11pt;
}
.RegistrationFormPage #customerNumber {
  width: 285px;
  height: 35px;
}
.RegistrationFormPage h5 {
  font-size: 16pt;
  font-weight: 400;
}
.RegistrationFormPage h6 {
  font-weight: 400;
  color: #434343;
  font-size: 12pt;
}
.RegistrationFormPage h6.bullet-title:before {
  top: 0;
}
.RegistrationFormPage .form-control,
.RegistrationFormPage input.form-control {
  height: 35px;
}
.RegistrationFormPage .form-group select.form-control {
  padding: 7px;
  text-transform: none;
  line-height: 17px;
}
.RegistrationFormPage .form-group {
  padding-left: 20px;
  padding-right: 20px;
}
.RegistrationFormPage .form-group .form-group {
  padding-left: 0px;
  padding-right: 0px;
}
.RegistrationFormPage .nowrap {
  white-space: nowrap;
}
.RegistrationFormPage .clear {
  clear: both;
}
.RegistrationFormPage .linkColor {
  color: #434343;
  text-align: center;
  display: block;
  pointer-events: none;
}
.RegistrationFormPage .linkColor span {
  pointer-events: auto;
}
.RegistrationFormPage .checkboxStyle .checkbox label::before {
  border-radius: 0px;
}
.RegistrationFormPage .form-group label.eco3-checkbox {
  height: 15px;
}
.RegistrationFormPage .registration-error-message {
  width: 33%;
}
.RegistrationFormPage .submitBtn {
  width: 200px;
  margin: 0 auto;
  display: block;
}
.RegistrationFormPage .registration-error-text {
  color: #fd9927 !important;
  display: table-cell;
  vertical-align: middle;
}
.RegistrationFormPage .registration-state-field #stateIso {
  padding: 7px;
  text-transform: none;
  line-height: 17px;
  width: 100%;
  height: 30px;
  border-color: #cccccc;
  box-shadow: inset 0 0px 0px #cccccc !important;
}
.RegistrationFormPage .non-mandatory-check {
  display: block !important;
  top: 40px;
  right: -15px;
}
.registrationConfirmationInfo {
  padding: 20px;
}
.registrationConfirmationInfo .registration-confirmation-grid {
  background: #e6f5fc;
  margin: 0 auto;
  max-width: 450px;
  color: #009cdd;
  font-size: 11pt;
  padding: 15px;
}
.registrationConfirmationInfo .registration-confirmation-grid .text-center a {
  color: #009cdd;
  font-size: 11pt;
  font-weight: bold;
  background: transparent;
  margin-bottom: 10px;
  display: block;
}
.registrationConfirmationInfo .registration-confirmation-grid .content:first-child p {
  margin-top: -15px;
}
.registrationConfirmationInfo .registration-confirmation-grid .content {
  text-align: left;
}
.registrationConfirmationInfo .registration-confirmation-prompt {
  margin-bottom: 85px;
}
.registrationConfirmationInfo .registration-confirmation-prompt .content {
  font-size: 16pt;
  font-weight: 500;
  margin-bottom: 60px;
}
.registrationConfirmationInfo .registration-confirmation-login-button {
  margin-top: 50px;
  margin-bottom: 50px;
}
.registrationConfirmationInfo .infoIcons {
  margin: 0 auto;
  width: 41px;
  top: -38px;
  position: relative;
  background: #fff;
  border-radius: 21px;
}
.registrationConfirmationInfo .infoImg {
  background: url("../images/info_icon_blue.svg") no-repeat;
  background-size: 40px;
  display: block;
  width: 41px;
  height: 40px;
}
.registrationConfirmationInfo p .registration-confirmation-contact-us-link {
  display: initial !important;
  text-decoration: underline;
}
.popover {
  border: 2px solid #009cdd;
  border-color: #009cdd;
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
}
.popover .popover-title {
  display: none;
}
.popover.top > .arrow:after {
  border-top-color: #009cdd;
}
.eco3-pannel-tag {
  min-width: 240px;
  background-color: #f3f3f3;
  text-align: center;
  min-height: 40px;
  font-size: 12pt;
  line-height: 40px;
  color: #434343;
}
.eco3-pannel-tag:before {
  background-color: #009cdd;
  width: 20px;
  height: 40px;
  content: "";
  float: left;
}
.eco3-pannel-tag.filter-text-panel-tag:before {
  width: 0;
  height: 0;
  content: "";
  float: none;
}
.card-table table.dataTable.no-footer {
  border-bottom: none;
}
.card-table table.dataTable {
  font-size: 11pt;
}
.card-table table.dataTable tbody td {
  color: #434343;
  font-weight: 400;
  white-space: inherit;
  padding: 20px 0px;
}
.card-table table.dataTable td.card-status {
  width: 200px;
}
.card-table table.dataTable thead th {
  color: #333333;
  font-weight: 700;
}
.card-table table.dataTable tr.expriceClass td,
.card-table table.dataTable tr.childtr.expriceClass td {
  color: #d9534f;
}
.card-table table.dataTable tr.expriceClass + tr.child td,
.card-table table.dataTable tr.childtr.expriceClass + tr.child td {
  color: #d9534f;
}
.card-table table.dataTable tbody tr.child .child {
  background: #f3f3f3 !important;
}
.card-table table.dataTable .card-expired-label {
  padding: 6px 11px;
  font-size: 10pt;
  min-width: 65px;
  width: auto;
  height: 30px;
}
.card-table .maxWidth-table {
  max-width: 800px;
  margin: 0 auto;
  clear: both;
}
.card-table .delete-icon {
  background: url('../images/delete-icon.svg') no-repeat;
  background-size: 37px 30px;
  display: inline-block;
  width: 37px;
  height: 30px;
}
.card-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
.card-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  background-color: #009cdd;
  top: 33%;
}
.card-table table.dataTable.display tbody td {
  border-top: 1px solid #f3f3f3;
}
.card-table table.dataTable.display tbody tr:last-child td {
  border-bottom: 1px solid #f3f3f3;
}
.card-table table.dataTable.display tbody tr:last-child td:last-child {
  border-bottom: none;
}
.card-table table.dataTable.display tbody tr.child td,
.card-table table.dataTable.display tbody td.no-border {
  border-top: none;
}
.card-table table.dataTable.display tbody tr.child ul {
  margin-bottom: 15px;
}
.card-table .float-none {
  float: none;
  margin: 0 auto;
  display: inline-block;
}
.card-table .noCardList p {
  font-size: 16pt;
  font-weight: 400;
  color: #666666;
}
.card-table .noCardList a.displayBlock {
  font-size: 11pt;
  color: #434343;
  text-decoration: none;
}
.card-table .noCardList .detail-icon {
  background: url('../images/payment_details.svg') 0 0 / cover no-repeat;
  background-size: 45px 38px;
  width: 45px;
  height: 38px;
  display: block;
  margin: 0 auto;
}
.card-table .noCardList .noList-button {
  text-align: center;
  margin: 0 auto;
  display: block;
  color: #009cdd;
  cursor: pointer;
  font-size: 11pt;
}
.card-table .noCardList .noList-para {
  color: #434343;
  font-size: 12pt;
}
.card-table .nice-button {
  margin: 0 auto;
  display: inline-block;
  font-size: 11pt;
  min-width: 200px;
  width: auto;
}
.creditInfo {
  max-width: 500px;
  margin: 0 auto;
  display: block;
  min-height: 485px;
}
.creditInfo .DataInterceptErrors {
  min-height: 30px;
}
.creditInfo table {
  max-width: 415px;
}
.creditInfo table td {
  padding: 0 20px;
  font-size: 10pt;
  color: #434343;
  width: 100%;
  float: left;
}
.creditInfo table td input {
  width: 100%;
  margin-bottom: 20px;
  height: 35px;
  padding-left: 10px;
}
.creditInfo table td select {
  width: 50%;
  margin-bottom: 20px;
  height: 35px;
  padding-left: 10px;
}
.creditInfo table td #Paymetric_Exp_Month,
.creditInfo table td #Paymetric_Exp_Year {
  width: 101px!important;
}
.creditInfo header {
  min-height: 40px;
  margin-bottom: 0;
}
.creditInfo header h2 {
  padding: 10px 15px;
  font-size: 14pt;
  font-weight: 400;
  width: 200px;
}
.creditInfo form {
  max-width: 326px;
  margin: 0 auto;
}
.creditInfo form .has-errors {
  color: #d9534f;
  text-align: center;
}
.creditInfo form table {
  margin-top: 20px;
}
.creditInfo form .nice-button {
  margin: 0 auto;
  display: block;
  font-size: 11pt;
  min-width: 200px;
  width: auto;
}
.creditInfo .paymetric_container {
  padding-bottom: 25px;
}
#manActPaymtrcContainer .paymetric-iframe-container #add-credit-card-iframe {
  width: 100% !important;
  min-height: 320px !important;
}
.global-alerts .confirmation-icon {
  background: url("../images/confirmation-icon.svg") no-repeat;
  background-size: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: left;
  background-position: left;
  margin: 0px 10px 0px -25px;
  float: left;
  margin-left: -5px;
}
.global-alerts .info-icon-extraction {
  background: url("../images/info_icon_blue.svg") no-repeat;
  background-size: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: left;
  background-position: left;
  margin: 0px 10px 0px -25px;
  float: left;
  margin-left: -5px;
}
.global-alerts .icon-error {
  background: url("../images/icon-error.svg") no-repeat;
  background-size: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: left;
  background-position: left;
  margin: 0px 10px 0px -25px;
  float: left;
  margin-left: -5px;
}
.alert.alert-bar {
  opacity: 0.9;
  padding: 5px 10px 5px 10px!important;
  text-align: left;
}
.alert.alert-bar ul {
  padding: 0;
}
.alert.alert-bar ul li span {
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
}
.alert.alert-bar ul li span:last-child {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .alert.alert-bar ul li span:last-child {
    padding-left: 10px;
  }
}
.alert.alert-bar span {
  display: table-cell;
  vertical-align: middle;
  font-size: 11pt;
  font-weight: normal;
}
.global-alerts .error-icon {
  background: url("../images/icon-error.svg") no-repeat;
  background-size: 34px 34px;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: left;
  background-position: left;
  margin: 0 10px 0 -25px;
  float: left;
  margin-left: -5px;
}
.global-alerts .info-icon {
  background: url("../images/info-icon.svg") no-repeat;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: left;
  background-position: left;
  margin: 0px 9px 0px -25px;
  float: left;
  margin-left: -5px;
  background-size: contain;
}
.global-alerts .info-icon-green,
.global-alerts-ctp .info-icon-green {
  background: url("../images/info_icon_green.svg") no-repeat;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: left;
  background-position: left;
  margin: -5px 9px 0px -25px;
  float: left;
  margin-left: -5px;
  background-size: 34px 34px;
}
.global-alerts .warning-icon {
  background: url(../images/warning-icon.svg) no-repeat;
  display: inline-block;
  width: 28px;
  height: 28px;
  background-position: left;
  margin: -20px 10px 0px 0px;
  float: left;
  text-align: left;
  background-size: contain;
}
.popUpDelete p {
  font-size: 12pt;
}
.popUpDelete a {
  min-width: 70px;
  min-height: 30px;
  text-decoration: none;
  color: #434343;
  display: inline-block;
  font-size: 11pt;
}
.popUpDelete button {
  font-size: 11pt;
}
.account-disabled {
  background-color: #f3f3f3 !important;
}
.ui-front {
  position: relative;
}
.ui-front .input-group {
  position: relative;
}
.ui-front .input-group .input-group-btn {
  color: #009cdd;
  margin: 0;
  display: table-cell;
  align-items: center;
  vertical-align: middle;
}
.ui-front .input-group .input-group-btn button {
  background: #fcfcfc;
  height: 19px;
}
.ui-front .input-group .close-icon-container {
  display: none;
}
@media screen and (max-width: 480px), screen and (min-width: 768px) and (max-width: 1200px) {
  .ui-front .input-group .close-icon-container {
    display: flex !important;
  }
  .ui-front .input-group .close-icon-container i {
    background-size: 32px 32px !important;
    background: url("../images/icon-close.svg") no-repeat;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .ui-front .input-group .close-icon-container i {
    margin-bottom: 3px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .ui-front .input-group .close-icon-container i {
    margin-bottom: -32px;
    margin-left: 32px;
    margin-right: 22px;
  }
}
.ui-front #js-site-search-input {
  padding: 0 12px;
  height: 35px !important;
}
.ui-front #js-site-search-input:focus {
  box-shadow: #009cdd 0px 0px 5px 0px !important;
  border-color: #009cdd !important;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .ui-front #js-site-search-input {
    width: 100% !important;
    left: 40px;
    top: 17px;
    flex-grow: 0.895;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .ui-front #js-site-search-input {
    width: 100%;
    margin-left: 10px;
  }
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
  padding: 0;
  margin-top: 34px;
  width: 350px !important;
  display: block !important;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 320px) and (max-width: 767px) {
  .ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    display: inline-block;
    left: -16px !important;
    width: 104% !important;
    margin-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    width: 100% !important;
    margin-top: 81px;
    left: 1px !important;
  }
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items {
  margin-left: 16px;
  min-height: 70px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .product-section-heading,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .device-section-heading,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .document-section-heading {
  cursor: auto;
  background-color: transparent !important;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .product-section-heading label.product-section-label,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .device-section-heading label.product-section-label,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .document-section-heading label.product-section-label,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .product-section-heading label.device-section-label,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .device-section-heading label.device-section-label,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .document-section-heading label.device-section-label,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .product-section-heading label.document-section-label,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .device-section-heading label.document-section-label,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .document-section-heading label.document-section-label {
  line-height: 12px;
  margin-bottom: 0;
  padding: 10px;
  background-color: #f3f3f3;
  color: black;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .product-section-heading .product-section-label.selected,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .device-section-heading .product-section-label.selected,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .document-section-heading .product-section-label.selected,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .product-section-heading .device-section-label.selected,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .device-section-heading .device-section-label.selected,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .document-section-heading .device-section-label.selected,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .product-section-heading .document-section-label.selected,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .device-section-heading .document-section-label.selected,
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-menu-items .document-section-heading .document-section-label.selected {
  background-color: #009cdd !important;
  color: #ffffff !important;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container a {
  display: table;
  cursor: pointer;
  padding: 0.2em 0.4em;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container a .thumb img {
  width: 64px !important;
  height: 64px !important;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container a .thumb-info {
  padding: 0 !important;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .product-list-class {
  border-top: 1px solid #ccc !important;
  padding: 10px;
  display: block !important;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container div {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container div.thumb {
  padding-right: 15px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container div.thumb-info span {
  display: block;
  font-size: 10pt;
  line-height: 17px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container div.thumb-info span.name {
  color: #009cdd;
  padding: 0 0 20px 0;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container div.thumb-info span.code {
  color: #666666;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .public-document-access {
  padding: 0 20px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .public-document-access .findDocumentBy {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .public-document-access .radio-inline {
  padding: 7px;
  display: flex;
  margin-left: 15px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .public-document-access .radio-inline .radio-buttons {
  font-weight: 400;
  font-size: 14px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .public-document-access .search-tips {
  padding-top: 10px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .public-document-access .search-tips .search-tips-head {
  font-weight: 700;
  font-size: 14px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .public-document-access .search-tips .search-tips-label {
  font-weight: 700;
  font-size: 13px;
  padding-top: 10px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .details-container .public-document-access .search-tips .search-tips-paragraph {
  font-weight: 400;
  font-size: 13px;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .no-result-found {
  padding: 12px;
  cursor: auto;
  line-height: normal;
  pointer-events: none;
  display: block !important;
  border-top: 1px solid #d9d9d9;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .no-result-found label.no-result-section-msg {
  padding-left: 5px;
  font-size: 13px;
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  text-transform: initial;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .no-product-found {
  padding: 12px;
  cursor: auto;
  line-height: normal;
  pointer-events: none;
  display: block;
  border-top: 1px solid #cccccc !important;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .no-product-found label.no-result-section-msg {
  padding-left: 5px;
  font-size: 13px;
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  text-transform: initial;
}
.ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-state-focus {
  background: #f3f3f3 !important;
}
.homePageImageBlockComponent .componentSection h3 {
  box-shadow: 0 0 7px 1px #d9d9d9;
  -webkit-box-shadow: 0 0 7px 1px #d9d9d9;
}
.bgcolor-popover .popover {
  width: 133px;
  top: -63px;
  padding: 0;
  border: 0px;
}
.bgcolor-popover .popover .arrow:after {
  border-top-color: #808080;
}
.bgcolor-popover .popover .popover-content {
  font-size: 14px;
  padding: 0;
  min-height: 32px;
  height: auto;
  background-color: #808080;
}
.bgcolor-popover .popover .popover-content .data {
  text-align: left;
  font-size: 10pt;
  padding: 5px 0px;
  color: #ffffff;
}
.bgcolor-popover .popover .popover-content ul {
  padding-left: 0;
  height: auto;
  list-style: none;
  margin-bottom: 0;
  display: table;
  width: 100%;
}
.bgcolor-popover .popover .popover-content ul li.textItemAlign {
  background-color: #808080;
  height: 30px;
  padding: 0px;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 6px;
}
.bgcolor-popover .popover .popover-content ul li.textItemAlign a {
  color: white;
  line-height: 20px;
}
.bgcolor-popover .popover .popover-content ul li.textItemAlign:hover {
  background-color: #009cdd;
}
.bgcolor-popover .popover .popover-content ul li.listAlign {
  margin-left: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 6px;
  height: 30px;
}
.bgcolor-popover .popover .popover-content ul li.listAlign a {
  line-height: 20px;
}
.bgcolor-popover.product-compare-link .popover {
  width: 278px;
  text-align: left;
}
.tooltipPopover {
  font-weight: normal;
}
.tooltipPopover .popover {
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: -o-max-content;
  width: -ms-max-content;
  margin-top: -7px;
}
.tooltipPopover .popover-content {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 2;
}
.tooltipPopover .popover-content a {
  color: #009cdd;
}
.tooltipPopover .popover-content a.atpContactUs {
  color: #fd9927;
}
/* ECO3 Responsive Tab*/
.eco3-responsive-tabs .pdp-tab {
  display: inline-block;
  max-width: 870px;
  width: 100%;
  margin: 20px 0px;
}
.eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane {
  margin-bottom: 15px;
}
.eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane .table {
  margin-bottom: 0px;
}
.eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane table.productSpecification td {
  border-top: none;
  border-bottom: 1px solid #d9d9d9;
  vertical-align: middle;
  padding-left: 0;
}
.eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane table.productSpecification td.attr-name {
  text-align: left;
  font-size: 11pt;
  font-weight: 500;
  width: 50%;
}
.eco3-responsive-tabs .pdp-tab .nav-tabs > li {
  float: none;
  display: inline-block;
  zoom: 1;
}
.eco3-responsive-tabs .pdp-tab .nav-tabs {
  text-align: center;
  font-size: 11pt;
  border-bottom: none;
  font-weight: 400;
}
.eco3-responsive-tabs .pdp-tab .nav > li > a {
  color: #434343;
  background-color: #fcfcfc;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 2px 1px #d9d9d9;
  height: 32px;
  min-width: 165px;
  font-weight: 400;
}
.eco3-responsive-tabs .pdp-tab .nav-tabs > li.active > a,
.eco3-responsive-tabs .pdp-tab .nav-tabs > li.active > a:hover,
.eco3-responsive-tabs .pdp-tab .nav-tabs > li.active > a:focus {
  color: #009cdd;
  border: none;
  box-shadow: 0 0 4px 0 #009cdd;
  z-index: 99;
  pointer-events: none;
  font-weight: 500;
}
.eco3-responsive-tabs .pdp-tab .pdp-bullet-title {
  font-size: 11pt;
  font-weight: 500;
  text-align: justify;
  margin-top: 10px;
}
.eco3-responsive-tabs .pdp-tab .pdp-bullet-title-text {
  font-size: 11pt;
  text-align: justify;
  margin-top: 10px;
}
.eco3-responsive-tabs .pdp-tab .pdp-bullet-title:before,
.eco3-responsive-tabs .pdp-tab .pdp-bullet-title-text:before {
  content: "";
  font-size: 24px;
  left: -15px;
  width: 16px;
  height: 15px;
  background: #009cdd;
  display: block;
  float: left;
  margin-right: 14px;
  margin-top: 3px;
}
.eco3-responsive-tabs .pdp-tab #showMoreBtn .show-more-btn {
  margin: 10px 0 30px 0;
}
.eco3-responsive-tabs .pdp-tab #showLessBtn .show-less-btn {
  margin: -5px 0 30px 0;
}
.eco3-responsive-tabs .pdp-tab .details-text-align {
  display: table;
}
.eco3-responsive-tabs .pdp-tab .prd-tagLine {
  color: #009cdd;
  font-size: 14pt;
  font-weight: 400;
}
.eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane {
  margin-bottom: 15px;
}
.eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane .tab-content {
  clear: both;
}
.eco3-responsive-tabs .pdp-tab .responsive-tabs-container .accordion-link {
  display: none;
  margin-bottom: 10px;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  color: #434343;
}
.eco3-responsive-tabs .accordion-link:after {
  width: 24px;
  height: 24px;
  float: right;
  content: "";
  margin-top: 8px;
  margin-right: 8px;
  background: url(../images/arrow-right.svg) no-repeat;
  background-size: 24px;
}
.eco3-responsive-tabs .accordion-link.active:after {
  background-image: url(../images/arrow-down.svg);
  background-size: 24px;
}
.footer .containerInnerSection,
.page-cartPage .footer.container .containerInnerSection {
  padding: 0px;
}
#footer {
  visibility: hidden;
  float: none !important;
  padding: 0;
  margin: 200px auto 0 auto;
  position: relative;
}
.productRelatedItemsTabStripContainer .product-family-group h3 {
  height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #434343;
  font-weight: 500;
  line-height: 26px;
  font-size: 14px;
  text-align: left;
}
.productRelatedItemsTabStripContainer #productRelatedTabsList {
  list-style-type: none;
  padding-left: 0;
  padding-right: 30px;
}
.productRelatedItemsTabStripContainer #productRelatedTabsList .product-family-tabs {
  color: #434343;
  padding-right: 15px !important;
  min-width: 65px !important;
}
.productRelatedItemsTabStripContainer #productRelatedTabsList li {
  display: inline-block;
  text-align: center;
}
.productRelatedItemsTabStripContainer #productRelatedTabsList li.__left-tabunlimited,
.productRelatedItemsTabStripContainer #productRelatedTabsList li.__right-tabunlimited {
  min-width: 18px;
  padding-left: 3px;
  padding-right: 3px;
}
.productRelatedItemsTabStripContainer #productRelatedTabsList li.active h3 a {
  color: #ffffff;
  background-color: #009cdd;
}
.productRelatedItemsTabStripContainer #productRelatedTabsList li h3 {
  font-size: 14px;
  font-weight: 100;
  margin: 7px 0;
}
.productRelatedItemsTabStripContainer #productRelatedTabsList li h3 a {
  color: #434343;
  min-width: 65px;
  text-decoration: none;
  background-color: #f3f3f3;
  font-weight: 400;
  height: 28px !important;
  display: inline-block;
  padding: 8px;
  width: auto;
}
.product-header-mobile {
  color: #434343;
  width: 100%;
  background-color: #EFEFEF;
  display: inline-block;
  font-weight: 500;
  min-height: 35px;
  font-size: 11pt;
  line-height: 35px;
  padding-left: 10px;
  text-align: left;
}
#relationship-tabs .product-buttons-section .product-btn {
  width: 70px;
  height: 35px;
}
#relationship-tabs .productRelatedItemsList {
  max-width: 870px;
}
#relationship-tabs .productRelatedItemsList .hr-line:last-child {
  display: none;
}
#relationship-tabs .productRelatedItemsList .spinner {
  margin: 0 auto;
  float: right;
}
#relationship-tabs .productRelatedItemsList li {
  list-style-type: none;
  margin-bottom: 28px;
  margin-top: 22px;
}
#relationship-tabs .productRelatedItemsList li .textItemAlign {
  margin-bottom: 0px;
  margin-top: 0px;
}
#relationship-tabs .productRelatedItemsList hr {
  border-top: 1px solid #999999;
}
#relationship-tabs .productRelatedItemsList .noStandard .priceValue {
  font-weight: bold;
}
#relationship-tabs .productRelatedItemsList .product-description {
  font-size: 11pt;
  color: #666666;
  font-weight: 500;
}
#relationship-tabs .productRelatedItemsList .displayProductInfo {
  font-size: 10pt;
  color: #666666;
  font-weight: 500;
}
#relationship-tabs .productRelatedItemsList .compare-size {
  color: #434343;
}
#relationship-tabs .pdp-page-compare-link {
  color: #009CDD;
}
#relationship-tabs .no-item-access-msg {
  text-align: center;
}
#relationship-tabs .font-css {
  font-size: 11pt;
}
#relationship-tabs #tab-prodDocument {
  padding-left: 43px;
  padding-right: 95px;
}
#relationship-tabs .responsive-productDocTbl .single-document {
  display: table;
  margin-bottom: 30px;
}
#relationship-tabs .responsive-productDocTbl .single-document .document-icon {
  display: table-cell;
  vertical-align: middle;
}
#relationship-tabs .responsive-productDocTbl .single-document .document-link {
  display: table-cell;
  vertical-align: middle;
  padding-left: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#relationship-tabs .responsive-productDocTbl .single-document .document-link a {
  font-size: 11pt;
  color: #434343;
}
/* *********** Text ellipses for multiple lines ************ */
.ellip {
  display: block;
}
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}
.ellip .ellip-line {
  position: relative;
  overflow: hidden;
}
/* ECO- Bootstrap Switch button */
.eco3-switch-button {
  margin: 0 auto;
  max-width: 80px;
  position: relative;
  left: -10px;
  margin-top: 15px;
}
.eco3-switch-button > input[type="checkbox"] {
  display: none;
}
.eco3-switch-button > label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 30px;
  background: #6bcdfd;
}
.eco3-switch-button > label::before {
  background: #808080;
  border-radius: 8px;
  content: '';
  height: 13px;
  margin-top: -8px;
  position: absolute;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  width: 35px;
}
.eco3-switch-button > label::after {
  background: #f3f3f3;
  border-radius: 16px;
  content: '';
  height: 18px;
  left: 14px;
  margin-top: -8px;
  position: absolute;
  top: -2px;
  transition: all 0.3s ease-in-out;
  width: 18px;
}
.eco3-switch-button > input[type="checkbox"]:checked + label::before {
  background: inherit;
}
.eco3-switch-button > input[type="checkbox"]:checked + label::after {
  background: #009cdd;
  left: 32px;
}
.msie .eco3-switch-button > input[type="checkbox"]:checked + label::after {
  left: 18px;
}
.msie .eco3-switch-button > label::after {
  left: -8px;
}
/* ECO3- accordion*/
.eco3-theme-accordion {
  width: 100%;
  display: inline-block;
}
.eco3-theme-accordion .panel {
  border: 0px solid;
  box-shadow: 0 0px 0px #ffffff;
}
.eco3-theme-accordion .panel-heading {
  border: 2px solid #009cdd;
  text-align: left;
  height: 40px;
}
.eco3-theme-accordion .panel-heading a,
.eco3-theme-accordion .panel-heading a:HOVER {
  text-decoration: none;
}
.eco3-theme-accordion .accordion-toggle:after {
  margin: 0px;
  background-image: url(../images/arrow-open.svg);
  background-size: 9px 15px;
  position: relative;
  top: 5px;
}
.eco3-theme-accordion .accordion-toggle.collapsed:after {
  background-image: url(../images/arrow-close.svg);
  background-size: 9px 15px;
  position: relative;
  top: 0px;
}
.eco3-theme-accordion .accordion-toggle {
  color: #009cdd;
  font-size: 12pt;
}
.form-group.has-error label,
.form-group.has-success label {
  color: #434343 !important;
}
.billing-address-section .dataTable.display tbody td.no-border.width-10 {
  width: 10%;
}
/* For IE Specific*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-productDetailsPage .tooltipPopover .popover {
    width: auto !important;
  }
  .page-productListPage .tooltipPopover .popover-content {
    min-width: 200px;
    padding-left: 0;
    padding-right: 0;
  }
  .calibration-address-edit-mode-section .eco3-table table.dataTable.dtr-inline.collapsed tbody tr[role="row"] td:first-child:before {
    top: 43px !important;
  }
  .specifyDeliveryAddress {
    text-align: right;
  }
  .datatable-main #datatableTableID_wrapper {
    padding: 0px 20px 0px 40px;
  }
  .login-main-section .loginSoldtoTable {
    padding-left: 0 !important;
  }
  .tooltipPopover .popover-content {
    width: 100%;
    text-align: center;
    min-width: 150px;
  }
  .homePageBigBannerSection .icon-arrow-right::after {
    position: relative;
    right: 5px;
  }
}
/* For Mozila Specific*/
@-moz-document url-prefix() {
  .specifyDeliveryAddress {
    text-align: right;
  }
  .datatable-main #datatableTableID_wrapper {
    padding: 0px 20px 0px 40px;
  }
  .eco3-tabbable .nav-tabs > li > a {
    text-transform: none;
  }
  .login-main-section .loginSoldtoTable {
    padding-left: 0 !important;
  }
}
/* For Edge Specific*/
@supports (-ms-ime-align:auto) {
  .new-address-button-edge-adjustment {
    float: right;
  }
  .checkoutSection#checkout-section-body-delivery .deliveryAddressform-wrapper select#regionIso {
    padding: 7px;
  }
  .checkoutSection .billingAdddressMain select#regionIso {
    padding: 7px;
  }
  .login-main-section .loginSoldtoTable {
    padding-left: 0 !important;
  }
  .tooltipPopover .popover-content {
    width: 180px;
  }
}
/* Warranty claim list */
.warranty-clm-main-page .new-warranty-button {
  margin-top: 0;
}
.center-block {
  float: none;
}
.itemRequiresAttentionPopup {
  font-size: 15px;
  margin-bottom: 0;
}
.itemRequiresAttentionPopup thead > tr > th {
  border: 0;
}
.itemRequiresAttentionPopup tbody > tr > td {
  color: #333333;
}
@media (min-width: 768px) {
  .modal-more-padding .modal-body {
    padding: 40px;
  }
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #009cdd !important;
  color: #ffffff;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-image: -moz-linear-gradient(to bottom, #009cdd, #009cdd);
  background-image: -ms-linear-gradient(to bottom, #009cdd, #009cdd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009cdd), to(#009cdd));
  background-image: -webkit-linear-gradient(to bottom, #009cdd, #009cdd);
  background-image: -o-linear-gradient(to bottom, #009cdd, #009cdd);
  background-image: linear-gradient(to bottom, #009cdd, #009cdd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color-primary', endColorstr='@color-primary', GradientType=0);
  border-color: #009cdd #009cdd #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td,
.datepicker th {
  font-size: 14px;
}
.salesRepClass {
  display: block!important;
}
.boxCTPUser {
  display: inline-block;
  float: left;
}
.boxCTPUser a {
  margin-top: 70px;
  float: right;
}
.boxNonCTPUser {
  display: inline-block;
  float: right;
}
.boxNonCTPUser a {
  margin-top: 70px;
  float: right;
}
#custom-search-input i.form-control-feedback {
  display: none!important;
}
.section-level-global-Messages-wrapper {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.section-level-global-Messages-wrapper .eco3-globalMessages {
  display: inline-block;
}
.section-level-global-Messages-wrapper .message-text {
  width: auto;
}
.global-messages-section-server-error .alert.alert-bar {
  min-height: 50px;
}
.global-messages-section-server-error .alert.alert-bar span,
.global-messages-section-server-error .alert.alert-bar div {
  display: block;
  width: auto;
  padding-left: 40px;
  line-height: 30px;
  position: relative;
  top: 5px;
  word-break: break-word;
  padding-top: 0!important;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}
.global-messages-section-server-error .alert.alert-bar span:first-child,
.global-messages-section-server-error .alert.alert-bar div:first-child {
  background: url(../images/icon-error.svg) no-repeat;
  background-size: 30px 30px;
}
.global-messages-section-server-error .alert.alert-bar div {
  top: 0;
}
.eco3-table table tbody tr td.dataTables_empty {
  line-height: 60px;
}
.add_to_quote_button img {
  width: auto;
  height: 21px;
}
.vertical-middle {
  display: table-cell;
  vertical-align: middle;
}
.stage-indicator-outer-container {
  left: 25%;
  position: relative;
}
.text-decoration-underline {
  text-decoration: underline;
}
/* Live support */
.live-support-chat-icon {
  display: inline-block;
  position: fixed;
  float: right;
  width: 70px;
  height: 70px;
  background: #009cdd url("../images/headset.svg") no-repeat;
  -o-background-size: 65% 65%;
  -webkit-background-size: 65% 65%;
  -khtml-background-size: 65% 65%;
  -moz-background-size: 65% 65%;
  background-size: 65% 65%;
  right: 40px;
  bottom: 125px;
  z-index: 99999;
  background-position: center;
  cursor: pointer;
}
.live-support-box {
  padding: 10px;
  margin: 0 auto;
  text-align: left;
  color: #3c3c3c;
}
.live-support-box .innrer-box {
  max-width: 270px;
  margin: 0 auto;
}
.live-support-box input.form-control {
  padding-top: 5px;
  height: 32px!important;
}
.live-support-box label {
  font-size: 12px;
}
.live-support-box #liveSupportErrorBlock {
  min-height: 30px;
}
.live-support-box ul {
  list-style: none;
  padding-left: 0;
}
.live-support-box ul li {
  font-family: Roboto;
  font-size: 15px;
  line-height: 26px;
}
.live-support-box .no,
.live-support-box a {
  color: #009cdd;
}
.live-support-box .no.phone-number,
.live-support-box a.phone-number {
  font-weight: bold;
  color: #009cdd;
}
.live-support-box .live-chat-action-button {
  width: 42px!important;
  float: right;
  position: relative;
  right: 0;
  top: -32px;
  z-index: 999;
  background: #009cdd;
  padding: 5px 20px;
  height: 32px;
  cursor: pointer;
}
.live-support-box .live-chat-action-button:hover {
  opacity: 0.3;
}
.live-support-box .live-chat-action-button i {
  color: #ffffff;
  font-size: 20px;
}
.msie .live-support-box .live-chat-action-button {
  height: 31px;
}
.modal .liveSupport {
  max-width: 500px!important;
  min-height: 329px;
}
.modal .liveSupport .errorBlock {
  display: none;
}
.modal .liveSupport .icon-close {
  position: relative;
  top: -3px;
  right: -3px;
}
.country-code-info {
  top: 5px;
  position: relative;
  left: 10px;
}
.country_code_placeholder_label {
  font-size: 16px;
  text-transform: uppercase;
  color: #666666;
  margin: -30px 0 30px 0;
  padding-left: 0;
}
.country_code_placeholder_label:before {
  top: 7px;
}
.punchout-country-code {
  margin-bottom: 30px;
  padding-left: 0;
}
.punchout-country-code #countryConfigurationCodeId {
  width: 263px;
}
label.single-ccc {
  box-shadow: none;
  font-size: 12pt;
  color: #666666;
  line-height: 25px;
  margin-top: 30px;
}
.bottom-align-punchout {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: normal;
  color: #333333;
  margin: 90px 0 6px 0;
  position: absolute;
  right: 0;
  bottom: 3px;
}
.color-primary {
  color: #009cdd !important;
}
@media (max-width: 767px) {
  .btn-add-to-requestion {
    top: 280px;
    position: relative;
  }
}
.btn-add-to-requestion .spinner {
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .stage-indicator-outer-container.punchout {
    left: 0%;
  }
}
.stage-indicator-outer-container.punchout .eco3-stage-indicator-step .progressLine .line {
  width: 75.5%;
  margin-left: 65%;
}
@media (max-width: 767px) {
  .stage-indicator-outer-container.punchout .eco3-stage-indicator-step .progressLine .line {
    margin-left: 64%;
  }
}
.tax-exemption-punchout {
  position: relative;
  top: -357px;
  margin-left: -10px;
}
@media (max-width: 767px) {
  .tax-exemption-punchout {
    top: -467px;
  }
}
.tax-exemption-punchout .global-notification {
  width: auto;
}
form#configform .form-control[disabled] {
  background-color: #eeeeee !important;
}
@media (max-width: 767px) {
  .place-order-cart-total.cart-tab-totals.punchout-totals-wrapper.punchout-total-block {
    top: 340px;
    position: relative;
  }
}
.initial-load-hide {
  display: none !important;
}
.section1Template7 {
  position: relative;
  top: -150px;
  width: 80%;
  padding: 14px 40px 1px 40px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  margin-left: 10%;
  text-align: left;
  font-size: 14px;
}
.section1Template7 .landingpage-breadcrumb {
  text-align: left;
  list-style: none;
  padding: 0;
}
.section1Template7 .breadcrumb-indicator {
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
.section1Template8 {
  position: relative;
  top: -145px;
  width: 80%;
  padding: 14px 40px 1px 40px;
  background: #ffffff;
  z-index: 1000;
  opacity: 0.8;
  margin-left: 10%;
  text-align: left;
}
.section1Template8 .landingpage-breadcrumb {
  text-align: left;
  list-style: none;
  padding: 0;
}
.section1Template8 .breadcrumb-indicator {
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
.section1Template8 #breadcrumb {
  margin: 0px !important;
  background-color: transparent !important;
}
.section1Template8 #breadcrumb li {
  margin-right: 0px !important;
}
.section1Template8 #breadcrumb ol {
  box-shadow: none !important;
}
.section1Template8 .breadcrumb {
  background-color: transparent !important;
}
.simplebanner8landingpage .addShaddow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}
.section2Template8 {
  top: -100px !important;
}
.section2Template8 .content {
  width: 100% !important;
}
.section2Template8 .landing-page-section-two-b {
  padding-right: 100px;
}
.section2Template {
  width: 80%;
  top: -200px;
  margin-left: 10%;
  text-align: left;
  padding-top: 40px;
  padding-bottom: 40px;
}
.section2Template .cmsimage {
  float: left;
  width: 100%;
}
.section2Template img {
  width: inherit;
}
.section2Template ul {
  padding: 0px;
}
.section2Template li.blue-bullet {
  display: block;
  margin: 0 auto;
  padding-left: 0px;
  padding-bottom: 10px;
  line-height: 18px;
  min-height: 33px;
  position: relative;
  color: #666666;
}
.section2Template li.blue-bullet:before {
  margin-top: 5px !important;
}
.section3 .landing-page-list {
  padding-top: 40px;
  padding-bottom: 40px;
}
.eco-ribbon-plates-wrapper {
  overflow: hidden;
  max-width: 1406px;
  padding: 0 40px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.eco-ribbon-plates-wrapper.boga-ribbion-plates {
  padding: 0;
  max-width: 768px;
}
.eco-ribbon-plates-wrapper.boga-ribbion-plates .eco-boga-ribbion-plates {
  display: block !important;
  margin: 0 auto;
  width: fit-content;
}
.eco-ribbon-plates-wrapper.boga-ribbion-plates .eco-boga-ribbion-plates .col-left {
  border-color: #83bc34;
  background-color: #f0f7e9;
}
.eco-ribbon-plates-wrapper.boga-ribbion-plates .eco-boga-ribbion-plates .col-left div.mode-icon-boga {
  color: #8dac60;
}
.eco-ribbon-plates-wrapper .eco-ribbon-plates {
  width: 100%;
  color: #009cdd;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}
.eco-ribbon-plates-wrapper .eco-ribbon-plates:not(.non-ctp-active):not(.ctp-active) {
  display: table-row;
}
.eco-ribbon-plates-wrapper .eco-ribbon-plates .content-text {
  min-height: 45px;
  vertical-align: middle;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 30px;
  position: relative;
  left: 15px;
  background-size: 30px 30px;
}
.eco-ribbon-plates-wrapper .eco-ribbon-plates .content-text .global-alerts .info-icon {
  margin-top: -5px !important;
}
.eco-ribbon-plates-wrapper .ribbon-text-details {
  font-size: 16px !important;
  text-transform: uppercase;
}
.eco-ribbon-plates-wrapper .col-left,
.eco-ribbon-plates-wrapper .col-right {
  cursor: pointer;
  vertical-align: middle;
  border-color: #009cdd;
  border: 2px solid;
  background-color: #ddf5ff;
  font-size: 12pt;
}
.eco-ribbon-plates-wrapper .col-left:not(.non-ctp-active):not(.ctp-active),
.eco-ribbon-plates-wrapper .col-right:not(.non-ctp-active):not(.ctp-active) {
  display: table-cell;
}
.eco-ribbon-plates-wrapper .col-left a,
.eco-ribbon-plates-wrapper .col-right a,
.eco-ribbon-plates-wrapper .col-left p,
.eco-ribbon-plates-wrapper .col-right p {
  color: #009cdd;
  font-size: 12pt;
}
.eco-ribbon-plates-wrapper .col-left {
  width: 100%;
}
.eco-ribbon-plates-wrapper .col-left:not(.non-ctp-active):not(.ctp-active) {
  text-align: left;
}
.eco-ribbon-plates-wrapper .col-left.non-ctp-active,
.eco-ribbon-plates-wrapper .col-left.ctp-active {
  text-align: center;
}
.eco-ribbon-plates-wrapper .col-left.non-ctp-active a,
.eco-ribbon-plates-wrapper .col-left.ctp-active a {
  width: 100%;
}
.eco-ribbon-plates-wrapper .col-right {
  width: 20%;
  text-align: center;
  border-left: 0 solid;
  min-width: 130px;
}
.eco-ribbon-plates-wrapper .content.icon {
  padding-left: 45px;
}
.eco-ribbon-plates-wrapper .content.icon {
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
.eco-ribbon-plates-wrapper .content.icon.mode-icon {
  background: url(../images/leads_green.svg) no-repeat;
  background-size: 30px 30px;
  background-position: 1px center;
}
.eco-ribbon-plates-wrapper .content.icon.mode-icon a.highlight-link {
  color: #8dac60 !important;
  text-decoration: none;
}
.eco-ribbon-plates-wrapper .content.icon.mode-icon-boga {
  background: url("../images/boga-mode-icon.svg") no-repeat;
  background-size: 30px 30px;
  background-position: 1px center;
}
.ctp-ribbon-plates {
  width: auto;
  display: table;
}
.ctp-ribbon-plates .ctp-active {
  color: #83bc34;
}
.ctp-ribbon-plates .ctp-active .info-icon-green {
  margin-top: 5px;
  margin-right: 20px;
}
.ctp-ribbon-plates .col-left,
.ctp-ribbon-plates .col-right {
  border-color: #83bc34;
  background-color: #f0f7e9;
}
.ctp-ribbon-plates .col-left a,
.ctp-ribbon-plates .col-right a,
.ctp-ribbon-plates .col-left p,
.ctp-ribbon-plates .col-right p {
  text-align: left;
  color: #83bc34;
}
.page-homepage .eco3-comp-box.home-quick-order-tr {
  min-height: 300px;
}
.page-homepage .eco3-comp-box.home-quick-order-tr .cart-button {
  right: 23px !important;
  bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .section1Template7 {
    top: -100px;
    width: 80%;
    padding: 14px 40px 1px 40px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    margin-left: 10%;
    text-align: left;
  }
  .section1Template7 .landingpage-breadcrumb {
    text-align: left;
    list-style: none;
    padding: 0;
  }
  .section1Template7 .breadcrumb-indicator {
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #2b9cea;
  }
  .section1Template8 {
    top: -100px;
    width: 80%;
    padding: 14px 40px 1px 40px;
    background: #ffffff;
    z-index: 1000;
    opacity: 0.8;
    margin-left: 10%;
    text-align: left;
  }
  .section1Template8 .landingpage-breadcrumb {
    text-align: left;
    list-style: none;
    padding: 0;
  }
  .section1Template8 .breadcrumb-indicator {
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #2b9cea;
  }
  .section2Template8 {
    margin-left: 10% !important;
  }
  .section2Template8 .landingpage-section-two,
  .section2Template8 .landing-page-section-two-b {
    padding-left: 0px !important;
  }
  .landing-page-section-padding {
    padding-left: 100px !important;
  }
  .landing-page-8-section-padding {
    padding-left: 25px !important;
  }
  .landingpage-section-three {
    padding-left: 100px !important;
  }
  .landingpage-section-three.adjust-position {
    top: 0 !important;
    margin-bottom: 0;
  }
  .page-homepage .eco3-comp-box.home-quick-order-tr {
    min-height: 300px;
  }
  .page-homepage .eco3-comp-box.home-quick-order-tr .cart-button {
    right: 23px !important;
    bottom: 20px;
  }
}
.page-customerListPage #footer,
.page-newCustomerCreationPage #footer,
.page-contactListPage #footer,
.page-newContactCreationPage #footer,
.page-leadInfoPage #footer,
.page-leadCreationPage #footer,
.page-leadHistoryListPage #footer {
  margin: 100px auto 0 auto;
}
.page-serviceOrderConfirmationPage .captionInfo {
  padding: 0;
}
.page-serviceOrderConfirmationPage .captionInfo .pipette-order-form-heading-confirmation {
  font-size: 27px;
  background: rgba(255, 255, 255, 0.7);
  color: #666666;
  padding: 13px 20px 13px 40px;
  margin: 0;
  opacity: 1;
  height: 45px;
  line-height: 16px;
  margin-bottom: -3px;
  position: relative;
  top: -20px;
}
.page-serviceOrderConfirmationPage #productListBannerSection {
  margin: 0 !important;
}
.page-serviceOrderConfirmationPage .grey-print-icon-wrapper {
  cursor: pointer;
}
.page-serviceOrderConfirmationPage .order-msg-wrapper .order-label {
  font-size: 17px;
}
.page-serviceOrderConfirmationPage .breadcrumb .back-button-container {
  display: none;
}
.page-serviceOrderConfirmationPage .left-margin-info-icon {
  margin-left: 44%;
}
.page-serviceOrderConfirmationPage .info-icon-extraction {
  background: url("../images/info-icon-white-content.png") no-repeat;
  background-size: 55px 55px;
  width: 55px;
  height: 55px;
  position: relative;
  z-index: 1000;
  display: block;
  margin-top: -60%;
}
.page-serviceOrderConfirmationPage .info-icon-label {
  font-size: 17px;
  line-height: 15px;
}
.page-serviceOrderConfirmationPage .alert.alert-bar {
  padding-bottom: 15px !important;
}
.page-serviceOrderConfirmationPage a.helpline-number {
  color: #d9edf7;
}
.page-serviceOrderConfirmationPage a[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .section1Template7 iframe {
    width: 100% !important;
  }
  .page-serviceOrderConfirmationPage .order-msg-wrapper .thank-you-label {
    font-weight: 500;
    font-size: 15pt;
  }
  .page-serviceOrderConfirmationPage .order-email-mob {
    margin-top: 5px;
  }
  .page-serviceOrderConfirmationPage .back-to-shop {
    margin-bottom: 73px;
  }
  .page-serviceOrderConfirmationPage .order-msg-wrapper .order-label {
    font-size: 16px;
  }
  .page-serviceOrderConfirmationPage .thank-you-label {
    margin-top: 70px;
  }
  .page-serviceOrderConfirmationPage .info-icon-label {
    font-size: 14px;
    line-height: 17px;
  }
  .page-serviceOrderConfirmationPage .other-info-wrapper-alert {
    margin-top: 60px;
    margin-bottom: -40px;
  }
  .page-serviceOrderConfirmationPage .alert.alert-bar {
    padding: 5px 10px 10px 10px!important;
  }
  .page-serviceOrderConfirmationPage .no-message-non-activate {
    padding: 15px 0;
  }
  footer .footerMore li.languageSelect .globe-icon {
    margin-right: -30px;
  }
  footer .footerMore li.languageSelect form#lang-form .form-group {
    margin-right: 0;
    padding-left: 36px;
  }
  footer .footerMore li.languageSelect form#lang-form .form-group select#lang-selector {
    margin-right: 6px;
  }
  .section1Template7 {
    position: initial !important;
    top: 0px;
    width: 100%;
    padding: 10px;
    background: #ffffff;
    z-index: 1000;
    margin: 0 auto;
    margin-left: 0;
    margin-top: 30px;
    text-align: left;
  }
  .section1Template8 {
    position: initial !important;
    top: 0px;
    width: 100%;
    padding: 10px;
    background: #ffffff;
    z-index: 1000;
    opacity: 1;
    margin: 0 auto;
    margin-left: 0;
    margin-top: 30px;
    text-align: left;
  }
  .section2.section2Template {
    position: initial !important;
    width: 100%;
    padding: 0px;
    overflow: auto;
    display: block;
    text-align: center;
    top: 0;
    margin-left: 0;
    display: table;
  }
  .section2Template .yCmsContentSlot.zone_a.thumbnail_detail {
    float: none;
    display: table-footer-group;
  }
  .section2Template .yCmsContentSlot.zone_a.thumbnail_detail a {
    display: block;
    float: none !important;
    margin: 0 auto;
  }
  .section2Template .yCmsContentSlot.zone_b.thumbnail_detail {
    float: none;
    display: table-header-group;
  }
  .section2Template .yCmsContentSlot.zone_b.thumbnail_detail .cmsimage {
    float: none;
    margin: 0 0 40px 0;
  }
  .section3.section2Template.cms_disp-img_slot {
    position: inherit;
    width: 100%;
    padding: 10px;
    overflow: auto;
    display: block;
    text-align: left;
    top: 0;
    margin-left: 0;
  }
  .section1Template7 .landingpage-breadcrumb {
    text-align: left;
    list-style: none;
    padding: 0;
  }
  .section1Template8 .landingpage-breadcrumb {
    text-align: left;
    list-style: none;
    padding: 0;
  }
  .landing-page-section-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    top: 0  !important;
  }
  .landingpage-section-three {
    padding-left: 0  !important;
  }
  .landingpage-section-three .yCmsComponent .landing-page-list {
    width: 100% !important;
  }
  .landingpage-section-three.adjust-position {
    top: 0 !important;
    margin-bottom: 0 !important;
  }
  .landing-page-section-two-b .simple-banner-component {
    padding-bottom: 10px;
  }
  .landing-page-section-two-b .componentListView {
    padding-left: 0;
  }
  .landingpage-section-two .content {
    width: 100% !important;
  }
  .landingpage-section-two .content p {
    width: 100% !important;
  }
  .page-homepage .eco3-comp-box.home-quick-order-tr {
    min-height: 300px;
  }
  .page-homepage .eco3-comp-box.home-quick-order-tr .cart-button {
    right: 10px !important;
    bottom: 20px;
  }
}
.blockUI {
  background-color: transparent !important;
  opacity: 0 !important;
  z-index: 1000;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: wait;
  position: fixed;
}
.page-homepage .textBoxReturnValuesTextarea {
  overflow-x: hidden;
}
body.modal-open {
  overflow: visible;
  position: absolute;
  width: 100%;
  height: 100%;
}
.landing-page-section-padding {
  padding-left: 158px;
  padding-right: 75px;
  padding-bottom: 40px;
}
.landingpage-section-two .content {
  display: inline-block;
  text-align: left;
  padding-bottom: 40px;
  width: 150%;
}
.landingpage-section-two .content p {
  width: 50%;
}
.landing-page-section-two-b {
  text-align: left;
}
.landing-page-section-two-b .landing-page-list {
  display: inline-block;
}
.landingpage-section-three {
  text-align: left;
  padding-bottom: 40px;
}
.landingpage-section-three .landing-page-list {
  width: 50%;
}
.landingpage-section-three .landing-page-list .componentListView {
  padding-left: 0;
}
.landingpage-section-three.adjust-position {
  top: -200px;
}
.checkout-consolidate-info {
  display: inline-block;
  position: relative;
  top: 0;
  left: 8px;
}
div#standard-popover-width .popover {
  width: 300px;
}
div#infoImageText .popover,
div#info-image-text-shipping .popover,
div#info-image-text-poNumber .popover {
  width: 200px;
}
.punchout-ccc i {
  margin-left: 5px;
}
#loadJavascriptFunction,
#loadJavascriptFunction li {
  display: none;
}
.dropzone,
#my-awesome-dropzone {
  background: #fcfcfc;
  border: 1px dashed #cccccc;
  border-image: none;
  width: 100%;
  margin: 0 auto;
  min-height: 120px;
  padding: 15px 40px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .dropzone,
  #my-awesome-dropzone {
    width: 90%;
    padding: 15px 25px;
    border: 2px dashed #cccccc;
    min-height: 200px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .dropzone,
  #my-awesome-dropzone {
    width: 90%;
    padding: 15px 30px;
    border: 2px dashed #cccccc;
  }
}
.drop-files-text {
  clear: both;
  float: none;
  text-align: center;
  margin-bottom: -10px;
}
a#browse-files {
  text-decoration: underline;
  cursor: pointer;
  font-size: 12pt;
  color: #333333;
}
p.fileAttachLabel1 {
  font-size: 12pt;
  font-weight: normal;
  margin: 0 auto;
  clear: both;
  text-align: center;
  float: none;
}
p.fileAttachLabel1 img {
  margin-right: 7px;
}
p.fileAttachLabel2 {
  font-size: 10pt;
  font-weight: normal;
  opacity: 0.5;
  margin-left: 28px;
}
@media (min-width: 320px) and (max-width: 767px) {
  p.fileAttachLabel2 {
    width: 80%;
    text-align: center;
    margin: 0 auto 30px auto;
    font-size: 12pt;
  }
}
img.empty_files_icon {
  display: block;
  margin: 0 auto;
  transform: translateY(100%);
}
@media (min-width: 320px) and (max-width: 767px) {
  img.empty_files_icon {
    transform: translateY(250%);
  }
}
div#file-error-msg .global-messages-section-server-error,
div#forbidden-file-error-msg .global-messages-section-server-error,
div#network-error-msg .global-messages-section-server-error {
  width: 550px !important;
  padding: 0 !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  div#file-error-msg .global-messages-section-server-error,
  div#forbidden-file-error-msg .global-messages-section-server-error,
  div#network-error-msg .global-messages-section-server-error {
    width: 80% !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  div#file-error-msg .global-messages-section-server-error,
  div#forbidden-file-error-msg .global-messages-section-server-error,
  div#network-error-msg .global-messages-section-server-error {
    width: 500px !important;
  }
}
div.empty_files_icon {
  display: table;
  margin: 0 auto;
  transform: translateY(100%);
}
@media (min-width: 320px) and (max-width: 767px) {
  div.empty_files_icon {
    text-align: center;
    transform: translateY(250%);
  }
}
div.empty_files_icon span {
  color: #666666;
  font-size: 12pt;
  top: 2px;
  position: relative;
}
.drop-files-text.won-lost-closed {
  display: none;
}
form#my-awesome-dropzone.won-lost-closed {
  border: none;
  background: #ffffff;
  margin-top: 100px !important;
  padding: 15px 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  form#my-awesome-dropzone.won-lost-closed {
    margin-top: 80px !important;
    width: 95%;
  }
}
span.text-align-center {
  text-align: center;
}
.text-align-center {
  text-align: center;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.attachment-section-heading.won-lost-closed {
  margin-bottom: 0;
}
.alert.alert-danger.alert-dismissable.alert-bar.attachment-error {
  margin: 0;
}
.dz-success-mark {
  background-image: url("../images/check-symbol.svg");
  background-size: 24px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  margin: 2px;
  border: 2px solid #999999;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #999999 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.center-position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 !important;
}
.center-position-x {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.form-group.has-feedback.has-error input#postalCode {
  border: 1px solid #d50032;
  background: #fdf3f5;
}
#loadingIndicator .spinner {
  margin: 35px auto;
}
#loadingIndicatorforHomeLogin .spinner {
  margin: 20px auto;
}
.page-loginSoldToSelectionPage .spinner {
  margin: 40px auto;
  left: 135px;
  position: relative;
}
@media (max-width: 1200px) {
  .page-loginSoldToSelectionPage .spinner {
    left: 0;
  }
}
/*** mixin for reversing any 2 div inside a parent container - cross browser **/
.reverse-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
/* new breadcrumb related style *****/
#breadcrumb {
  background-color: #f3f3f3;
  overflow: auto;
  overflow: hidden;
  margin: 0 -40px;
  display: flex;
  align-items: center;
}
#breadcrumb .breadcrumb-left {
  width: 80%;
  float: left;
  overflow: auto;
  overflow-y: hidden;
}
#breadcrumb .breadcrumb-left ol.breadcrumb {
  overflow: auto;
  overflow-y: hidden;
}
#breadcrumb .breadcrumb-left ol.breadcrumb li {
  margin-right: 0;
}
#breadcrumb .breadcrumb-left ol.breadcrumb li span.breadcrumb-smallarrow {
  padding: 0 8px;
}
#breadcrumb .breadcrumb-left ol.breadcrumb li.active {
  text-align: left;
}
#breadcrumb .breadcrumb-left ol.breadcrumb li.mobile-active {
  font-size: 13px !important;
  overflow: unset;
}
#breadcrumb .breadcrumb-right {
  width: 20%;
  float: right;
  background-color: #f3f3f3;
  text-align: right;
  padding-right: 40px;
}
#breadcrumb .breadcrumb-right .back-button-container {
  line-height: 64px;
}
#breadcrumb .breadcrumb-right .back-button-container a.back-button-link {
  cursor: pointer;
}
#breadcrumb .breadcrumb-right .back-button-container a:before {
  content: "<";
  margin-right: 15px;
  color: #7d7d7d;
  transform: scale(1.5);
  display: inline-block;
}
.breadcrumb-page-title {
  display: inline-block;
  vertical-align: middle;
}
/************/
.troemner-right-side-banners {
  margin-left: -28px;
  width: 27%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .troemner-right-side-banners {
    overflow: auto;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .troemner-right-side-banners {
    padding: 0 15px 0 20px;
    margin-left: 5px;
    width: 100%;
  }
}
.troemner-right-side-banners div.right-side-boxes {
  height: 128px;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .troemner-right-side-banners div.right-side-boxes {
    margin-right: 16px;
    width: 31% !important;
    padding: 0;
  }
}
.troemner-right-side-banners div.right-side-boxes .image-wrapper,
.troemner-right-side-banners div.right-side-boxes img {
  width: 96px;
  height: 96px;
  object-fit: contain;
}
.troemner-right-side-banners div.right-side-boxes .image-text {
  text-align: left;
}
.troemner-right-side-banners div.right-side-boxes .image-text span {
  padding-left: 10px;
  font-size: 16px;
  display: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .troemner-right-side-banners:last-child {
    margin-right: 0;
  }
}
.document-link-component-wrapper {
  overflow: auto;
  width: 694px;
}
@media (min-width: 320px) and (max-width: 1200px) {
  .document-link-component-wrapper {
    width: 100%;
  }
}
.document-link-component-wrapper label {
  font-size: 18px;
}
.document-link-component-wrapper ul.document-list {
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
.document-link-component-wrapper ul.document-list li {
  margin-bottom: 20px;
  list-style: none;
  flex: 0 0 33.333333%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .document-link-component-wrapper ul.document-list li {
    width: 100%;
    flex: auto;
  }
}
.document-link-component-wrapper ul.document-list li a {
  cursor: pointer;
}
.document-link-component-wrapper ul.document-list li .attachment-icon {
  background: url(../images/document_link_icon.svg) no-repeat;
  width: 25px;
  height: 30px;
  cursor: pointer;
  background-size: 25px 30px;
  margin-top: 2px;
}
.document-link-component-wrapper ul.document-list li .file-name-wrapper {
  display: inline-block;
  padding-left: 10px;
  width: 80%;
  word-break: break-word;
  padding-left: 15px;
  font-weight: 500;
  font-size: 14px;
  color: #434343;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .document-link-component-wrapper ul.document-list li .file-name-wrapper {
    padding-left: 10px;
  }
}
.document-link-component-wrapper ul.document-list li span.document-link-component-description {
  padding: 10px 0 0 0;
  display: inline;
  text-align: left;
  overflow: hidden;
  color: #666666;
  font-size: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .document-link-component-wrapper ul.document-list li span.document-link-component-description {
    display: block;
    padding: 0;
    margin-top: 8px;
  }
}
.document-link-component-wrapper ul.document-list li span.document-link-component-description .ellip {
  max-width: 210px;
  padding-left: 40px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .document-link-component-wrapper ul.document-list li span.document-link-component-description .ellip {
    max-width: fit-content;
    padding-left: 40px;
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .document-link-component-wrapper ul.document-list li span.document-link-component-description .ellip {
    padding-left: 35px;
  }
}
.document-link-component-wrapper ul.document-list li span.document-link-component-description .ellip span {
  white-space: break-spaces !important;
}
.document-link-component-wrapper ul.document-list li span.document-link-component-description .ellip span.ellip-line {
  white-space: nowrap !important;
}
.document-link-component-wrapper .document-load-more,
.document-link-component-wrapper .document-load-less {
  display: block;
  clear: both;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  background-color: #f3f3f3;
  line-height: 40px;
  cursor: pointer;
  color: #009cdd;
  font-weight: 500;
  text-transform: uppercase;
}
.tromner-subcategory .componentsBox {
  width: 296px;
  margin-left: 10px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .tromner-subcategory .componentsBox {
    width: auto;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .tromner-subcategory .componentsBox {
    width: auto;
    margin-left: 0;
  }
}
.tromner-subcategory .tromner-plp-component {
  height: 517px;
}
.tromner-subcategory .tromner-plp-component img {
  display: block;
  margin: 20px auto;
  width: 256px !important;
  height: 256px;
}
.tromner-subcategory .tromner-plp-component .blank-image {
  display: block;
  margin: 20px auto;
  width: 256px !important;
  height: 256px;
}
.tromner-subcategory .tromner-plp-component .component-body-section {
  padding: 20px;
}
.tromner-subcategory .tromner-plp-component .component-body-section p {
  font-weight: 400;
  font-size: 18px;
}
.tromner-subcategory .tromner-plp-component .component-body-section span {
  font-size: 14px;
}
.btn-theme-color-primary {
  background-color: #83bc34;
}
.btn-theme-color-secondary {
  background-color: #009cdd;
}
.btn-theme-grey {
  background-color: #f3f3f3;
  color: #434343;
}
.btn-theme-grey:hover {
  color: #434343;
}
@media (min-width: 1201px) {
  body {
    overflow-x: auto !important;
  }
}
@media (min-width: 1201px) {
  div#page {
    min-width: 1366px;
  }
}
.checkboxStyle .reg-hasAcc label.eco3-checkbox .checkmark {
  top: 1px;
}
.has-success .form-control {
  border-color: #cccccc !important;
}
.fade-out {
  opacity: 0.5;
}
/**********global business msg***********/
div.business-msg-overlay {
  width: 1366px;
  margin-left: -40px;
  background-color: #fff5ea;
  padding: 10px 20px;
  z-index: 999999;
  position: relative;
  line-height: 20px;
  box-shadow: 0 0 10px 1px #d9d9d9;
  word-break: break-word;
}
@media (min-width: 768px) and (max-width: 1200px) {
  div.business-msg-overlay {
    width: 110%;
    margin-left: -36px;
    padding: 10px 25px 10px 20px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  div.business-msg-overlay {
    width: 109%;
    margin-left: -17px;
    padding: 10px 25px 10px 20px;
  }
}
div.business-msg-overlay span.text-left {
  display: table-cell;
  vertical-align: middle;
  color: #d86d03;
  font-size: 16px;
  font-weight: 400;
}
div.business-msg-overlay span.text-left a {
  color: #d86d03;
  text-decoration: underline;
}
div.business-msg-overlay span.icon {
  display: table-cell;
  vertical-align: center;
}
div.business-msg-overlay span.icon .warning-icon {
  background: url(../images/warning-icon.svg) no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: left;
  background-position: left;
  margin: 0px 9px 0px -25px;
  float: left;
  margin-left: -5px;
  background-size: contain;
}
.tablet.affix-top div.business-msg-overlay,
.tablet div.business-msg-overlay,
.mobile div.business-msg-overlay,
.mobile.affix-top div.business-msg-overlay {
  display: none !important;
}
.tablet.affix div.business-msg-overlay,
.mobile.affix div.business-msg-overlay {
  display: block !important;
}
.js-main-header-affix > .business-msg-overlay {
  display: none !important;
}
.col-xs-12.col-md-11.center-block.product-config-group {
  margin-top: 50px;
}
.col-xs-12.col-md-11.center-block.product-config-group .product-config-cstic {
  margin-top: 20px;
}
.col-xs-12.col-md-11.center-block.product-config-group .product-config-cstic select.form-control {
  margin-bottom: 10px;
}
.col-xs-12.col-md-11.center-block.product-config-group .product-config-cstic .product-config-csticlabel {
  margin-bottom: 0;
  padding-bottom: 12px;
}
.col-xs-12.col-md-11.center-block.product-config-group .product-config-cstic .product-config-csticValue {
  min-height: 22px !important;
}
.col-xs-12.col-md-11.center-block.product-config-group .product-config-cstic .product-config-csticValue .product-config-csticValueLabelWithoutSelect {
  height: 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .col-xs-12.col-md-11.center-block.product-config-group {
    margin-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .col-xs-12.col-md-11.center-block.product-config-group {
    margin-top: 30px;
  }
}
.page-productConfig .containerInnerSection #configContent #configSidebarSlot .total-box p.margin {
  margin-bottom: 5px !important;
}
.page-productConfig .containerInnerSection #configContent #configSidebarSlot .total-box p.price-blue.margin.text-right {
  margin-bottom: 18px !important;
  font-weight: 500;
}
.page-productConfig .containerInnerSection #configContent #configSidebarSlot .total-box .total-box-label {
  text-transform: uppercase;
  padding: 0px 8px 0 8px;
  margin-top: 5px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page-productConfig .containerInnerSection #configContent #configSidebarSlot .total-box .total-box-label {
    margin-top: -5px !important;
  }
}
.page-productConfig .containerInnerSection #configContent #configSidebarSlot .total-box .product-config-price-summary .product-config-quantity {
  width: 100% !important;
}
.page-productConfig .containerInnerSection #configContent #configSidebarSlot .total-box .product-config-price-summary .product-config-quantity .product-quantity-picker {
  max-width: none;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page-productConfig .containerInnerSection #configContent #configSidebarSlot .total-box {
    margin-top: 20px;
    max-width: none !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .page-productConfig .containerInnerSection #configContent {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .page-productConfig .containerInnerSection #configContent {
    margin-top: 0;
  }
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  aspect-ratio: 1;
}
.thumbnail-img {
  max-width: 96px;
  width: 96px;
  height: 96px;
}
.margin-bottom-150 {
  margin-bottom: 150px;
}
table#quote-history-list-table {
  margin-bottom: 0;
}
.section2Template8 .landing-page-section-two-b a {
  color: #808080;
}
.section1Template7 a.contact-us {
  color: #808080;
}
.section1Template7 a {
  color: #808080;
}
.table-layout-fixed {
  table-layout: fixed;
}
.selectboxit-btn:hover,
.selectboxit-btn:hover,
.selectboxit-btn:hover,
.selectboxit-btn:focus,
.selectboxit-btn:focus,
.selectboxit-btn:focus,
.selectboxit-btn:active,
.selectboxit-btn:active,
.selectboxit-btn:active {
  background-color: #ffffff !important;
}
.selectboxit-list > .selectboxit-focus > a,
.selectboxit-list > .selectboxit-focus > a:hover,
.selectboxit-list > .selectboxit-focus > a:focus {
  background-color: #009cdd !important;
  color: #ffffff !important;
  background-image: none !important;
}
.selectboxit-container .selectboxit:focus {
  border-color: #6bcdfd !important;
  -webkit-box-shadow: 0px 0px 5px 0px #6bcdfd !important;
  -moz-box-shadow: 0px 0px 5px 0px #6bcdfd !important;
  box-shadow: 0px 0px 5px 0px #6bcdfd !important;
  outline: 0 none !important;
}
.white-go-minicart {
  color: #ffffff !important;
}
.navigation--middle ul.nav__links--shop_info li div.cursor-not-allowed {
  cursor: not-allowed;
}
.payment-cards-message {
  width: auto;
  margin: 30px auto;
  max-width: 500px;
}
.lead-details-info .lead-info {
  vertical-align: top !important;
}
#globalMessages .eco3-springGlobalError ul li span:first-child {
  visibility: hidden;
}
#globalMessages .eco3-springGlobalError ul li:first-child span:first-child {
  visibility: visible;
}
#errorForPostalCode {
  display: none;
  color: #ed1c24;
  font-size: 12px;
  margin-top: 5px;
  text-align: left;
}
input.postal-code-error {
  border: 1px solid #d50032 !important;
  background: #fdf3f5 !important;
}
.eco3-icon-file-pdf {
  background: url(../images/file_pdf.svg) no-repeat;
}
.eco3-icon-file-xml {
  background: url(../images/file_xml.svg) no-repeat;
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
}
.flex-vertical-align {
  display: flex;
  align-items: center;
}
.flex-column-align-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
/************/
/* import the commons css libraries for the css / less */
/******************************************************************************************************************
/* File Name        : stickyheader.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 06-Oct-2017
/* Description      : This is less code for the stickyheader.
/*******************************************************************************************************************/
/* imports the variable.less */
.main-header {
  border-bottom: 2px solid #005ea8;
  background: #7d7d7d;
}
.main-header .navigation-bar-component {
  list-style: none;
}
.main-header .navbar-header {
  position: relative;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 12px;
  border: 0 solid red;
}
.main-header .navbar-header .site-logo {
  border: 0 solid red;
}
.main-header .navbar-header .site-logo .logo-bold {
  color: #2d96e5;
  font-family: Arial Narrow, Arial;
  font-size: 28pt;
  font-style: normal;
  font-weight: 700;
  line-height: 0;
  text-align: left;
  margin-left: -5px;
  text-decoration: none;
}
.main-header .navbar-header .navbar-brand {
  float: left;
  height: 40px;
  margin-top: 0;
  padding: 0 0;
  cursor: pointer;
}
.main-header .navbar-header .sm-navigation {
  border: 0 solid green;
  margin: 0;
  padding: 0;
  float: left;
}
.main-header .navbar-header .sm-navigation button {
  background: url("../images/hamburger.svg") no-repeat;
  border: 0 none;
  padding: 15px 20px;
  box-shadow: none;
  outline: 0;
}
.main-header .navbar-header .user-profile-nd-cart {
  float: right;
  position: absolute;
  right: 0;
  border: 0 solid red;
}
.main-header .navbar-header .user-profile-nd-cart .navbar-profile {
  border: 1px solid #2d96e5;
  border-radius: 5px;
  height: 35px;
  width: 35px;
  float: left;
  outline: none;
  margin-right: 5px;
  background: url(../images/profile.png) no-repeat scroll 2px 2px;
}
.main-header .navbar-header .user-profile-nd-cart .navbar-profile-popup {
  width: 200px;
  height: auto;
  position: absolute;
  right: 50%;
  z-index: 200;
  top: 42px;
  border-radius: 6px;
  padding: 5px;
  display: none;
  border: 0 solid red;
  background: #ffffff;
}
.main-header .navbar-header .user-profile-nd-cart .navbar-profile-popup ul {
  border: 0 solid red;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.main-header .navbar-header .user-profile-nd-cart .navbar-profile-popup ul li {
  vertical-align: middle;
  border: 2px solid #64b141;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px;
}
.main-header .navbar-header .user-profile-nd-cart .navbar-profile-popup ul li:last-child {
  margin-bottom: 0;
}
.main-header .navbar-header .user-profile-nd-cart .navbar-profile-popup ul li a {
  color: #999;
  font-family: Arial, Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  padding-left: 1%;
  text-decoration: none;
  vertical-align: middle;
}
.main-header .navbar-header .user-profile-nd-cart .navbar-cart {
  border: 0 solid red;
  width: 30px;
  height: 30px;
  float: left;
  margin-top: 3%;
  display: inline-block;
  background: url(../images/cart.svg) no-repeat scroll 3px 0;
  background-size: 30px 30px;
}
.main-header .navbar-header .user-profile-nd-cart .cart-count {
  background: #dd3214 none repeat scroll 0 0;
  border: 1px solid red;
  border-radius: 3px;
  display: inline-block;
  height: 18px;
  text-align: center;
  min-width: 18px;
  padding: 0 3px;
}
.main-header .navbar-header .user-profile-nd-cart .cart-count span {
  color: #ffffff;
  font-size: 10px;
  vertical-align: top;
}
.main-header .navbar-header .user-profile-nd-cart .total-hide {
  display: none;
}
.main-header .navbar-header .global-search {
  border: 0 solid red;
  width: 44%;
}
.main-header .navbar-header .global-search .site-search {
  background: #fff none repeat scroll 0 0;
  border: 0 solid red;
  height: auto;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%;
}
.main-header .navbar-header .global-search .site-search .site-search-form {
  position: relative;
}
.main-header .navbar-header .global-search .site-search .advanced-search {
  border: 0 solid blue;
  float: left;
  height: 30px;
  width: 12%;
}
.main-header .navbar-header .global-search .site-search .advanced-search .advanced-search-buttton {
  border: 1px solid #666666;
  border-radius: 5px;
  float: right;
  height: 35px;
  margin: 0;
  padding: 0;
  width: 35px;
  background: url(../images/advanced-search.png) no-repeat;
}
.main-header .navbar-header .global-search .site-search .search-box-wrapper {
  border: 0 solid blue;
  padding: 0 7.5%;
  height: 30px;
  margin-right: 1%;
}
.main-header .navbar-header .global-search .site-search .search-box-wrapper input {
  border: 1px solid #666666;
  border-radius: 4px;
  height: 35px;
  width: 100%;
  padding: 0 38px 0 5px;
}
.main-header .navbar-header .global-search .site-search .search-box-wrapper button {
  background: rgba(0, 0, 0, 0) url("../images/green-bg.png") no-repeat scroll 0 0;
  border: 1px solid #666666;
  border-radius: 3px;
  box-shadow: none;
  height: 29px;
  line-height: 0;
  outline: 0 none;
  padding: 2px 5px 1px 4px;
  margin: 0;
  position: absolute;
  right: 9%;
  top: 3px;
  width: 29px;
}
.main-header .navbar-header .global-search .site-search .search-box-wrapper button .search-icon {
  border: 0 solid blue;
  display: inline-block;
  height: 28px;
  width: 28px;
  background: url(../images/search.png) no-repeat scroll 1px 3px;
}
.main-header .navbar-header .global-search .site-search .search-box-wrapper button .glyphicon {
  color: transparent;
  position: static;
  line-height: 2;
  background-size: 17px 17px;
}
@media all and (min-width: 1201px) {
  .mobileOnly,
  .tabletOnly,
  .desktopOnly {
    display: none;
  }
  .desktopOnly {
    display: block;
  }
  .main-header .navbar-header .global-search .site-search .search-box-wrapper {
    border: 0 solid blue;
    float: right;
    height: 30px;
    margin-right: 1%;
    padding-left: 0;
    padding-right: 0;
    width: 85%;
  }
  .main-header .navbar-header .global-search .site-search .search-box-wrapper button {
    right: 1.8%;
  }
  .main-header {
    border-bottom: none;
    padding-top: 10px;
    position: fixed;
    width: 100%;
    z-index: 2;
  }
  body .content-wrapper {
    padding-top: 128px;
  }
  .main-header .main-navigation {
    margin-top: 0.9%;
  }
  #nav_main {
    background: url('../images/ie/gradients.png') repeat-x;
    margin-bottom: 18px;
    height: 30px;
    text-align: right;
    position: relative;
  }
  #nav_main .has-navigation a[href="/"] {
    position: absolute;
    left: 0;
    border-right: 0px;
  }
  #nav_main h1,
  #nav_main h2,
  #nav_main h3 {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial,Arial;
    color: #555555;
    margin: 0;
    padding: 0;
  }
  #nav_main a {
    color: #ffffff;
    display: block;
    font-family: Arial,Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2em;
    padding: 6px 10px 5px 10px;
    border-right: 1px solid white;
  }
  #nav_main a:hover {
    background-color: #9f9f9f;
  }
  #nav_main li.first,
  #nav_main li.navigation-bar-component {
    height: 30px;
  }
  #nav_main .first a {
    padding: 6px 10px 5px;
    border-right: 1px solid #ffffff;
    text-decoration: none;
  }
  #nav_main li.first:hover a {
    background-color: #9f9f9f;
  }
  #nav_main li.first:hover li a {
    background-color: transparent;
  }
  #nav_main li.first li a:hover {
    text-decoration: underline;
    color: #fcfcfc;
  }
  #nav_main ul.first {
    position: relative;
  }
  #nav_main li.first.subs h1 a {
    padding-right: 15px;
    padding-left: 15px;
    text-decoration: none;
  }
  #nav_main ul.yCmsContentSlot {
    height: 25px;
    margin: 0;
    float: right;
    list-style: none;
  }
  #nav_main ul li {
    float: left;
  }
  #nav_main ul li:first-child > a {
    display: inline-block;
  }
  li.contact-us-nav-item {
    display: inline-block;
    background: url('../images/ie/gradient_dg_small.png') repeat-x;
    background-image: linear-gradient(to bottom, #64b143 0%, #a7c893 4%, #72b943 4%, #198941 50%, #72b943 100%);
    text-shadow: none;
    text-transform: none;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
  }
  .contact-us-nav-item .liveSupport-label {
    display: none;
  }
  .contact-us-nav-item .liveSupportSection {
    display: none;
  }
  #nav_main li.first.contact-us-nav-item h1 a {
    background-image: none;
    padding-right: 7px;
    padding-left: 8px;
  }
  #nav_main li.first.contact-us-nav-item:hover h1 a {
    background-color: #209629;
  }
  #nav_main li.first div.panel {
    position: absolute;
    background-color: #ffffff;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    z-index: 1000;
    display: none;
    margin-bottom: 0;
    max-width: 520px;
    text-align: left;
  }
  #nav_main li.first div.panel.reposition {
    right: 5px;
  }
  #nav_main li.first:hover div.panel {
    display: block;
    z-index: 1;
  }
  #nav_main li.first div.panel h2 {
    color: #808080;
    font-weight: bold;
    text-align: left;
    background-position: bottom;
    padding-bottom: 8px;
  }
  #nav_main .second li {
    float: none;
  }
  #nav_main .second a {
    color: #808080;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #nav_main div.panel {
    min-width: 234px;
  }
  #nav_main div.panel div.second {
    display: inline-block;
    width: 234px;
    background: url('../images/navborder.gif') repeat-y;
    padding: 3px 0px 0px 2px;
    vertical-align: top;
  }
  #nav_main div.panel div.second.even {
    background-image: none;
  }
  #nav_main .first ul.third {
    margin: 10px 5px 5px 8px;
  }
  #nav_main .first .second ul.third {
    margin: 0 0 0 0px;
  }
  #nav_main .first ul.third {
    list-style-type: square;
    list-style-position: inside;
    color: #89ce41;
    float: none;
    padding-left: 0;
  }
  #nav_main .first ul.third.secondside {
    list-style-type: square;
    list-style-position: inside;
    color: #89ce41;
    float: none;
    padding-left: 10px;
  }
  #nav_main .first .third li {
    list-style-type: square;
    list-style-position: inside;
    color: #89ce41;
    float: none;
  }
  #nav_main .first ul.third .contact-number {
    background: url('../images/call.png') no-repeat transparent;
    background-position: 2px 2px;
    list-style-type: none;
    list-style-position: outside;
    margin-left: -9px;
  }
  #nav_main .first ul.third .contact-number h3 {
    margin-left: 20px;
  }
  #nav_main .first .third h3 {
    display: inline-block;
    max-width: 180px;
    vertical-align: bottom;
    word-wrap: break-word;
  }
  #nav_main .first .second .third h3 {
    max-width: 200px;
  }
  #nav_main .first .third span {
    padding: 0;
    margin: .4em;
    border-right: none;
    color: #555555;
    display: block;
  }
  #nav_main .first .third h3 {
    display: inline-block;
    max-width: 180px;
    vertical-align: middle;
    word-wrap: break-word;
  }
  #nav_main .first .second .third h3 {
    max-width: 90%;
  }
  #nav_main .first .third a {
    padding: 5px 5px 5px 5px;
    border-right: none;
    color: #555555;
    font-weight: normal;
  }
  #nav_main .navigation-bar-component {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0 .4em;
    border-right: 1px solid #ffffff;
  }
  #nav_main .navigation-bar-component > a {
    display: block;
  }
  #nav_main .navigation-bar-component > a > * {
    color: #ffffff;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
    top: -2px;
  }
  #nav_main .panel a {
    border-right: 0px solid;
  }
  ul.dropdown {
    position: relative;
    clear: both;
  }
  ul.dropdown li {
    font-weight: bold;
    float: left;
    zoom: 1;
    background: #ffffff;
  }
  ul.dropdown a:active {
    color: #d50032;
  }
  ul.dropdown li a {
    display: block;
    padding: 7px 18px 5px 12px;
    border-right: 1px solid #666666;
    color: #222;
    font-size: 16px;
  }
  ul.dropdown li:first-child > ul.ohaus-first-level-submenu a {
    padding: 4px 13px 0px 11px;
    font-size: 14px;
  }
  ul.dropdown ul li.ohaus-second-level-submenu a {
    border: none;
  }
  ul.dropdown ul li.ohaus-second-level-submenu.active > a {
    font-weight: normal;
    background: none;
    color: #d50032;
    float: none;
  }
  ul.dropdown li h1 a:hover {
    text-decoration: none;
    color: #d50032;
  }
  ul.dropdown li a:hover {
    text-decoration: underline;
    color: #d50032;
  }
  ul.dropdown li:last-child a {
    border-right: none;
  }
  ul.dropdown ul {
    min-width: 277px;
    position: absolute;
    top: 26px;
    border: 2px solid #808080;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    background: #fff;
    z-index: 10001;
    display: none;
    padding: 7px 0px;
  }
  ul.dropdown ul li {
    font-weight: normal;
    background: none;
    color: #555555;
    float: none;
  }
  ul.dropdown > ul > li > a {
    border-right: none;
    width: 220px;
    display: inline-block;
  }
  ul.dropdown ul ul {
    top: 0;
    position: relative;
  }
  .secondside {
    position: absolute;
    left: 244px;
    top: 0px;
    display: none;
    background: #ffffff;
    box-shadow: 0 0 5px #808080;
    padding: 7px 10px;
    min-width: 234px;
  }
  .secondside h3 {
    margin: 0;
  }
  .second-level-mt-menu-item h3 {
    display: inline-block;
    max-width: 180px;
    vertical-align: middle;
    word-wrap: break-word;
  }
  .secondside ul li {
    padding: 0px 0 5px;
  }
  .second-level-mt-menu-item a.element {
    cursor: pointer;
    font-size: 1em ! important;
  }
  .second-chile-menu-items-list-view {
    width: 234px;
    padding-bottom: 8px;
    padding: 7px 10px 7px 10px;
  }
  .second-chile-menu-items-list-view li {
    list-style-type: square;
    list-style-position: inside;
    color: #89ce41;
  }
  .second-chile-menu-items-list-view li h3 {
    font-family: Arial,Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
  }
  ul.dropdown.ohaus-first-level-submenu .secondside ul li a {
    padding: 0px 13px 0px 11px;
  }
  .secondside ul li a {
    border: none;
  }
  .secondside img {
    bottom: 0;
    float: right;
    max-width: 277px;
    position: absolute;
  }
  ul.dropdown .secondside ul {
    position: relative;
    visibility: visible;
    background: none;
    padding: 0px 0 10px;
    border: none;
    display: block;
    min-height: 140px;
  }
  ul.dropdown h1 {
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    background: #ffffff;
  }
  ul.dropdown .secondside ul li a {
    padding: 0;
  }
  ul.dropdown h1:hover,
  ul.dropdown li.hover > h1 {
    position: relative;
    z-index: 10002;
  }
  #nav_main .boldElement {
    background-color: transparent ! important;
    font-weight: bold;
  }
  #nav_main .boldElement:HOVER {
    background-color: transparent ! important;
    text-decoration: underline;
  }
  #nav_main .no-category-no-underline:Hover {
    text-decoration: none ! important;
  }
  .ohaus-first-level-submenu {
    border: 2px solid #999;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: none;
    z-index: 1;
  }
  .ohaus-first-level-submenu .contact-number {
    padding: 10px 10px 5px 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .contact-us-nav-item .ohaus-first-level-submenu li.contact-number h3 {
    font-weight: bold;
  }
  .contact-us-nav-item .ohaus-first-level-submenu li h3 {
    font-weight: normal;
    margin: 0 0 0 0;
    font-size: 16px;
  }
  .contact-us-nav-item .nav-livesupportBlock .green-go {
    background-image: linear-gradient(to bottom, #64b143 0%, #a7c893 4%, #72b943 4%, #198941 50%, #72b943 100%);
    background-position: center top;
    border: medium none;
    border-radius: 3px;
    padding: 7px;
  }
  .nav-livesupportBlock .infoSection ol {
    padding-left: 0;
  }
  .nav-livesupportBlock .infoSection ol li {
    font-weight: normal;
    color: #333;
  }
  #nav_main .first .third .contact-number span {
    font-weight: normal;
  }
  #nav_main .first .third .liveSupport-label span {
    font-weight: normal;
  }
  .contact-us-nav-item .nav-livesupportBlock input[type='text'] {
    font-weight: normal;
  }
  .ui-menu {
    background-color: white;
    border-radius: 0 0 5px 5px;
    display: block;
    float: left;
    list-style: outside none none;
    margin: 2px;
    padding: 2px;
    z-index: 2;
  }
  .ui-autocomplete {
    cursor: default;
    position: absolute;
    border-radius: 0;
    float: none;
    margin: 0;
  }
  .ui-autocomplete .ui-menu-item:first-child {
    border-top: 0 none;
  }
  .ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 3px;
    width: 100%;
    max-height: 100px !important;
  }
  .ui-autocomplete .ui-menu-item {
    border-top: 1px solid #ccc !important;
  }
  .ui-autocomplete .suggestions.ui-menu-item a,
  .ui-autocomplete .suggestions.ui-menu-item a:hover {
    text-transform: uppercase;
  }
  .ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    color: #808080;
    cursor: pointer;
    padding: 0.2em 0.4em;
    list-style-type: none;
    text-decoration: none;
  }
  .ui-menu .ui-menu-item a:hover {
    color: #1E6EA6;
  }
  .ui-autocomplete .ui-menu-item a,
  .ui-autocomplete .ui-menu-item a:hover {
    display: block;
    padding: 0;
  }
  .site-logo {
    background-size: 41% 100%;
    border: 0 solid red;
  }
}
@media all and (max-width: 1200px) and (min-width: 768px) {
  .mobileOnly,
  .tabletOnly,
  .desktopOnly {
    display: none;
  }
  .tabletOnly {
    display: block;
  }
  .main-header .navbar-header .global-search .site-search .search-box-wrapper {
    border: 0 solid blue;
    float: right;
    height: 30px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 93%;
  }
  .main-header .navbar-header .global-search .site-search .search-box-wrapper button {
    right: 1.8%;
  }
  .main-header .main-navigation .has-sub > a::before {
    color: #009cdd;
  }
  .main-header .main-navigation .nav-sub-custom-blank > a::before {
    content: "";
  }
  body .content-wrapper {
    padding-top: 128px;
  }
  .main-header {
    border-bottom: 2px solid #005ea8;
    position: fixed;
    width: 100%;
    z-index: 2;
  }
  .main-header .main-navigation {
    background: #ffffff none repeat scroll 0 0;
    border-right: 2px solid #005ea8;
    font-family: Arial,Arial;
  }
  .main-header .main-navigation > ul a {
    color: #808080 !important;
    font-size: 16px;
  }
  .main-header .main-navigation > ul a:hover,
  .main-header .main-navigation > ul a:focus {
    background-color: #ffffff !important;
    color: #666666 !important;
  }
  .main-header .main-navigation ul.nav {
    position: relative;
  }
  .main-header .main-navigation > ul > li:last-child {
    font-weight: bold;
  }
  .main-header .main-navigation .sm-back {
    display: block;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    padding: 0 11px;
  }
  .main-header .main-navigation .sm-back::before {
    color: #009cdd;
    font-size: 16px;
    margin-right: 10px;
    top: 3px;
  }
  .main-header .navbar-header {
    border: 0 solid red;
    margin-bottom: 2px;
  }
  .main-header .navbar-header .navbar-brand {
    width: 195px;
    margin-left: -40px;
    padding: 0;
  }
  .main-header .navbar-header .sm-navigation {
    margin: 5.5% 0 2% 0;
  }
  .main-header .navbar-header .site-logo span {
    font-size: 28pt;
  }
  .main-header .navbar-header .site-logo .logo-bold {
    font-size: 28pt;
  }
  .main-header .navbar-header .global-search {
    width: 55%;
  }
  .main-header .navbar-header .global-search .site-search .advanced-search {
    margin-left: 1%;
    width: 7.5%;
  }
  .main-header .navbar-header .global-search .site-search .search-box-wrapper button {
    right: 1%;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .sub-navigation-list-second {
    border: 0px solid green;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .sub-navigation-list-second li {
    display: block;
    color: #009cdd;
    float: none;
    line-height: 25px;
    list-style-position: inside;
    list-style-type: square;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list li span {
    display: block;
    padding: 10px 15px;
  }
  .main-header .main-navigation input[type="text"],
  input[type="password"],
  input[type="email"] {
    font-size: 1em;
    height: 30px;
    padding: 0 10px;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .nav-livesupportBlock .green-go {
    background-image: linear-gradient(to bottom, #64b143 0%, #a7c893 4%, #72b943 4%, #198941 50%, #72b943 100%);
    background-position: center top;
    border: medium none;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font-family: Arial, Tahoma, Geneva, sans-serif;
    font-weight: bold;
    padding: 7px;
    text-align: left;
    text-shadow: none;
    text-transform: none;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list li h3 {
    margin: 0;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list li h3 a {
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    font-weight: normal;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .contact-number h3 {
    margin: 0;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .contact-number h3 span {
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    color: #808080;
    font-weight: normal;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .liveSupport-label h3 span {
    font-size: 12px;
    padding: 10px 15px;
    display: block;
    color: #808080;
    font-weight: normal;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .nav-livesupportBlock .infoSection {
    margin-top: 2%;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .nav-livesupportBlock .infoSection ol {
    padding-left: 7.5%;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li.liveSupport-label {
    display: none;
  }
  .sub-navigation-list .liveSupportSection {
    display: none;
  }
  .ui-menu {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    display: block;
    float: left;
    list-style: outside none none;
    margin: 2px;
    padding: 2px;
    z-index: 2;
  }
  .ui-autocomplete {
    cursor: default;
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: 0 8px 15px #999;
    float: none;
    margin: 0;
  }
  .ui-autocomplete .ui-menu-item:first-child {
    border-top: 0 none;
  }
  .ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 3px;
    width: 100%;
  }
  .ui-autocomplete .ui-menu-item {
    border-top: 1px solid #ccc;
  }
  .ui-autocomplete .suggestions.ui-menu-item a,
  .ui-autocomplete .suggestions.ui-menu-item a:hover {
    text-transform: uppercase;
  }
  .ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    color: #666666;
    cursor: pointer;
    padding: 0.2em 0.4em;
    list-style-type: none;
    text-decoration: none;
  }
  .ui-menu .ui-menu-item a:hover {
    color: #1E6EA6;
  }
  .ui-autocomplete .ui-menu-item a,
  .ui-autocomplete .ui-menu-item a:hover {
    display: block;
    padding: 0;
  }
}
@media all and (max-width: 1200px) and (min-width: 768px) and screen and (-ms-high-contrast: active), all and (max-width: 1200px) and (min-width: 768px) and (-ms-high-contrast: none) {
  .main-header {
    position: absolute;
  }
}
@media all and (max-width: 767px) {
  .mobileOnly,
  .tabletOnly,
  .desktopOnly {
    display: none;
  }
  .mobileOnly {
    display: block;
  }
  .main-header .main-navigation .nav-sub-custom-blank > a::before {
    content: "";
  }
  .main-header .main-navigation .has-sub > a::before {
    color: #009cdd;
  }
  body .content-wrapper {
    padding-top: 128px;
  }
  .main-header {
    position: fixed;
    width: 100%;
    z-index: 2;
  }
  .main-header .main-navigation {
    background: #ffffff none repeat scroll 0 0;
    border-right: 2px solid #005ea8;
    font-family: Arial,Arial;
  }
  .main-header .main-navigation > ul a {
    color: #808080 !important;
    font-size: 16px;
  }
  .main-header .main-navigation > ul a:hover,
  .main-header .main-navigation > ul a:focus {
    background-color: #ffffff !important;
    color: #808080 !important;
  }
  .main-header .main-navigation ul.nav {
    position: relative;
  }
  .main-header .main-navigation > ul > li:last-child {
    font-weight: bold;
  }
  .main-header .global-search .site-search .search-box-wrapper button {
    right: 5px;
  }
  .main-header .navbar-header .global-search {
    border: 0 solid red;
    margin: 4% 0 1% 0;
    width: 100%;
  }
  .main-header .navbar-header .global-search .site-search .advanced-search {
    margin-left: 1%;
  }
  .main-header .navbar-header .global-search .site-search .search-box-wrapper {
    margin-right: 0;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list li span {
    display: block;
    padding: 10px 15px;
  }
  .main-header .main-navigation input[type="text"],
  input[type="password"],
  input[type="email"] {
    font-size: 1em;
    height: 30px;
    padding: 0 10px;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .nav-livesupportBlock .green-go {
    background-image: linear-gradient(to bottom, #64b143 0%, #a7c893 4%, #72b943 4%, #198941 50%, #72b943 100%);
    background-position: center top;
    border: medium none;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font-family: Arial, Tahoma, Geneva, sans-serif;
    font-weight: bold;
    padding: 7px;
    text-align: left;
    text-shadow: none;
    text-transform: none;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li.liveSupport-label {
    display: none;
  }
  .sub-navigation-list .liveSupportSection {
    display: none;
  }
  .main-header .main-navigation .sm-back {
    display: block;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    padding: 0 11px;
  }
  .main-header .main-navigation .sm-back::before {
    color: #009cdd;
    font-size: 16px;
    margin-right: 10px;
    top: 3px;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list li h3 {
    margin: 0;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list li h3 a {
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    font-weight: normal;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .contact-number h3 {
    margin: 0;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .contact-number h3 span {
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    color: #808080;
    font-weight: normal;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .liveSupport-label h3 span {
    font-size: 12px;
    padding: 10px 15px;
    display: block;
    color: #808080;
    font-weight: normal;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .nav-livesupportBlock .infoSection {
    margin-top: 2%;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .nav-livesupportBlock .infoSection ol {
    padding-left: 7.5%;
  }
  .mobileNavigationLeftSection {
    padding-left: 20%;
  }
  .mobileNavigationLeftSection .sub-navigation .sm-back {
    padding-left: 24%;
  }
  .main-header .main-navigation .mobileNavigationLeftSection .sub-navigation .sub-navigation-section .sub-navigation-list {
    padding-left: 20%;
  }
  main .main-navigation {
    padding-right: 0 ! important;
  }
  main .main-navigation::before {
    right: 0;
    background: #ffffff none repeat scroll 0 0;
  }
  .main-header .navbar-header .navbar-brand img {
    background-size: 90% 65%;
    margin: 4% 0 0 10%;
    outline: medium none;
    width: 130px;
  }
  .ui-menu {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    display: block;
    float: left;
    list-style: outside none none;
    margin: 2px;
    padding: 2px;
    z-index: 2;
  }
  .ui-autocomplete {
    cursor: default;
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: 0 8px 15px #999;
    float: none;
    margin: 0;
  }
  .ui-autocomplete .ui-menu-item:first-child {
    border-top: 0 none;
  }
  .ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 3px;
    width: 100%;
  }
  .ui-autocomplete .ui-menu-item {
    border-top: 1px solid #ccc;
  }
  .ui-autocomplete .suggestions.ui-menu-item a,
  .ui-autocomplete .suggestions.ui-menu-item a:hover {
    text-transform: uppercase;
  }
  .ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    color: #666666;
    cursor: pointer;
    padding: 0.2em 0.4em;
    list-style-type: none;
    text-decoration: none;
  }
  .ui-menu .ui-menu-item a:hover {
    color: #1E6EA6;
  }
  .ui-autocomplete .ui-menu-item a,
  .ui-autocomplete .ui-menu-item a:hover {
    display: block;
    padding: 0;
  }
}
@media all and (max-width: 767px) and screen and (-ms-high-contrast: active), all and (max-width: 767px) and (-ms-high-contrast: none) {
  .main-header {
    position: absolute;
  }
}
/* import stickyheader */
/******************************************************************************************************************
/* File Name        : searchnnavigation.less							 
/* Created By       : Amol Kare
/* Created Date     : 2-Nov-2017
/* Description      : This is less code for the header search navigation.
/*******************************************************************************************************************/
/* imports the variable.less */
.js-mainHeader .nav__links--shop_info .active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.js-mainHeader .nav__links--shop_info .inactive {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.js-mainHeader .nav__links--shop_info .eco3-icon:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.js-mainHeader .menu-btn {
  height: 32px;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 767px) {
  .js-mainHeader .menu-btn {
    margin-left: 20px;
  }
}
.js-site-logo img {
  box-shadow: none;
}
#js-mainHeader {
  position: relative;
  background-color: #ffffff;
  -moz-box-shadow: 0 0 10px 1px #d9d9d9;
  -webkit-box-shadow: 0 0 10px 1px #d9d9d9;
  box-shadow: 0 0 10px 1px #d9d9d9;
}
@media (min-width: 1201px) {
  #js-mainHeader {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 40px;
    min-height: 150px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
  }
  #js-mainHeader #navigation--middle {
    padding-top: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
  }
}
@media (max-width: 1200px) {
  #js-mainHeader {
    margin: 0;
    padding: 0 32px 0 32px;
    min-height: 160px;
    position: relative;
    z-index: 99999999;
  }
  #js-mainHeader #navigation--middle {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  #js-mainHeader {
    margin: 0;
    padding: 0 15px;
    min-height: 120px;
  }
}
.eco3-btnSearch-icon {
  width: 15px !important;
  height: 15px;
  right: 22px;
  position: absolute;
  z-index: 999;
  top: 7px;
}
.eco3-search-pipe {
  height: 20px;
  width: 1px;
  right: 46px;
  position: absolute;
  border: 0.5px solid #cccccc;
  z-index: 99;
  top: 5px;
  opacity: 0.5;
}
.userName {
  color: #666666;
  text-align: center;
  text-decoration: none;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
}
.icon-delivery {
  background: url("../images/delivery.svg") 0 0 / cover no-repeat;
  width: 53px;
  height: 30px;
  background-size: 100% 100%;
}
.icon-myaccount {
  background: url("../images/my_account.svg") 0 0 / cover no-repeat;
}
.icon-myaccountreddot {
  background: url("../images/my_account_red_dot.svg") 0 0 / cover no-repeat;
}
.icon-badgeindicator {
  background: url("../images/badge-indicator.svg") 0 0 / cover no-repeat;
  width: 12px;
  height: 12px;
}
.icon-myaccount.my-account-nohover:hover,
.eco3-icon.icon-myaccount.my-account-nohover:hover {
  opacity: 1;
  cursor: default !important;
}
.icon-list {
  background: url("../images/lists.svg") 0 0 / cover no-repeat;
  background-size: 100% 100%;
  width: 26px;
}
.icon-cart {
  background: url("../images/cart.svg") 0 0 / cover no-repeat;
  width: 40px;
}
.icon-hamburgermenu {
  background: url("../images/hamburger_menu.svg") 0 0 / cover no-repeat;
  background-size: 35px 25px;
  width: 35px;
  height: 25px;
}
.icon-magnifier {
  background: url("../images/magnifier.svg") 0 0 / cover no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.icon-chevron {
  background: url("../images/chevron.svg") no-repeat;
  background-size: 9px 13px;
  width: 9px;
  height: 13px;
}
.icon-chevron_white {
  background: url("../images/chevron_white.svg") no-repeat;
  background-size: 9px 13px;
  width: 9px;
  height: 13px;
}
.icon-clear-remove {
  background: url("../images/clear_icon.svg") no-repeat;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
}
.icon-signOut {
  background: url("../images/gn_out_icon.svg") no-repeat;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
}
.loginmenu {
  position: relative;
  padding: 0px 0px !important;
}
.loginmenu .userName {
  position: relative;
  display: inline-block;
}
.loginmenu .login-register {
  max-width: 120px;
  padding: 10px 0 0 0;
  display: inline;
  text-align: left;
  height: 40px;
  overflow: hidden;
  font-size: 11pt;
  top: 10px;
  position: relative;
}
.mobile__nav__row--table-cell ul.nav__links {
  float: right;
  list-style-type: none;
}
.mobile__nav__row--table-cell ul.nav__links.guest {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .mobile__nav__row--table-cell li:not(:last-child) {
    margin-right: 34px;
  }
}
@media all and (min-width: 1201px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub__navigation1.js_sub__navigation1 {
    margin-left: -2px;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub__navigation1.js_sub__navigation1 .sub_navigation_bar {
    display: block;
    background: #f3f3f3;
    margin-top: -5px;
    position: relative;
    z-index: 99;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.07);
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub__navigation1.js_sub__navigation1 .sub__navigation2.js_sub__navigation2 {
    margin-left: -2px;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub__navigation1.js_sub__navigation1 .sub__navigation2.js_sub__navigation2 .sub_navigation_bar {
    background: #eaeaea;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.07);
  }
  .navigation--bottom .nav__links--products li.nav__links--primary {
    min-width: 10%;
    width: auto;
    height: 100%;
    padding-right: 0;
  }
  .navigation--bottom .nav__links--products li.nav__links--primary span.nav__link {
    width: auto;
  }
  .navigation--bottom .nav__links--products li.nav__links--primary a {
    padding: 0 7px;
    white-space: nowrap;
  }
}
.header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 99999;
  opacity: 0.7;
}
.header-overlay-active {
  z-index: 99999;
}
/* import the search navigation for the css / less */
/******************************************************************************************************************
/* File Name        : page-home.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 06-Oct-2017
/* Description      : This is less code for the Home page.
/*******************************************************************************************************************/
/* imports the variable.less */
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: black;
  opacity: 0.5;
  font-size: 20px;
  color: #fff;
  top: 8px;
}
#bigImageBannerBlock,
.rightHandsideBanners {
  max-height: 450px;
}
.componentBlock {
  display: block;
}
.homePageBigBannerSection .eco3-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #434343;
  opacity: 0.5;
  font-size: 20px;
  color: #ffffff;
  top: 30px;
  transition: 0.3s ease-in;
  position: absolute;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
}
.homePageBigBannerSection .eco3-icon:hover {
  opacity: 1;
}
.homePageBigBannerSection .icon-arrow-left {
  left: 0;
  display: list-item;
  line-height: 40px;
}
.homePageBigBannerSection .icon-arrow-left:after {
  content: url('../images/icon-left-white.svg');
}
.homePageBigBannerSection .icon-arrow-left::marker {
  font-size: 0;
}
.homePageBigBannerSection .icon-arrow-right {
  right: 0;
  display: list-item;
  line-height: 40px;
}
.homePageBigBannerSection .icon-arrow-right:after {
  content: url('../images/icon-right-white.svg');
}
.homePageBigBannerSection .icon-arrow-right::marker {
  font-size: 0;
}
.homePageBigBannerSection .item img {
  display: block;
  width: 100%;
  height: 405px;
}
.homePageBigBannerSection .item .caption {
  position: relative;
  top: -70px;
  text-align: left;
  height: 70px;
  background-color: rgba(0, 31, 164, 0.7);
}
.homePageBigBannerSection .item .caption h3 {
  color: #ffffff;
  font-weight: 400;
  padding: 5px 25px;
  font-size: 16pt;
  line-height: 22pt;
  height: 70px;
  margin: 0;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: 15px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: 15px;
}
.homePageImageBlockComponent .box-layer {
  margin: 20px auto;
  text-align: center;
}
.homePageImageBlockComponent .box-layer:hover .social {
  bottom: 0px;
  opacity: 0.7;
  height: 250px;
}
.homePageImageBlockComponent .box-layer:hover .social a {
  padding: 80px 20px;
  font-size: 2em;
}
.homePageImageBlockComponent .t-container {
  position: relative;
  z-index: 5;
  border-radius: 4px;
  overflow: hidden;
}
.homePageImageBlockComponent .social {
  opacity: 0.7;
  position: absolute;
  bottom: -80px;
  left: 0;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 12px 0;
  background-color: #001fa4;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.homePageImageBlockComponent .social a {
  display: inline-block;
  height: 50px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  border-radius: 50px;
  cursor: pointer;
}
.homePageImageBlockComponent img {
  border-radius: 4px;
}
.homePageImageBlockComponent h4 {
  margin-top: 200px;
}
.homePageImageBlockComponent h4 span {
  font-size: 14px;
  color: #999;
  font-weight: normal;
}
.homeTopSection {
  margin-bottom: 30px;
}
.homeTopSection .simple-banner-component {
  width: 50%;
  float: left;
  padding: 0;
  margin-bottom: 30px;
  box-shadow: 0 3px 10px 1px #cccccc;
  -webkit-box-shadow: 0 3px 10px 1px #cccccc;
  -moz-box-shadow: 0 3px 10px 1px #cccccc;
}
.homeTopSection .simple-banner-component img {
  box-shadow: none;
}
.homeTopSection .owl-carousel .owl-controls .owl-buttons .owl-prev,
.homeTopSection .owl-carousel .owl-controls .owl-buttons .owl-next,
.homeTopSection .owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.homeTopSection .owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  color: transparent;
  top: 40% !important;
  width: 40px;
}
.homePageLoginComponent .comp-title-highlight,
.dualhomePageLoginComponent .comp-title-highlight {
  width: 100%;
  padding: 5px 10px;
  color: #009cdd;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 0;
}
.homePageLoginComponent form,
.dualhomePageLoginComponent form {
  display: inline-block;
  margin: 0 auto;
  padding: 0px 20px;
  width: 100%;
}
.homePageLoginComponent .form-group,
.dualhomePageLoginComponent .form-group {
  margin: 0;
  padding: 0 15px;
}
.homePageLoginComponent .action-button-form-group,
.dualhomePageLoginComponent .action-button-form-group {
  padding: 20px 0px 5px 0px;
}
.homePageLoginComponent .action-button-form-group a.gray-link,
.dualhomePageLoginComponent .action-button-form-group a.gray-link {
  font-size: 13px;
  color: #666666;
}
.homePageLoginComponent .action-button-form-group a.gray-link:hover,
.dualhomePageLoginComponent .action-button-form-group a.gray-link:hover {
  color: #009cdd;
}
.homePageLoginComponent .register-btn,
.dualhomePageLoginComponent .register-btn {
  padding: 20px 0px 38px 0px !important;
}
.homePageLoginComponent .registerComponentTextBlock,
.dualhomePageLoginComponent .registerComponentTextBlock {
  min-height: 115px;
  text-transform: none;
  width: 100%;
  text-align: center;
  font-weight: 500;
  margin: 0;
}
.homePageLoginComponent .eco3-comp-box,
.dualhomePageLoginComponent .eco3-comp-box {
  min-height: 325px;
  margin-bottom: 16px;
  min-width: 0;
  width: 100%;
}
.homePageLoginComponent .eco3-comp-box .lead-home-status,
.dualhomePageLoginComponent .eco3-comp-box .lead-home-status {
  float: right;
  font-family: Roboto;
  font-size: 19px;
  text-align: center;
  font-weight: 400;
}
.homePageLoginComponent .eco3-comp-box .active-room-no,
.dualhomePageLoginComponent .eco3-comp-box .active-room-no {
  color: #009cdd;
  font-family: Roboto;
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-top: 20px;
}
.homePageLoginComponent .eco3-comp-box .active-room-text,
.dualhomePageLoginComponent .eco3-comp-box .active-room-text {
  color: #7d7d7d;
  margin: 20px 20px 20px 20px;
  line-height: 20px;
  border-top: 1px solid #cccccc;
  padding-top: 20px;
}
.homePageLoginComponent .eco3-comp-box .open-room-button,
.dualhomePageLoginComponent .eco3-comp-box .open-room-button {
  line-height: 38px;
}
.homePageLoginComponent .no-room-text,
.dualhomePageLoginComponent .no-room-text {
  color: #009cdd;
}
.configfinder {
  padding: 0px 5px 0px 30px;
}
.configfinder .inline-btn {
  float: right;
  position: relative;
  top: -35px;
}
#rightHandsideBanners .homePageLoginComponent .eco3-comp-box,
#rightHandsideBanners .dualhomePageLoginComponent .eco3-comp-box {
  min-height: 325px;
  position: relative;
  display: block;
  width: auto;
}
#rightHandsideBanners .homePageLoginComponent .eco3-comp-box .pull-right.item,
#rightHandsideBanners .dualhomePageLoginComponent .eco3-comp-box .pull-right.item {
  right: 0;
  bottom: 0;
}
#rightHandsideBanners .homePageLoginComponent .eco3-comp-box .pull-left.item,
#rightHandsideBanners .dualhomePageLoginComponent .eco3-comp-box .pull-left.item {
  bottom: 0;
}
.homePageImageBlockComponent .componentSection,
.homePageLoginComponent .componentSection,
.dualhomePageLoginComponent .componentSection {
  margin-bottom: 20px;
}
.homePageImageBlockComponent .simple-banner-component,
.homePageLoginComponent .simple-banner-component,
.dualhomePageLoginComponent .simple-banner-component {
  display: inline-block;
  width: 280px !important;
  margin-bottom: 20px;
  box-shadow: 0 3px 10px 1px #cccccc;
  -webkit-box-shadow: 0 3px 10px 1px #cccccc;
  -moz-box-shadow: 0 3px 10px 1px #cccccc;
}
.homePageImageBlockComponent .simple-banner-component a,
.homePageLoginComponent .simple-banner-component a,
.dualhomePageLoginComponent .simple-banner-component a {
  padding: 0px;
}
.homePageImageBlockComponent .simple-banner-component h3,
.homePageLoginComponent .simple-banner-component h3,
.dualhomePageLoginComponent .simple-banner-component h3 {
  min-height: 52px;
  height: 52px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  /* background: url("../images/banner-component-header-bg.png") no-repeat left center; */
  background: -moz-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, 160deg, color-stop(0, 97 DB), color-stop(80%, 1 FA4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
  /* for IE */
  background: linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* W3C */
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  width: 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  box-shadow: none;
  padding: 14px;
}
.homePageImageBlockComponent .simple-banner-component img,
.homePageLoginComponent .simple-banner-component img,
.dualhomePageLoginComponent .simple-banner-component img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  width: 280px;
  height: 280px !important;
}
.componentsBox .carousel-component .headline {
  color: #009cdd;
  text-align: left;
  font-size: 1.2em;
  display: inline-block;
  float: left;
  width: 100%;
  padding-left: 20px;
  margin-top: 20px;
}
.componentsBox .carousel-component .item a {
  display: inline-block;
  width: 100%;
}
.componentsBox .carousel-component .item a .item-name {
  display: inline-block;
  width: 100%;
  background: #f3f3f3;
  padding: 10px;
}
.componentsBox .carousel-component .item a .your-price-block {
  color: #009cdd;
  float: right;
  text-align: right;
  top: 10px;
  position: absolute;
  top: 50% !important;
  right: 0;
  transform: translateY(-50%);
}
.componentsBox .carousel-component .item a .cpv-status-block {
  float: right;
  text-align: right;
  position: relative;
  top: 10px;
  color: #666666;
  height: 39px;
  margin-bottom: 0;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.componentsBox .owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: -35px;
}
.componentsBox .owl-carousel .owl-controls .owl-buttons .owl-next {
  right: -35px;
}
.componentsBox .warrantyHistory ul.componentListView li {
  width: 180px;
}
.componentsBox .warrantyHistory {
  padding: 0px 10px;
}
.componentsBox .leadHistory .row,
.componentsBox .warrantyHistory .row {
  text-align: center;
  color: #434343;
  font-size: 14pt;
  line-height: 100px;
  font-weight: bold;
}
.componentsBox .leadHistory .row .badge-number,
.componentsBox .warrantyHistory .row .badge-number {
  float: left;
  font-family: Roboto;
  font-weight: 500;
  font-size: 21px;
}
.componentsBox .leadHistory .row .badge-number .inProcessLeadsPlaceholder,
.componentsBox .warrantyHistory .row .badge-number .inProcessLeadsPlaceholder {
  width: 120px;
  cursor: pointer;
}
.componentsBox .leadHistory .row .badge-number .newLeadsPlaceholder,
.componentsBox .warrantyHistory .row .badge-number .newLeadsPlaceholder {
  cursor: pointer;
}
.componentsBox .leadHistory .row .add-margin-top,
.componentsBox .warrantyHistory .row .add-margin-top {
  margin-top: -24px;
}
.componentsBox .leadHistory .row .spinner,
.componentsBox .warrantyHistory .row .spinner {
  margin: 20px auto;
  float: none
                            position: relative;
  top: 12px;
}
.componentsBox .leadHistory .row .add-margin-bottom,
.componentsBox .warrantyHistory .row .add-margin-bottom {
  margin-bottom: -26px;
}
.componentsBox .leadHistory .row.active,
.componentsBox .warrantyHistory .row.active {
  text-align: center;
  color: #009cdd;
}
.componentsBox .leadHistory .lead-inprocess-text,
.componentsBox .warrantyHistory .lead-inprocess-text {
  color: #333333;
  font-size: 16pt;
  font-family: Roboto;
  font-weight: 500;
}
.componentsBox .leadHistory .lead-new-text,
.componentsBox .warrantyHistory .lead-new-text {
  color: #434343;
  font-size: 16pt;
  font-family: Roboto;
  font-weight: 500;
}
.componentsBox .leadHistory .lead-advance-text,
.componentsBox .warrantyHistory .lead-advance-text {
  color: #666666;
  padding-bottom: 10px;
  line-height: 0;
}
.componentsBox .leadHistory .lead-search-text,
.componentsBox .warrantyHistory .lead-search-text {
  font-size: 13px;
  font-family: Roboto;
  font-weight: 400;
}
.componentsBox .btn {
  line-height: 35px;
}
.componentsBox .withSearchIcon {
  min-height: 85px;
  resize: none;
  background-position-x: 100%;
  background-position-y: 100%;
  background-image: url("../images/magnifier.svg");
  background-size: 28px;
  background-repeat: no-repeat;
}
.componentsBox .withSearchIcon:after {
  height: 30px;
  width: 30px;
  background-color: red;
}
.componentsBox .textarea-icon-search {
  position: absolute;
  right: -67%;
  top: 140px;
}
.componentsBox ul.componentListView {
  padding-left: 0;
  margin-left: 0;
  text-align: center;
  padding-top: 6px;
  margin-bottom: 0;
}
.componentsBox ul.componentListView li {
  display: block;
  margin: 0 auto;
  padding-left: 25px;
  padding-bottom: 10px;
  line-height: 23px;
  position: relative;
}
.componentsBox ul.componentListView li.bullet-title-small:before {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
}
.componentsBox ul.componentListView li.bullet-title-small a {
  font-size: 11pt;
  word-wrap: break-word;
  font-weight: normal;
  line-height: 18px;
  display: inline-block;
}
.componentsBox ul.componentListView li.bullet-top:before {
  top: 0;
}
#salesAndMarketingResources .eco3-comp-box {
  position: relative;
}
#salesAndMarketingResources .eco3-comp-box form {
  display: inline-block;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}
#salesAndMarketingResources .eco3-comp-box .info-button {
  bottom: 0;
}
#salesAndMarketingResources .eco3-comp-box .cart-button {
  right: 0;
  bottom: 0;
}
#salesAndMarketingResources .eco3-comp-box,
#salesAndMarketingResources .simple-banner-component {
  height: 332px!important;
}
#salesAndMarketingResources .eco3-comp-box img,
#salesAndMarketingResources .simple-banner-component img {
  height: 280px;
  box-shadow: none;
}
#salesAndMarketingResources .simple-banner-component {
  box-shadow: 0px 3px 10px 1px #cccccc;
  -webkit-box-shadow: 0px 3px 10px 1px #cccccc;
  -moz-box-shadow: 0px 3px 10px 1px #cccccc;
}
#productConfigSearch .componentsBox .input-group {
  width: 100%;
}
#productConfigSearch .componentsBox form {
  padding: 0px;
  display: inline-flex;
  width: 100%;
}
#productConfigSearch .componentsBox form .btn.btn-arrow {
  max-width: 43px;
  font-size: 10pt;
  height: auto;
  line-height: 0;
  min-width: 43px;
  z-index: 1;
}
#productConfigSearch .componentsBox form .form-group {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#productConfigSearch .componentsBox form .form-group label {
  text-transform: none;
}
#productConfigSearch .componentsBox .input-group-btn {
  right: 0px;
}
#featuredHome .carousel-component .item a .item-name {
  padding: 4px 8px;
  min-height: 40px;
  word-break: break-word;
  line-height: 15px;
  font-size: 13px;
  height: 40px;
}
#featuredHome .owl-carousel .owl-controls .owl-buttons .owl-next:before {
  content: url('../images/chevron-right.svg');
  background-size: 30px 40px;
  position: relative;
}
#featuredHome .owl-carousel .owl-controls .owl-buttons .owl-prev:before {
  content: url('../images/chevron-left.svg');
  background-size: 30px 40px;
  position: relative;
}
#featuredHome .owl-pagination {
  height: 10px;
  margin: 0 auto;
  display: inline-flex;
}
#featuredHome .owl-pagination {
  margin-top: 10px;
}
#featuredHome .owl-pagination .owl-page span {
  display: block;
  background: #f3f3f3;
  height: 7px;
  width: 31px;
  float: left;
  margin: 5px 7px;
}
#featuredHome .owl-pagination .owl-page.active span {
  background: #009cdd;
}
#featuredHome .owl-carousel .owl-controls .owl-buttons .owl-next {
  right: -51px;
  top: 50% !important;
}
#featuredHome .owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: -51px;
  top: 50% !important;
}
#featuredHome .carousel-component .headline {
  font-size: 16pt;
  margin-left: -55px;
  padding-left: 0px;
  margin-bottom: 30px;
}
#featuredHome .standard-price-block {
  display: none;
}
#featuredHome .product-item .item .price {
  height: 39px;
}
#featuredHome .product-item .item .price .product-item .spinner {
  margin: 0px;
  float: right;
}
#featuredHome .carousel .item .thumb img {
  display: inline-block;
  margin-left: 46px;
  width: 96px;
  height: 96px;
}
#featuredHome.standard-price-block-display .standard-price-block {
  display: block;
  float: right;
  text-align: right;
  position: relative;
  top: 10px;
}
#homePageLoginComponentForm,
#dualhomePageLoginComponentForm {
  display: block;
  text-align: center;
}
#homePageLoginComponentForm .has-feedback .form-control-feedback,
#dualhomePageLoginComponentForm .has-feedback .form-control-feedback {
  right: -15px;
}
#dualhomePageLoginComponentForm .has-feedback,
#dualhomePageLoginComponentForm .btn-continue {
  padding-bottom: 20px;
}
.contact_us_validation_msg {
  text-align: center;
}
.contact_us_validation_msg .item_container {
  margin-bottom: 50px;
  width: 56%;
  text-align: center;
  margin-left: 85px;
  font-size: 16px;
  line-height: 23px;
  font-family: Roboto;
  margin-top: 20px;
}
.contact_us_validation_msg .request-quote-pop-up-error {
  margin-left: 7px !important;
  width: 95% !important;
  margin-bottom: 20px !important;
}
#contactUsForm button.submitBtn {
  width: 180px;
}
#contactUsForm .has-success .form-control {
  border-color: #cccccc;
}
#contactUsForm textarea {
  min-width: 100%;
  resize: none;
}
#contactUsForm .form-group {
  min-height: 88px;
}
#contactUsForm .terms_privacy a {
  color: #434343;
  font-size: 10pt;
}
#contactUsForm .terms_privacy {
  margin-right: 25px;
}
#contactUsForm .highlight,
#contactUsForm .highlight a {
  color: #009cdd;
  font-size: 14pt;
  font-weight: 500;
}
#contactUsForm span.icon-wrapper {
  border: 2px solid;
  padding: 5px;
  display: inline-block;
  border-color: #009cdd;
  height: 42px;
  width: 42px;
}
#contactUsForm .call-icon {
  background: url("../images/phone.svg") 0 0 / cover no-repeat;
  width: 24px;
  height: 24px;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  margin: 2px 0 0 2px;
}
#contactUsForm .has-feedback label ~ .form-control-feedback {
  right: -22px;
}
#contactUsForm .addBox.has-feedback label ~ .form-control-feedback {
  right: -5px;
}
#contactUsForm label {
  padding-left: 1px;
  height: auto;
}
#contactUsForm div.msgbox {
  padding-right: 35px;
}
#contactUsForm div.msgbox .form-control-feedback {
  right: 4px;
}
#contactUsForm .has-feedback .form-control {
  padding-right: 25px;
}
#contactUsForm .footer-info {
  padding: 45px 0 45px 0;
}
#contactUsForm .send-form {
  float: right;
}
#contactUsForm .cheader {
  margin-bottom: 20px;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
#contactUsForm .clabel {
  height: auto;
  padding-top: 0;
  padding-left: 15px;
}
#contactUsForm .clabel p {
  margin-bottom: 0;
}
#contactUsForm a.cnumber {
  display: flex;
  align-items: center;
}
#contactUsForm .csubmit {
  margin-left: 90px;
}
#contactUsForm .csubmit .contactUsSend {
  display: inline-block;
}
#contactUsForm .csubmit .cursor-not-allowed {
  cursor: not-allowed;
}
#contactUsForm .contact-us-form-page-for-guest .csubmit {
  padding-right: 25px;
}
.contact-us-form-page-for-guest .form-group {
  min-height: 75px !important;
  margin-bottom: 0px !important;
}
.contact-us-form-page-for-guest .contactAddess {
  margin-left: -25px !important;
  padding-left: 35px !important;
}
.contact-us-form-page-for-guest .addBox {
  padding-right: 35px;
}
.contact-us-form-page-for-guest .addBox .form-control-feedback {
  right: 4px;
}
.contact-us-form-page-for-guest .contact-form-number .contact_us_field .hide_label {
  visibility: hidden;
}
.contact-us-form-page-for-guest .label-removed {
  margin-top: 0;
}
.contact-us-form-page-for-guest select.form-control:focus {
  text-transform: none;
  border: 1px solid #6bcdfd !important;
  box-shadow: 0 0 5px 0 #6bcdfd;
}
.contact-us-form-page-for-guest .dropdown-title {
  border-color: #6bcdfd !important;
}
.contact-us-form-page-for-guest .contact_us_field select {
  height: 35px;
  line-height: 12px;
  padding-right: 40px !important;
}
.contact-us-form-page-for-guest .contact_us_field i.icon-info-circle {
  position: relative;
  top: -30px;
  right: 20px;
}
.contact-us-form-page-for-guest .contact-us-state-field select {
  width: 100%;
  padding-left: 10px;
  border-color: #cccccc !important;
  border-radius: 0 !important;
}
.contact-us-form-page-for-guest .contact_us_field select.form-control.contact-preferred-time {
  text-transform: initial;
}
.contact-us-form-page-for-logged-in-user .row {
  margin-left: 0;
}
.contact-us-form-page-for-logged-in-user .row .contact_us_field .hide_label {
  visibility: hidden;
}
.contact-us-form-page-for-logged-in-user .form-group {
  min-height: 72px !important;
  margin-bottom: 0px !important;
}
.contact-us-form-page-for-logged-in-user select.form-control:focus {
  text-transform: none;
  border: 1px solid #6bcdfd !important;
  box-shadow: 0 0 5px 0 #6bcdfd;
}
.contact-us-form-page-for-logged-in-user .dropdown-title {
  border-color: #6bcdfd !important;
}
.contact-us-form-page-for-logged-in-user .contact_us_field select {
  height: 35px;
  line-height: 12px;
  padding-right: 40px !important;
}
.contact-us-form-page-for-logged-in-user .contact_us_field i.icon-info-circle {
  position: relative;
  top: -30px;
  right: 20px;
}
.contact-us-form-page-for-logged-in-user .contact_us_field select.form-control.contact-preferred-time {
  text-transform: initial;
}
#contactUsForm .has-feedback .form-control {
  padding-right: 25px;
  height: 35px;
}
.order-history-listing-component.eco3-comp-box .body {
  padding: 10px 20px;
}
.order-history-listing-component.eco3-comp-box .body .eco3-icon.homepage-order-history-search-icon {
  color: #7d7d7d;
  font-size: 14px;
  padding: 5px;
  width: 35px;
  height: 25px;
  top: -30px;
  border-left: 1px solid #999999;
  text-align: center;
}
.order-history-listing-component.eco3-comp-box .body .homepage-order-history-search-text {
  min-height: 35px;
  resize: none;
}
.order-history-listing-component.eco3-comp-box .body .form-group {
  padding-top: 5px;
  margin-bottom: 0px;
}
.order-history-listing-component.eco3-comp-box .body .form-group label {
  font-size: 11pt;
  color: #434343;
  font-weight: normal;
  padding-left: 9px;
  line-height: 16px;
}
.order-history-listing-component.eco3-comp-box .body .radio {
  padding-bottom: 5px;
  margin-right: 27px;
  display: flex;
}
.order-history-listing-component.eco3-comp-box .body .radio label::before,
.order-history-listing-component.eco3-comp-box .body .radio label::after {
  width: 18px;
  height: 18px;
  margin-left: -20px;
  top: 0px;
  left: 0px;
}
.order-history-listing-component.eco3-comp-box .body .radio-inline + .radio-inline {
  margin-left: 0px;
  margin-right: 0px;
}
.homepage-order-history-search-icon {
  position: relative;
  top: -34px;
  float: right;
}
.homepage-order-history-search-text {
  resize: none;
}
.contactUsFormClass {
  width: 400px;
  min-height: 180px;
  border: none;
}
.home-page-feature-carousel-section .carousel-component img,
.home-page-feature-carousel-section .carousel__component img {
  min-height: 96px;
}
.home-page-feature-carousel-section .carousel-component:first-child,
.home-page-feature-carousel-section .carousel__component:first-child {
  margin: 0;
}
.home-page-feature-carousel-section .carousel-component .owl-carousel .owl-controls .owl-buttons .owl-prev,
.home-page-feature-carousel-section .carousel__component .owl-carousel .owl-controls .owl-buttons .owl-prev,
.home-page-feature-carousel-section .carousel-component .owl-carousel .owl-controls .owl-buttons .owl-next,
.home-page-feature-carousel-section .carousel__component .owl-carousel .owl-controls .owl-buttons .owl-next,
.home-page-feature-carousel-section .carousel-component .owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.home-page-feature-carousel-section .carousel__component .owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.home-page-feature-carousel-section .carousel-component .owl-carousel .owl-controls .owl-buttons .owl-next:hover,
.home-page-feature-carousel-section .carousel__component .owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  top: 70% !important;
  width: 40px;
}
.page-orderConfirmationPage .componentsBox ul.componentListView li.bullet-title-small.bullet-title-small:before {
  transform: translateY(40%);
}
/********sold to popup*************/
.page-loginSoldToSelectionPage .soldToErrorWrapper div#soldtoInfo {
  width: 63%;
}
@media (max-width: 767px) {
  .page-loginSoldToSelectionPage .soldToErrorWrapper div#soldtoInfo {
    width: 100%;
  }
}
.page-loginSoldToSelectionPage .soldToErrorWrapper div#soldtoInfo li.text-center {
  width: 80%;
  margin: 0 auto;
  float: none;
}
.page-loginSoldToSelectionPage .soldToErrorWrapper div#soldtoInfo li.text-center span.company-name {
  text-align: center;
  position: relative;
  font-weight: 500;
}
.page-loginSoldToSelectionPage .soldToErrorWrapper div#soldtoInfo li.text-center span.sold-to-info {
  position: relative;
  right: 20px;
}
.page-loginSoldToSelectionPage .soldToErrorWrapper .links button {
  color: #ffffff !important;
  width: 180px;
  font-size: 11pt;
  font-weight: normal;
}
@media (max-width: 767px) {
  .page-loginSoldToSelectionPage .soldToErrorWrapper .links button.yes-button {
    margin: 0 0 20px 0;
  }
}
.page-loginSoldToSelectionPage .modal-dialog.soldToErrorMsg span#myModalLabel {
  color: #009cdd;
  height: 40px;
  display: block !important;
}
.page-loginSoldToSelectionPage .modal-dialog.soldToErrorMsg button.close.eco3-icon.icon-close {
  display: none;
}
.troemner-carousel .homePageBigBannerSection .item img {
  width: 940px;
}
#featuredHome .product-item .item .price {
  height: 55px;
  position: relative;
  display: block;
}
.ellip-line-padding {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
#contactUsForm .contact_us_details .details_fields .form-group.has-feedback span.contact_us_field {
  height: 54px;
  position: relative;
  display: inline-block;
  width: 100%;
}
#contactUsForm .contact_us_details .details_fields .form-group.has-feedback span.contact_us_field .form-control-feedback.fa-check,
#contactUsForm .contact_us_details .details_fields .form-group.has-feedback span.contact_us_field .fa-times {
  top: 28px;
  right: -26px;
}
.homePageImageBlockComponent .componentSection {
  margin-bottom: 55px;
}
.page-homepage .troemner-gallery {
  margin-top: 30px;
}
.page-homepage .troemner-gallery .componentSection {
  margin-bottom: 40px!important;
}
.page-homepage .troemner-product-carousel {
  margin-bottom: 55px;
}
.page-homepage .troemner-product-carousel #featuredHome {
  padding-top: 0;
}
.page-homepage #featuredHome .carousel .item .thumb img {
  margin-left: 0;
}
.page-homepage .other-shops-gallery {
  margin-bottom: 30px;
}
.page-homepage .incompleteRegistration {
  max-width: none;
  min-height: 46px;
  margin: 0 0 10px 0 !important;
}
.page-homepage .incompleteRegistration .global-alerts {
  padding: 0;
}
.page-homepage .incompleteRegistration .global-alerts .alert-info {
  padding: 8px!important;
}
.page-homepage .incompleteRegistration .global-alerts .alert-info i {
  margin-left: 10px;
}
/*************dual Login Password page**************/
div#dualLoginPwd {
  background-color: #ffffff;
  padding: 30px;
  width: 360px;
  display: block;
  margin: 40px auto 200px auto;
  min-height: 200px;
  -webkit-box-shadow: 0 3px 10px 1px #cccccc;
  -moz-box-shadow: 0 3px 10px 1px #cccccc;
  box-shadow: 0 3px 10px 1px #cccccc;
  font-size: 14px;
}
@media (max-width: 767px) {
  div#dualLoginPwd {
    width: 100%;
  }
}
div#dualLoginPwd .form-horizontal .form-group {
  margin: 0;
}
div#dualLoginPwd h1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin: 0 auto 20px auto;
}
div#dualLoginPwd #loginForm .has-feedback .form-control-feedback {
  right: -23px;
}
div#dualLoginPwd #loginForm .countrySelectionBlock {
  height: 55px;
  border: 1px solid #d9d9d9 !important;
  max-width: 300px;
  margin-bottom: 10px;
  cursor: pointer;
  background-color: #f8f8f8;
  padding: 5px 10px;
  display: flex;
}
div#dualLoginPwd #loginForm .countrySelectionBlock .flag-inner-container {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
div#dualLoginPwd #loginForm .countrySelectionBlock .flag-inner-container img {
  width: 30px;
  height: 20px;
  top: 4px;
  position: relative;
  background-size: 40px 40px;
  vertical-align: baseline;
}
div#dualLoginPwd #loginForm .countrySelectionBlock .flag-inner-container span.country-name-field {
  margin-left: 10px;
  position: relative;
  top: 1px;
}
div#dualLoginPwd .base-store-wrapper {
  width: 300px;
  min-height: 55px;
  background-color: #f8f8f8;
  border: 1px solid #d9d9d9;
  display: flex;
}
div#dualLoginPwd .base-store-wrapper .base-store-flag {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
}
div#dualLoginPwd .base-store-wrapper .base-store-name {
  display: inline-flex;
  align-items: center;
}
div#dualLoginPwd .action-button-form-group .btn {
  min-width: 300px;
  width: auto;
}
@media (max-width: 767px) {
  div#dualLoginPwd .action-button-form-group .btn {
    width: 100%;
    min-width: fit-content;
  }
}
div#dualLoginPwd .action-button-form-group button#backButton {
  color: #434343;
}
div#dualLoginPwd .action-button-form-group button#backButton:hover {
  opacity: 0.5;
}
div#dualLoginPwd .action-button-form-group .grey-link {
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  color: #666666;
}
div#dualLoginPwd .action-button-form-group .gray-link {
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
}
div#dualLoginPwd .action-button-form-group .create-account {
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  color: #009cdd;
  display: block;
  margin-top: 10px;
}
/*************end of dual Login Password page**************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  #homePageOtherComponentsSection {
    margin-left: 5px;
    margin-right: 10px;
  }
  .homePageImageBlockComponent .componentSection {
    margin-bottom: 5px;
  }
  .homePageImageBlockComponent .componentSection .simple-banner-component {
    margin-bottom: 20px!important;
    height: 325px;
  }
  .homePageImageBlockComponent .componentSection .simple-banner-component img {
    height: 280px;
    width: 280px;
  }
  .homePageImageBlockComponent .home-page-component-box-section .simple-banner-component {
    width: 280px;
  }
  .homePageImageBlockComponent .home-page-component-box-section .simple-banner-component img {
    height: 327px;
    width: 280px;
  }
  .homePageLoginComponent .form-group {
    margin-right: 0;
  }
  .homePageLoginComponent .componentsBox .lead-advance-text {
    font-size: 13px;
  }
  .homePageLoginComponent .eco3-comp-box .lead-home-status {
    width: 50%;
  }
  .contact_us_validation_msg {
    text-align: center;
  }
  .contact_us_validation_msg .item_container {
    width: 65%;
    margin-left: 55px;
  }
  .contactUsFormClass {
    width: auto;
    height: 180px;
  }
  .requestQuoteMt .contactUsFormClass,
  .contact-us-for-atp-modal .contactUsFormClass {
    height: inherit;
  }
  .home-page-feature-carousel-section {
    margin-bottom: 30px;
  }
  .home-page-feature-carousel-section .componentsBox {
    padding: 0 30px;
  }
  #rightHandsideBanners .componentBlock .eco3-comp-box {
    margin-bottom: 40px;
  }
  #rightHandsideBanners .componentBlock .simple-banner-component {
    width: 280px;
    margin: 0 auto;
    float: none;
    box-shadow: none;
    max-height: 325px;
  }
  #rightHandsideBanners .componentBlock .simple-banner-component img {
    height: 280px;
  }
  .leadHistory .row .badge-number,
  .warrantyHistory .row .badge-number {
    width: 50% !important;
  }
  .page-homepage .container {
    max-width: 900px !important;
  }
  .page-homepage #rightHandsideBanners > .componentBlock:first-child .componentBlock,
  .page-homepage #rightHandsideBanners > .componentBlock:nth-of-type(2) .componentBlock,
  .page-homepage #salesAndMarketingResources .componentBlock,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(even) .componentBlock,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(odd) .componentBlock,
  .page-homepage #rightHandsideBanners > .componentBlock:first-child .componentsBox,
  .page-homepage #rightHandsideBanners > .componentBlock:nth-of-type(2) .componentsBox,
  .page-homepage #salesAndMarketingResources .componentsBox,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(even) .componentsBox,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(odd) .componentsBox,
  .page-homepage #rightHandsideBanners > .componentBlock:first-child .simple-banner-component,
  .page-homepage #rightHandsideBanners > .componentBlock:nth-of-type(2) .simple-banner-component,
  .page-homepage #salesAndMarketingResources .simple-banner-component,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(even) .simple-banner-component,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(odd) .simple-banner-component {
    width: 280px;
    margin: 0 auto;
  }
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(1) .simple-banner-component,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(2) .simple-banner-component,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(3) .simple-banner-component {
    margin-bottom: 20px !important;
  }
  .page-homepage .homePageImageBlockComponent .componentSection .simple-banner-component {
    width: 280px;
    margin: 0 auto 40px auto;
  }
  .page-homepage .homePageImageBlockComponent#salesAndMarketingResources {
    overflow: auto;
    padding: 0;
  }
  .page-homepage #featuredHome .carousel .item .thumb img {
    margin-left: 0;
  }
  .page-homepage #productConfigSearch .componentsBox form .form-group {
    width: 280px;
    margin: 0 auto;
  }
  .page-homepage .troemner-gallery {
    margin-top: 0;
  }
  .eco-ribbon-plates-wrapper {
    width: 85%;
    float: none;
    display: table;
  }
  .page-orderConfirmationPage .componentSection.homePageImageBlockComponent .componentsBox,
  .page-orderConfirmationPage .componentSection.homePageImageBlockComponent .simple-banner-component {
    width: 280px;
    margin: 0 auto;
  }
  .page-orderConfirmationPage .componentSection.homePageImageBlockComponent .simple-banner-component h3 {
    line-height: normal;
  }
  .componentsBox .carousel-component .item a .cpv-status-block {
    font-size: 13px;
  }
  #featuredHome .carousel-component .item a .item-name {
    padding: 4px 8px;
    word-break: break-word;
    line-height: 16px;
    font-size: 13px;
  }
  .page-homepage .troemner-gallery .componentSection {
    margin-bottom: 5px!important;
  }
  .page-homepage .troemner-gallery .componentSection .simple-banner-component,
  .page-homepage .troemner-gallery .componentSection .content {
    margin-bottom: 20px!important;
  }
  .page-homepage .other-shops-gallery {
    margin-bottom: 50px;
  }
  .page-homepage .incompleteRegistration {
    max-width: 320px;
  }
  .page-homepage .incompleteRegistration .global-alerts i {
    position: relative;
    top: -10px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  #homePageOtherComponentsSection .eco3-comp-box,
  #homePageOtherComponentsSection .simple-banner-component {
    margin-bottom: 40px;
  }
  #rightHandsideBanners > .componentBlock .eco3-comp-box,
  #rightHandsideBanners > .componentBlock .simple-banner-component {
    margin-top: 20px;
  }
  #rightHandsideBanners > .componentBlock:first-child {
    padding-right: 25px;
    padding-left: 20px;
  }
  #rightHandsideBanners > .componentBlock:nth-of-type(2),
  #rightHandsideBanners > .componentBlock:last-child {
    padding-left: 25px;
    padding-right: 20px;
  }
  #rightHandsideBanners #productconfig-search {
    padding-left: 20px;
    padding-right: 20px;
  }
  #salesAndMarketingResources {
    margin-top: 20px;
  }
  #salesAndMarketingResources .home-page-component-box-section:nth-of-type(odd) {
    padding-left: 50px;
    padding-right: 25px;
    clear: both;
  }
  #salesAndMarketingResources .home-page-component-box-section:nth-of-type(even) {
    padding-right: 60px;
    padding-left: 25px;
  }
  .homePageImageBlockComponent .componentSection:nth-of-type(odd) {
    padding-left: 50px;
    padding-right: 25px;
  }
  .homePageImageBlockComponent .componentSection:nth-of-type(even) {
    padding-right: 60px;
    padding-left: 25px;
  }
  .homePageImageBlockComponent.home-page-image-Galley .simple-banner-component img {
    height: 280px;
  }
  .homePageImageBlockComponent .simple-banner-component {
    padding: 0;
    width: 100%;
  }
  .homePageImageBlockComponent .componentSection {
    margin-bottom: 0;
  }
  .homePageLoginComponent .componentsBox .lead-advance-text {
    font-size: 13px;
  }
  .homePageLoginComponent .eco3-comp-box .lead-home-status {
    width: 50%;
  }
  .homePageLoginComponent .simple-banner-component {
    padding: 0;
    width: 100%;
    min-height: 325px;
  }
  .homePageLoginComponent .simple-banner-component img {
    height: 280px;
  }
  .contact_us_validation_msg {
    text-align: center;
  }
  .contact_us_validation_msg .item_container {
    width: 55%;
    margin-left: 80px;
  }
  .home-page-feature-carousel-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .leadHistory .row .badge-number,
  .warrantyHistory .row .badge-number {
    width: 50% !important;
  }
  .troemner-carousel {
    height: 305px !important;
    margin-bottom: 25px;
  }
  .troemner-carousel .homePageBigBannerSection .item img {
    height: 305px;
    width: 100%;
  }
  .componentsBox .carousel-component .item a .cpv-status-block {
    font-size: 13px;
  }
  .page-homepage .troemner-gallery {
    margin-top: 12px !important;
  }
  .page-homepage .troemner-gallery .componentSection {
    margin-bottom: 50px!important;
  }
  .page-homepage .troemner-gallery .componentSection .simple-banner-component {
    margin-bottom: 0 !important;
  }
  .page-homepage .other-shops-gallery {
    margin-bottom: 50px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  #rightHandsideBanners > .componentBlock:first-child {
    padding-left: 28px;
    padding-right: 18px;
  }
  #rightHandsideBanners > .componentBlock:nth-of-type(2),
  #rightHandsideBanners > .componentBlock:last-child {
    padding-left: 36px;
  }
  #rightHandsideBanners #productconfig-search {
    padding-left: 28px;
  }
  #rightHandsideBanners .form-group {
    width: 100%;
  }
  #rightHandsideBanners.desktop-only-rotating-images-disabled {
    margin-bottom: 30px;
    padding-left: 10px;
  }
  #rightHandsideBanners.desktop-only-rotating-images-disabled > .componentBlock:first-child {
    padding-left: 0;
    padding-right: 44px;
  }
  #rightHandsideBanners.desktop-only-rotating-images-disabled > .componentBlock:nth-of-type(2),
  #rightHandsideBanners.desktop-only-rotating-images-disabled > .componentBlock:last-child {
    padding-left: 11px;
    padding-right: 33px;
  }
  #rightHandsideBanners.desktop-only-rotating-images-disabled > .componentBlock:not( :nth-of-type(2))#productconfig-search {
    padding-left: 22px;
    padding-right: 10px;
  }
  #rightHandsideBanners.desktop-only-rotating-images-disabled > .componentBlock:nth-of-type(2)#productconfig-search {
    padding-left: 11px;
    padding-right: 20px;
  }
  #rightHandsideBanners > .componentBlock:nth-of-type(2) p {
    margin-bottom: 0;
  }
  #rightHandsideBanners .simple-banner-component {
    padding: 0;
    width: 100%;
    min-height: 325px;
  }
  #rightHandsideBanners .simple-banner-component img {
    height: 280px;
  }
  #bigImageBannerBlock {
    padding-right: 28px;
  }
  #salesAndMarketingResources .eco3-comp-box,
  #salesAndMarketingResources .simple-banner-component {
    width: auto;
    display: block;
    min-width: 0;
  }
  #salesAndMarketingResources .home-page-component-box-section {
    min-width: 280px;
  }
  #salesAndMarketingResources .home-page-component-box-section:first-child {
    padding-left: 5px;
    padding-right: 36px;
  }
  #salesAndMarketingResources .home-page-component-box-section:nth-of-type(2) {
    padding-left: 18px;
    padding-right: 28px;
  }
  #salesAndMarketingResources .home-page-component-box-section:nth-of-type(3) {
    padding-left: 28px;
    padding-right: 18px;
  }
  #salesAndMarketingResources .home-page-component-box-section:nth-of-type(4) {
    padding-left: 36px;
    padding-right: 10px;
  }
  #salesAndMarketingResources .componentBlock img,
  #salesAndMarketingResources .simple-banner-component img {
    height: 280px;
  }
  .homePageImageBlockComponent .componentSection:first-child,
  .homePageImageBlockComponent .componentSection:nth-of-type(5) {
    padding-left: 5px;
    padding-right: 36px;
  }
  .homePageImageBlockComponent .componentSection:nth-of-type(2),
  .homePageImageBlockComponent .componentSection:nth-of-type(6) {
    padding-left: 18px;
    padding-right: 28px;
  }
  .homePageImageBlockComponent .componentSection:nth-of-type(3),
  .homePageImageBlockComponent .componentSection:nth-of-type(7) {
    padding-left: 28px;
    padding-right: 18px;
  }
  .homePageImageBlockComponent .componentSection:nth-of-type(4),
  .homePageImageBlockComponent .componentSection:nth-of-type(8) {
    padding-left: 36px;
    padding-right: 10px;
  }
  .homePageImageBlockComponent .simple-banner-component {
    padding: 0;
    width: 100%;
    height: 325px;
  }
  .homePageImageBlockComponent .simple-banner-component img {
    height: 280px;
  }
  #bigImageBannerBlock,
  .rightHandsideBanners {
    max-height: 430px;
  }
  .home-page-feature-carousel-section {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* =============================================================================*/
/* Part II New Tablet resolution media query block for  (768px-1366px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .page-homepage .container {
    max-width: 900px !important;
  }
  .page-homepage #rightHandsideBanners > .componentBlock:first-child .componentBlock,
  .page-homepage #rightHandsideBanners > .componentBlock:nth-of-type(2) .componentBlock,
  .page-homepage #salesAndMarketingResources .componentBlock,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(even) .componentBlock,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(odd) .componentBlock,
  .page-homepage .componentBlock.homePageLoginComponent .componentBlock,
  .page-homepage #rightHandsideBanners > .componentBlock:first-child .componentsBox,
  .page-homepage #rightHandsideBanners > .componentBlock:nth-of-type(2) .componentsBox,
  .page-homepage #salesAndMarketingResources .componentsBox,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(even) .componentsBox,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(odd) .componentsBox,
  .page-homepage .componentBlock.homePageLoginComponent .componentsBox,
  .page-homepage #rightHandsideBanners > .componentBlock:first-child .simple-banner-component,
  .page-homepage #rightHandsideBanners > .componentBlock:nth-of-type(2) .simple-banner-component,
  .page-homepage #salesAndMarketingResources .simple-banner-component,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(even) .simple-banner-component,
  .page-homepage #salesAndMarketingResources .home-page-component-box-section:nth-of-type(odd) .simple-banner-component,
  .page-homepage .componentBlock.homePageLoginComponent .simple-banner-component {
    width: 280px;
    margin: 0 auto;
  }
  .page-homepage .homePageImageBlockComponent .componentSection .simple-banner-component {
    width: 280px;
    margin: 0 auto 40px auto;
  }
  .page-homepage .homePageImageBlockComponent#salesAndMarketingResources {
    overflow: auto;
    padding: 0;
  }
  .page-homepage #productConfigSearch .componentsBox {
    width: 90% !important;
    margin: 0 auto;
  }
  .page-homepage #featuredHome .carousel-component .headline {
    margin-left: -44px;
    margin-top: 5px;
  }
  .container {
    max-width: 900px !important;
  }
  .eco-ribbon-plates-wrapper {
    max-width: 900px !important;
    padding: 0 10px;
  }
  .eco-ribbon-plates-wrapper.boga-ribbion-plates {
    max-width: 93% !important;
  }
  .page-orderConfirmationPage .componentSection.homePageImageBlockComponent .componentsBox,
  .page-quoteOrderConfirmationPage .componentSection.homePageImageBlockComponent .componentsBox,
  .page-orderConfirmationPage .componentSection.homePageImageBlockComponent .simple-banner-component,
  .page-quoteOrderConfirmationPage .componentSection.homePageImageBlockComponent .simple-banner-component {
    width: 280px;
    margin: 0 auto;
  }
  .page-orderConfirmationPage .componentSection.homePageImageBlockComponent .componentsBox img,
  .page-quoteOrderConfirmationPage .componentSection.homePageImageBlockComponent .componentsBox img,
  .page-orderConfirmationPage .componentSection.homePageImageBlockComponent .simple-banner-component img,
  .page-quoteOrderConfirmationPage .componentSection.homePageImageBlockComponent .simple-banner-component img {
    height: auto !important;
  }
  .page-orderConfirmationPage .componentSection.homePageImageBlockComponent .simple-banner-component h3,
  .page-quoteOrderConfirmationPage .componentSection.homePageImageBlockComponent .simple-banner-component h3 {
    line-height: normal;
  }
  #bigImageBannerBlock,
  .rightHandsideBanners {
    max-height: 500px;
  }
  .homePageBigBannerSection .item img {
    height: 466px;
    object-fit: cover;
  }
  #featuredHome .carousel-component .item a .item-name {
    padding: 4px 8px;
    word-break: break-word;
    line-height: 16px;
    font-size: 13px;
  }
}
@media only screen and (width: 1024px) and (height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #bigImageBannerBlock,
  .rightHandsideBanners {
    max-height: 600px;
  }
  .homePageBigBannerSection .item img {
    height: 553px;
    object-fit: cover;
  }
  .troemner-right-side-banners {
    padding-top: 60px;
  }
  .troemner-carousel .homePageBigBannerSection .item img {
    height: 362px;
  }
}
/* imports the media-query.less */
/* import the less code for the Home page */
/******************************************************************************************************************
/* File Name        : user-management.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 14-Sept-2017
/* Description      : This is less code for the user-management page.
/*******************************************************************************************************************/
/* imports the variable.less */
.myAccountBlocks {
  width: 100%;
  padding: 10px;
}
.myAccountBlocks h4 {
  color: #666666;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  min-height: 50px;
  display: table;
  margin: 0 auto;
}
.myAccountBlocks h4 a {
  color: #666666;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 25px;
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 5px;
  font-weight: bold;
}
.myAccountBlocks h4 a:hover {
  color: #555555;
}
.myAccountBlocks:hover {
  color: #f3f3f3;
}
.myAccountBlocks .myProfileItemsBlockList {
  margin: 50px 0;
}
.myAccountBlocks .myProfileItemsBlockList .item {
  margin: 10px 0;
  min-height: 150px;
}
.myAccountBlocks .thumbnailIcon {
  background-color: #f3f3f3;
  max-width: 135px;
  height: 135px;
  width: 135px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.myAccountBlocks .thumbnailIcon img {
  width: auto;
  max-height: 65px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
}
.myAccountBlocks .thumbnailIcon img.dsr {
  height: 80px;
  max-height: 80px;
}
.myAccountBlocks .thumbnailIcon a.caliration img {
  height: 78px;
  max-height: 78px;
}
.login-main-section {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.login-main-section a {
  font-size: 1.2em;
}
.login-main-section form {
  text-align: left;
}
.login-main-section header {
  min-height: 80px;
  border-bottom: 2px solid #7d7d7d;
  padding-top: 30px;
  margin: 0 auto;
  text-align: center;
}
.login-main-section .login-form-section {
  width: 100%;
  padding: 20px 20px;
  max-width: 340px;
  margin: 0 auto;
}
.login-main-section .login-form-section #eco3LoginUserName {
  margin-right: 0 !important;
}
.login-main-section .login-form-section #eco3-login-password {
  margin-right: 0 !important;
}
.login-main-section .login-form-section #globalMessages .alert-info {
  background: #f0f7e9;
}
.login-main-section .login-form-section #globalMessages .alert-info span {
  color: #8dac60;
}
@media (max-width: 767px) {
  .login-main-section .login-form-section .form-top-info {
    max-width: 230px;
    text-align: center;
    margin: 0 auto;
  }
}
.login-main-section .login-form-section .form-top-info .eco3-globalMessages .activate-link {
  color: #009cdd;
}
.login-main-section .forgotten-password {
  width: 100%;
  padding: 145px 20px 53px 20px;
  max-width: 382px;
  margin: 0 auto;
}
.login-main-section .forgotten-password h1#forgotPwd {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  color: inherit;
}
.login-main-section .forgotten-password div#form-top-info h4 {
  font-size: 16pt !important;
}
.login-main-section .forgotten-password div#form-top-info p.margin-top-15 {
  font-size: 12pt !important;
}
.login-main-section .forgotten-password #pwd.form-control {
  padding-right: 0 !important;
  height: 33px;
}
.login-main-section .forgotten-password #checkPwd.form-control {
  padding-right: 0 !important;
  height: 33px;
}
.login-main-section .simple-banner-component img {
  width: auto;
}
.login-main-section .form-info {
  color: #666666;
}
.login-main-section .form-top-info p {
  color: #666666;
}
.login-main-section .form-top-info h1 {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  margin: 0 0 10px;
}
.login-main-section .login-soldTo-selection {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 10px;
}
.login-main-section .login-soldTo-selection .box-border {
  border: 1px solid #a6a6a6;
  width: 100%;
  text-align: left;
  margin: 3px 2px 10px 2px;
  padding: 5px;
  cursor: pointer;
  color: #333333;
  padding-bottom: 25px;
}
.login-main-section .login-soldTo-selection .soldTo-action-button {
  display: none;
}
.login-main-section .login-soldTo-selection P {
  margin: 0 0 3px 20px;
  font-size: 16pt;
  font-weight: 500;
}
.login-main-section .login-soldTo-selection .soldTo-main ul {
  list-style: none;
  padding: 0;
}
.login-main-section .login-soldTo-selection .soldTo-main ul li {
  margin-bottom: 10px;
}
.login-main-section .loginSoldtoTable {
  margin: 0 auto;
  padding-left: 50px;
}
#myProfilePage,
.myProfilePage {
  display: inline-block;
  height: auto;
  width: 100%;
  font-family: Arial,Arial;
  font-size: 1.2em;
}
#myProfilePage .contentSection,
.myProfilePage .contentSection {
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 20px 0;
}
#myProfilePage .btn,
.myProfilePage .btn {
  margin: 10px 0;
}
#myProfilePage .btn.active,
.myProfilePage .btn.active {
  color: #009cdd;
  cursor: auto;
}
#myProfilePage section.col-md-6,
.myProfilePage section.col-md-6 {
  min-height: 200px;
}
#myProfilePage .eco3-comp-box .body,
.myProfilePage .eco3-comp-box .body {
  margin: 7px 50px 0 50px;
}
#myProfilePage .active .btn,
.myProfilePage .active .btn {
  color: #009cdd;
}
.cartCheckoutTopSection.myProfilePage {
  margin-bottom: 0;
  padding-bottom: 0;
}
#myProfilePage .myProfilePage.my-delivery-address-main-section {
  margin: 0;
  padding: 0;
}
.panelSwitchSection .radio span.error {
  margin-left: 50px;
  display: none;
}
.panelSwitchSection .radio input.error {
  border-color: #d50032;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.remove_address {
  display: inline-block;
  height: 23px;
  width: 21px;
  cursor: pointer;
  background: url("../images/remove_address.png") no-repeat;
  margin-right: 25px;
}
.myProfilePage input.error,
.myProfilePage select.error {
  border: 1px solid #d50032;
}
#specify-delivery-address-button_checkout {
  margin: 10px 0;
}
.soldTo-main .eco3-table #custom-search-input button {
  margin: 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;
  min-width: 0;
  min-height: 0;
  height: 28px;
  width: 40px;
}
.soldTo-main .eco3-table #custom-search-input .input-group-btn {
  background-color: #fcfcfc;
  right: 0;
}
.soldTo-main .eco3-table #custom-search-input button i {
  font-size: 17px;
  top: 3px;
}
.soldTo-main .eco3-table #custom-search-input button:hover {
  border: 0;
  box-shadow: none;
}
.soldTo-main .eco3-table table.dataTable.nowrap td {
  white-space: initial;
}
.soldTo-main .eco3-table table.dataTable tbody tr {
  background-color: #ffffff;
}
.soldTo-main .eco3-table table.dataTable.display tbody tr.odd {
  background-color: #ffffff;
}
.soldTo-main .eco3-table table.dataTable.display tbody tr:hover {
  background-color: #ffffff;
}
.soldTo-main .eco3-table table.dataTable tbody th,
.soldTo-main .eco3-table table.dataTable tbody td {
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: 11pt;
}
.soldTo-main .eco3-table table.dataTable thead th,
.soldTo-main .eco3-table .soldToContinue {
  font-size: 11pt;
}
.soldTo-main .eco3-table .soldToSelect {
  font-size: 11pt;
  color: #434343;
}
.soldTo-main .eco3-table .soldToSelect:hover {
  color: #b0b0b0;
}
.soldTo-main .eco3-table table.dataTable > tbody > tr.child ul li .soldToSelect {
  border: 1px solid #666666;
}
.soldTo-main .eco3-table table.dataTable.no-footer {
  border-bottom: none;
}
.soldTo-main .eco3-table table.dataTable.display tbody th,
.soldTo-main .eco3-table table.dataTable.display tbody td {
  border-bottom: 1px solid #f3f3f3;
  border-top: none;
  height: 70px;
}
.soldTo-main .eco3-table table.dataTable.display tbody td.dataTables_empty {
  border-bottom: none;
}
.soldTo-main .eco3-table table.dataTable.display tbody th,
.soldTo-main .eco3-table table.dataTable.display tbody td.outln {
  outline: 0;
}
.soldTo-main .eco3-table table.dataTable.display tbody th.no-border,
.soldTo-main .eco3-table table.dataTable.display tbody td.no-border {
  border-bottom: none;
}
.soldTo-main .eco3-table .tableSearchFild label.form-info {
  font-size: 10pt;
}
.soldTo-main .eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.soldTo-main .eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  background-color: #009cdd;
}
.soldTo-main .eco3-table table.dataTable > tbody > tr.child ul.dtr-details > li,
.soldTo-main .eco3-table table.dataTable > tbody > tr.child ul li,
.soldTo-main .eco3-table table.dataTable > tbody > tr.child ul li {
  padding: 0;
  border-bottom: none;
}
.soldTo-main .eco3-table table tbody tr.parent.active .soldToSelect,
.soldTo-main .eco3-table table tbody tr.child.active .soldToSelect {
  display: none;
}
.soldTo-main .eco3-table table tbody tr.parent .soldToSelect,
.soldTo-main .eco3-table table tbody tr.child .soldToSelect {
  display: block;
}
.soldTo-main .eco3-table table tbody tr.parent.active .soldToContinue,
.soldTo-main .eco3-table table tbody tr.child.active .soldToContinue {
  display: block;
}
.soldTo-main .eco3-table table tbody tr.parent .soldToContinue,
.soldTo-main .eco3-table table tbody tr.child .soldToContinue {
  display: none;
}
.soldTo-main .eco3-table table tbody tr.child td.child {
  height: auto;
}
.soldTo-main .eco3-table table tbody tr.child td.child ul {
  padding: 10px 35px;
}
.soldTo-main .eco3-table table tbody tr.active {
  color: #009cdd;
}
.soldTo-main .eco3-table table tbody tr.active + tr.child td.child {
  color: #009cdd;
  height: auto;
}
.soldTo-main .eco3-table table tbody tr.active + tr.child td.child ul {
  padding: 10px 35px;
}
.soldTo-main .eco3-table table tbody tr.active + tr.child td.child ul .btn.active {
  border-color: #009cdd;
}
.soldTo-main .eco3-table table tbody tr.active td.child {
  color: #434343;
}
.soldTo-main .eco3-table table tbody tr.child.active .soldTo-action-button,
.soldTo-main .eco3-table table tbody tr.parent.active .soldTo-action-button {
  display: block;
}
.soldToContinue {
  display: none;
}
.soldTo-main .eco3-table table tbody .child.active .child {
  background: #f4f4f4 !important;
  opacity: 1;
}
.soldToContinue:hover {
  opacity: initial;
}
.backtologinlink {
  font-size: 1em !important;
  text-transform: uppercase;
}
/* Manage profile drop-down style*/
.profile-box-title .dropdown-title {
  border-color: #6bcdfd !important;
}
/* My profile information page*/
.myProfileInformationPage {
  display: block;
}
.myProfileInformationPage .profileBox {
  padding-left: 0;
}
.myProfileInformationPage table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.myProfileInformationPage table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  background-color: #009cdd;
}
.page-404 {
  color: #434343;
}
.page-404 .contactUs {
  color: #434343;
}
.page-404 .title404 {
  color: #666666;
}
.page-404 h2 {
  font-size: 36px;
}
.page-404 .positon-top-5 {
  top: 5px;
  position: relative;
}
#myProfilePage .changePasswordBox {
  height: 450px;
  width: 415px;
  margin-bottom: 0 !important;
}
#myProfilePage .changePasswordBox header {
  height: 40px;
  min-height: 40px;
}
#myProfilePage .changePasswordBox header h2 {
  height: 40px;
}
#myProfilePage .profileinfoBox {
  height: 450px;
  width: 415px;
  margin-bottom: 0;
}
#myProfilePage .profileinfoBox header {
  height: 40px;
  min-height: 40px;
}
#myProfilePage .profileinfoBox header h2 {
  height: 40px;
}
.padding-horizontal {
  padding: 10px 46px;
}
.padding-horizontal .form-group .form-group {
  padding-left: -1px !important;
  padding-right: -2px !important;
}
.AccAddSearch .soldTo-main .eco3-table #custom-search-input {
  border: solid 1px #cccccc;
  background-color: #ffffff;
}
.AccAddSearch .input-group.addressSearchInput {
  width: 100%;
}
.eco3-icon.icon-delete-item,
.eco3-icon.icon-edit-item {
  position: relative;
  top: 15px;
}
.eco3-icon.icon-delete-item.no-top,
.eco3-icon.icon-edit-item.no-top {
  top: 0;
}
#adddress-listing-Page .datatable-main #datatableTableID_wrapper {
  padding: 0 30px 0 60px;
}
#adddress-listing-Page table tr .address_default {
  display: block;
}
#adddress-listing-Page table tr .address_selected {
  display: none;
}
#adddress-listing-Page table tr.active .address_default,
#adddress-listing-Page table tr.active + tr.child .address_default {
  display: none !important;
}
#adddress-listing-Page table tr.active .address_selected,
#adddress-listing-Page table tr.active + tr.child .address_selected {
  display: block !important;
  color: #009cdd;
}
#adddress-listing-Page .spinner {
  margin: 2px -113px 0 0 !important;
  z-index: 99;
  float: right;
  text-align: right;
}
#adddress-listing-Page .spinner div {
  background-color: #ffffff;
}
#adddress-listing-Page .addressbook-page ul li.active a {
  color: #009cdd;
  font-size: 16px;
  width: 200px;
  height: 32px;
  font-family: 'Roboto';
  background: #fcfcfc;
  font-weight: 400;
  text-transform: initial;
  text-align: center;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 11px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-form-row {
  height: 98px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-list-row {
  min-height: 90px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper hr {
  border-top: 1px solid #D9D9D9;
  margin-top: 10px;
  margin-bottom: 10px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrierCollectNumberInput {
  height: 32px;
  width: 280px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-submit-btn {
  margin-left: 20px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .cancel-btn {
  line-height: 28px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrier-label {
  float: left;
  font-weight: 700;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrier-name {
  float: left;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrier-name-wrapper {
  margin-bottom: 10px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrier-row-wrapper {
  padding-top: 10px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .icon-info-circle {
  background-size: 18px;
  height: 18px;
  width: 18px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-input-wrapper {
  padding-left: 20px;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .icon-edit-item,
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .icon-delete-item {
  top: 0px !important;
}
#adddress-listing-Page .addressbook-page .carrier-collect-number-wrapper .list-row-wrapper .carrier-collect-number-form-row {
  display: none;
}
#adddress-listing-Page .ecotabs .ech-tab-table ul {
  margin-bottom: 0;
}
.AccAddSearch .search-magnifier {
  background: url("../images/magnifier.svg") 0 0 / cover no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}
.AccAddSearch .serchAdjst {
  margin-top: -10px;
}
#adddress-listing-Page .addressSearchInput input#soldToSearch {
  height: 33px;
}
#adddress-listing-Page .addressSearchInput {
  width: 266px;
}
#adddress-listing-Page .eco3-table table tbody tr {
  opacity: 1;
}
#adddress-listing-Page .active.btn.soldToSelect {
  color: #009cdd;
}
#billingAddressListingPage .eco3-table table tbody tr {
  opacity: 1;
}
#billingAddressListingPage .active.btn.soldToSelect {
  color: #009cdd;
}
@-moz-document url-prefix() {
  .datatable-main #datatableTableID_wrapper {
    padding: 0 25px 0 60px;
  }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .datatable-main #datatableTableID_wrapper {
    padding: 0 5px 0 60px;
  }
}
.form-group.col-md-6.col-sm-7.col-xs-12.padding-left-25.leftAddjust.has-feedback.has-success #regionIso {
  border: 1px solid #6bcdfd !important;
}
#adddress-listing-Page .bgcolor-popover .popover {
  width: 300px;
}
#adddress-listing-Page .bgcolor-popover .popover a {
  color: #ffffff;
  text-decoration: underline;
}
#adddress-listing-Page .non-hybris-info-icon.bgcolor-popover {
  display: inline-block;
}
#adddress-listing-Page .min-width-tr {
  min-width: 250px;
  margin: 0 auto;
  text-align: center;
}
#adddress-listing-Page .tab-menu-list-menu {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.delivery-address-section .address-info-tag,
.billing-address-section .address-info-tag {
  position: relative;
  top: 10px;
}
.delivery-address-section .eco3-icon,
.billing-address-section .eco3-icon {
  top: 0 !important;
}
.delivery-address-section .icon-info-circle,
.billing-address-section .icon-info-circle {
  margin-right: -3px;
}
.delivery-address-section .soldToSelect,
.billing-address-section .soldToSelect {
  margin: 0 auto;
}
.delivery-address-section ul li .centerHiddenColumn,
.billing-address-section ul li .centerHiddenColumn {
  width: auto !important;
  float: none !important;
}
.page-passwordRequestPage footer#footer {
  margin-top: 100px;
}
.myProfileInformationPage i.warning-icon {
  margin: -25px 5px 15px -10px !important;
}
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.4;
}
#myProfilePage #updateProfileForm #globalMessages ul li span i {
  visibility: hidden;
}
#myProfilePage #updateProfileForm #globalMessages ul li:first-child span i {
  visibility: visible;
}
#myProfilePage #updateProfileForm .form-group button {
  width: 180px!important;
  height: 40px;
}
#myProfilePage #updatePasswordForm .form-group button {
  width: 180px!important;
  height: 40px;
}
#myProfilePage .incompleteRegistration {
  max-width: none;
  min-height: 46px;
}
#myProfilePage .incompleteRegistration .global-alerts {
  padding: 0;
}
#myProfilePage .incompleteRegistration .global-alerts .alert-info {
  padding: 8px!important;
}
#myProfilePage .incompleteRegistration .global-alerts .alert-info i {
  margin-left: 10px;
}
.dual-multiple-store-block .login-form-section {
  width: 100%;
  padding: 20px 20px;
  max-width: 340px;
  margin: 0 auto;
}
.dual-multiple-store-block .login-reset-password-section,
.dual-multiple-store-block .reset-password-confirmation-section,
.dual-multiple-store-block .login-activate-account-section {
  width: 100%;
  padding: 30px 30px;
  max-width: 340px;
  margin: 0 auto;
}
.dual-multiple-store-block .password-update-page {
  text-align: center!important;
}
.dual-multiple-store-block .dual-welcome-text {
  margin-left: 48px;
  margin-right: 48px;
}
.dual-multiple-store-block .account-activate-width {
  max-width: 500px !important;
}
.dual-multiple-store-block .account-activate-width .account-activation-form .eco3-activate-account {
  white-space: wrap !important;
  font-size: 14px;
}
.dual-multiple-store-block .account-activate-width .account-activation-form .checkmark {
  margin-top: 5px;
}
.dual-multiple-store-block .account-activate-width .account-activation-form .terms-link {
  color: #009cdd;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}
.dual-multiple-store-block .dual-multistore-box {
  box-shadow: 0 3px 10px 1px #cccccc;
  margin: 40px auto 100px auto;
  display: block;
  max-width: 360px;
  text-align: left;
}
.dual-multiple-store-block .dual-multistore-box .dual-multi-continue-btn,
.dual-multiple-store-block .dual-multistore-box .reset-password-send-btn {
  min-width: 300px;
}
.dual-multiple-store-block .dual-multistore-box label {
  text-transform: none;
  white-space: break-spaces;
}
.dual-multiple-store-block .dual-multistore-box .password-create-label {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
}
.dual-multiple-store-block .dual-multistore-box #eco3LoginUserName {
  max-width: 300px;
  margin-left: 10px;
}
.dual-multiple-store-block .dual-multistore-box .countrySelectionBlock {
  margin-left: 10px;
}
.dual-multiple-store-block .dual-multistore-box .countrySelectionBlock .country-selection-box {
  height: 55px;
  border: 1px solid #d9d9d9 !important;
  max-width: 300px;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  padding: 5px 10px;
}
.dual-multiple-store-block .dual-multistore-box .countrySelectionBlock .country-selection-box .flag-inner-container {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.dual-multiple-store-block .dual-multistore-box .countrySelectionBlock .country-selection-box .flag-inner-container img {
  width: 30px;
  height: 20px;
  background-size: 40px 40px;
  top: 4px;
  position: relative;
  vertical-align: baseline;
}
.dual-multiple-store-block .dual-multistore-box .countrySelectionBlock .country-selection-box .flag-inner-container span.country-name-field {
  margin-left: 10px;
  position: relative;
  top: 1px;
}
.dual-multiple-store-block .dual-multistore-box #globalMessages {
  margin-top: 0;
}
.dual-multiple-store-block .dual-multistore-box #globalMessages .global-alerts {
  margin-top: 20px;
}
.dual-multiple-store-block .dual-multistore-box #globalMessages .alert.alert-bar {
  margin-bottom: 10px;
}
.dual-multiple-store-block .dual-multistore-box #globalMessages .activate-link {
  color: #009cdd;
}
#myProfilePage .btn.btn-3,
#myProfilePage .btn.btn-3.sm,
#myProfilePage .btn.btn-3[disabled],
#myProfilePage .btn.btn-3.disabled {
  background-color: #009cdd !important;
}
#myProfilePage .profileinfoBox h2,
#myProfilePage .changePasswordBox h2 {
  font-size: 16px !important;
  font-weight: 400;
}
#myProfilePage .eco3-comp-box .body {
  margin: 7px 40px 0 40px;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  #adddress-listing-Page .eco3-table .billing-address-section .eco3-table-pegination table.dataTable .non-hybris-info-icon.bgcolor-popover {
    float: none;
    text-align: center;
    display: block;
    position: relative;
    top: -20px;
  }
  #adddress-listing-Page .eco3-tabbable .nav-tabs > li > a {
    width: 170px;
  }
  #adddress-listing-Page .addressbook-page ul li {
    min-width: 130px;
    width: 160px;
  }
  #adddress-listing-Page .addressbook-page ul li a {
    width: 180px;
  }
  #adddress-listing-Page .addressbook-page .tab-menu-list-menu {
    width: auto !important;
  }
  .payment-card-list tr.child ul.dtr-details {
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
  }
  .payment-card-list tr.child ul.dtr-details li {
    overflow: hidden;
  }
  .payment-card-list tr.child ul.dtr-details li:first-child {
    padding-top: 0.5em !important;
  }
  .payment-card-list tr.child ul.dtr-details li:first-child > .dtr-title {
    display: none;
  }
  #loginSoldToSelectionTableForm .account-switch-button {
    margin-bottom: 10px;
  }
  .addressbook-page .carrier-collect-number-wrapper {
    max-width: 320px !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-input-wrapper {
    padding-left: 0 !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-form-row {
    height: 226px !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrierCollectNumberInput {
    width: 100% !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-action-btns-wrapper-2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .row-action-buttons {
    padding-left: 25px !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .tabs-unlimited {
    white-space: nowrap;
    overflow: hidden;
  }
  .myAccountBlocks h4 {
    width: 120px;
  }
  #main-account-profile table tr td.outln div:last-child {
    margin-bottom: 5px;
  }
  .myProfileInformationPage i.warning-icon {
    margin: -25px 1px 0px 0px !important;
  }
  .dual-multiple-store-block .dual-multistore-box .dual-multi-continue-btn,
  .dual-multiple-store-block .dual-multistore-box .reset-password-send-btn {
    min-width: 260px;
  }
  .dual-multiple-store-block .dual-multistore-box #multiStoreForm {
    padding: 20px 0 0 0;
    margin: 0 auto;
    max-width: 260px;
  }
  .dual-multiple-store-block .dual-multistore-box #eco3LoginUserName,
  .dual-multiple-store-block .dual-multistore-box #resetEmailField {
    max-width: 260px;
    margin: 0 auto!important;
  }
  .dual-multiple-store-block .dual-multistore-box .btn-continue,
  .dual-multiple-store-block .dual-multistore-box .sendBtn {
    margin: 30px auto;
  }
  .dual-multiple-store-block .dual-multistore-box .form-group {
    margin-bottom: 10px;
    margin-right: 0;
  }
  .dual-multiple-store-block .dual-multistore-box .countrySelectionBlock {
    margin-left: 0;
  }
  .dual-multiple-store-block .dual-multistore-box .countrySelectionBlock .country-selection-box {
    width: 260px;
  }
  .dual-multiple-store-block .dual-multistore-box .countrySelectionBlock .country-selection-box .flag-inner-container {
    text-align: center;
    margin: 10px 6px;
  }
  .dual-multiple-store-block .dual-multistore-box .countrySelectionBlock .country-selection-box .flag-inner-container span.country-name-field {
    margin-left: 10px;
    text-align: left;
  }
  #myProfilePage .incompleteRegistration {
    max-width: 320px;
  }
  #myProfilePage .incompleteRegistration .global-alerts i {
    position: relative;
    top: -10px;
  }
  #myProfilePage #updateProfileForm .form-group .form-control {
    min-width: 240px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Mobile-Start*******************************/
  #adddress-listing-Page .non-hybris-info-icon.bgcolor-popover {
    float: none;
    text-align: center;
    display: block;
  }
  .addressbook-page .carrier-collect-number-wrapper {
    max-width: 708px !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-form-row {
    height: 148px !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrierCollectNumberInput {
    line-height: inherit;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-submit-btn {
    margin-left: 20px !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-action-btns-wrapper {
    width: 100%;
    float: right;
    position: relative;
    min-height: 1px;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-action-btns-wrapper .carrier-collect-number-action-btns-wrapper-2 {
    margin-top: 5px;
    padding-left: 0px;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-input-wrapper {
    padding-left: 50px !important;
  }
  .addressbook-page .carrier-collect-number-wrapper .row-action-buttons {
    padding-left: 30px;
  }
  .myAccountBlocks .myProfileItemsBlockList .item {
    height: 200px;
  }
  .myAccountBlocks .myProfileItemsBlockList .item h4 {
    width: 120px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  #loginSoldToSelectionTableForm .account-switch-button {
    margin-bottom: 5px;
    margin-top: 20px;
  }
  .addressbook-page .carrier-collect-number-wrapper .carrier-collect-number-action-btns-wrapper .carrier-collect-number-action-btns-wrapper-2 {
    margin-top: 30px;
    padding-left: 20px;
  }
  .addressbook-page .carrier-collect-number-wrapper .row-action-buttons {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .global-alerts .confirmation-icon {
    margin: -8px 0px 0px -14px !important;
  }
  .global-alerts .error-icon {
    margin: -8px 0px 0px -14px;
  }
  .eco3-globalMessages .global-alerts .error-icon {
    margin: 0px 20px 0px 0px;
  }
  .global-alerts .info-icon {
    margin: -8px 0px 0px -14px !important;
  }
  #main-account-profile .soldToSelect {
    margin-top: -12px !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 381px) {
  .global-alerts .confirmation-icon {
    margin: 0px 0px 0px -20px !important;
  }
  .global-alerts .info-icon {
    margin: 0px 0px 0px -20px !important;
  }
}
#myProfilePage .changePasswordBox,
#myProfilePage .profileinfoBox {
  min-height: 460px;
  height: auto;
  width: 65%;
}
/* imports the media-query.less */
/* import the less code for the my-account page */
/******************************************************************************************************************
/* File Name        : product-service.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 18-Nov-2017
/* Description      : This is less code for the product-services page.
/*******************************************************************************************************************/
/* imports the variable.less */
#sort_form1 {
  margin: 0;
}
.product-list-view-main-section {
  font-family: "Roboto";
  display: inline-block;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 40px;
}
.product-list-view-main-section .product-list {
  text-align: center;
  padding-left: 0px;
  margin-bottom: 0;
}
@media (min-width: 1201px) {
  .product-list-view-main-section .product-list {
    padding-bottom: 200px;
  }
}
.product-list-view-main-section ul li {
  list-style: none;
  text-align: left;
}
.product-list-view-main-section .eco3-product-list-box {
  max-width: 830px;
  display: grid;
  background-color: #ffffff;
  min-width: 275px;
  width: 100%;
  font-size: 10pt;
  min-height: 200px;
  -webkit-box-shadow: 0px 4px 10px 1px #cccccc;
  -moz-box-shadow: 0px 4px 10px 1px #cccccc;
  box-shadow: 0px 4px 10px 1px #cccccc;
  margin-top: 40px;
  font-size: 14px;
  color: #434343;
}
.product-list-view-main-section .eco3-product-list-box header {
  color: #434343;
  width: 100%;
  background-color: #f3f3f3;
  display: inline-block;
  font-weight: 500;
  min-height: 45px;
  font-size: 12.0pt;
  line-height: 23px;
}
.product-list-view-main-section .eco3-product-list-box header h3 {
  color: #434343;
  font-size: 12pt;
  font-weight: 500;
  margin: 0;
  text-align: left;
  padding: 0;
}
.product-list-view-main-section .eco3-product-list-box header h3 a {
  display: inline-block;
  width: 80%;
  padding: 14px;
}
.product-list-view-main-section .eco3-product-list-box header h3 span {
  display: inline-block;
  padding: 15px;
}
.product-list-view-main-section .eco3-product-list-box header .code {
  color: #434343;
  text-align: right;
  float: right;
  font-weight: normal;
  font-size: 11pt;
}
.product-list-view-main-section .eco3-product-list-box .margin-bottom-campaign {
  margin-bottom: 0 !important;
}
.product-list-view-main-section .eco3-product-list-box .margin-align-campaign {
  margin-bottom: 20px;
}
.product-list-view-main-section .eco3-product-list-box .body .body-item {
  padding: 10px 0 10px 10px;
  min-height: 80px;
}
.product-list-view-main-section .eco3-product-list-box .body .body-item span.thumb-wrapper {
  display: table;
  min-height: 130px;
}
.product-list-view-main-section .eco3-product-list-box .body .body-item span.thumb-wrapper a {
  display: table-cell;
  vertical-align: middle;
}
.product-list-view-main-section .eco3-product-list-box .body .body-item .description.product-description {
  padding: 10px 0;
}
.product-list-view-main-section .eco3-product-list-box .body .body-item img {
  max-height: 130px;
  max-width: 130px;
}
.product-list-view-main-section .eco3-product-list-box .body .item-no {
  font-size: 10pt;
  padding: 20px 5px;
  text-align: left;
}
.product-list-view-main-section .eco3-product-list-box .body .spinner {
  margin: 15px auto;
  position: relative;
  top: -10px;
  left: 20px;
}
.product-list-view-main-section .eco3-product-list-box .body .product-link {
  color: #009cdd;
  text-decoration: underline;
}
.product-list-view-main-section .eco3-product-list-box .body .compare-product-item-no a {
  color: #009cdd;
  text-decoration: underline;
}
.product-list-view-main-section .eco3-product-list-box .footer {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #cccccc;
  padding: 0px;
  background: #ffffff;
  min-height: 45px;
  height: 50px;
  color: #434343;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item {
  line-height: 40px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-size: 10pt;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item .count-input {
  top: 5px;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item .plp-eco3-checkbox {
  line-height: 20px;
  width: auto;
  display: inline-block;
  padding-left: 20px;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item .checkbox {
  margin-top: 4px;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item .checkbox label {
  line-height: 15px;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item .checkbox label span {
  position: relative;
  top: 2px;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item.chk-padding {
  text-align: left;
}
.product-list-view-main-section .sub-category-banner-block {
  padding: 0;
  background: #ffffff;
}
.product-list-view-main-section .sub-category-banner-block .sub-category-banner-text {
  line-height: 14px !important;
  font-size: 12px !important;
}
.product-list-view-main-section .sub-category-banner-block .left-block-sub-category {
  margin-top: 80px;
}
.product-list-view-main-section .sub-category-banner-block .left-block-sub-category .captionInfo .header-sub-text {
  font-size: 21px !important;
}
.tooltipPopover .popover-content {
  line-height: 22px;
}
.tooltipPopover .popover-content .contact-us-flag {
  color: #fd9927;
}
.product-list-view-main-section .eco3-product-list-box .body .body-item img {
  min-width: 0px !important;
  min-height: 0px !important;
}
.product-list-view-main-section .product-compare-link {
  margin-left: 10px;
}
.campaign-display {
  clear: both;
}
.campaign-display .plp-campaign-display {
  display: flex;
}
.campaign-display .plp-campaign-display .campaign-icon {
  background-color: #ddf5ff;
  width: 65px;
  height: 35px;
  margin-right: 3px;
  text-align: center;
}
.campaign-display .plp-campaign-display .campaign-icon img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
.campaign-display .plp-campaign-display .heavyWeightIndicatorInvisibleDynamicView img {
  margin: 7px;
  width: 33px;
  height: 22px;
}
.bodyAlign {
  padding: 0px;
  margin: 0px;
}
.product-item-no {
  font-size: 10pt;
  font-weight: 500;
}
.product-description {
  text-align: justify;
  color: #434343;
  font-size: 10pt;
  min-height: 46px;
}
.attributePanel .price-conatiner {
  color: #333333;
  font-size: 10pt;
  text-align: left;
}
.attributePanel .price-conatiner .left {
  font-weight: normal;
}
.attributePanel .price-conatiner .right {
  font-weight: 600;
}
.attributePanel .price-conatiner .price.msrp {
  color: #434343;
}
.attributePanel .price-conatiner .standard-price {
  display: inline-block;
}
.tech-attr-DOM .left,
.tech-attr-DOM .right {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  float: left;
}
.tech-attr-DOM .left {
  width: 35%;
  padding-right: 0;
  margin-bottom: 16px;
}
.tech-attr-DOM .key-align {
  margin-bottom: 0;
}
.tech-attr-DOM .middle {
  width: 4%;
  padding: 0;
}
.tech-attr-DOM .right {
  width: 59%;
  font-weight: bold;
  padding-left: 5px;
}
.price-color {
  color: #434343;
  font-size: 10pt;
}
.price-color.price-color-highlight {
  color: #009cdd;
  text-align: center;
}
.price-color.text-right {
  text-align: right;
}
.price-color.text-right .pricelabel .priceValue {
  word-break: break-word;
}
.price-color.price-margin-key-attribute {
  margin-bottom: 39px;
}
.crossSellingContainerVertical .item .pic-wrapper {
  margin-bottom: 16px;
}
.linkText {
  color: white;
}
.mobileNavigationBody {
  display: inline-block;
  width: 100%;
}
.count-input {
  width: 100%;
  position: relative;
  top: 0;
}
.count-input input {
  width: 60px;
  height: 30px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: none;
  text-align: center;
  background: #fdfbfc;
  font-size: 12pt;
  line-height: 1;
  float: left;
}
.count-input input:focus {
  outline: none!important;
  border: 0px solid;
}
.count-input .incr-btn {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  float: left;
  margin-top: 0;
  text-decoration: none;
  cursor: pointer;
}
.count-input .incr-btn:first-child {
  top: 46%;
}
.count-input .inactive {
  opacity: 0.5;
}
#selectedAccordionBody {
  clear: both;
  overflow: auto;
}
#selectedAccordionBody ul {
  margin-bottom: 0px;
  padding: 0 10px;
}
#selectedAccordionBody ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 8px;
  gap: 6px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
#selectedAccordionBody ul li a .eco3-icon.icon-close {
  background-size: 22px;
}
.reset-Filters {
  clear: both;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin: 10px 0 15px 0;
}
.accordion a {
  text-decoration: none;
}
#productListBannerSection {
  background-size: cover;
  display: inline-block;
  min-height: 200px;
  width: 100%;
  text-align: center;
  margin: 0 auto 0;
}
#productListBannerSection .productInnerBanner {
  margin: 50px auto;
  text-align: center;
  display: inline-block;
  max-width: 1080px;
  border: 25px solid #ffffff;
  border: 25px solid rgba(255, 255, 255, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  max-width: 1160px;
  width: 100%;
}
#productListBannerSection .productInnerBanner .eco3-comp-box {
  min-height: 345px;
}
#productListBannerSection .productInnerBanner .plp-breadcrumb {
  font-family: Roboto-Regular;
  font-size: 13px;
  float: left;
  color: #666666;
  padding-left: 20px;
  margin-bottom: 0;
}
#productListBannerSection .productInnerBanner .plp-breadcrumb li {
  display: inline;
}
#productListBannerSection .productInnerBanner .plp-breadcrumb .breadcrumb-indicator {
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
#productListBannerSection .productInnerBanner .white-block {
  background: transparent;
  display: flex;
}
#productListBannerSection .productInnerBanner .categoryImage,
#productListBannerSection .productInnerBanner .categoryHighlights,
#productListBannerSection .productInnerBanner .componentBlock,
#productListBannerSection .productInnerBanner .eco3-comp-box {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
#productListBannerSection .productInnerBanner .categoryHighlights {
  background: #ffffff;
  min-width: 257px;
}
#productListBannerSection .productInnerBanner .componentBlock {
  display: inline-block;
  width: 100%;
}
#productListBannerSection .productInnerBanner .captionInfo {
  width: 100%;
}
#productListBannerSection .productInnerBanner .captionInfo h1,
#productListBannerSection .productInnerBanner .captionInfo h2 {
  font-weight: bold;
}
#productListBannerSection .productInnerBanner .captionInfo h1 {
  font-size: 27px;
  background: rgba(255, 255, 255, 0.7);
  color: #666666;
  padding: 13px 20px;
  margin: 0px;
  opacity: 1;
  height: 45px;
  line-height: 16px;
  margin-bottom: -3px;
}
#productListBannerSection .productInnerBanner .captionInfo h2 {
  font-size: 14px;
  color: #999999;
  margin: 0px;
  padding: 0px 20px;
  line-height: 20px;
  min-height: 37px;
  background-color: #ffffff;
  font-weight: normal;
}
#productListBannerSection .productInnerBanner .categoryImage .img {
  min-height: 266px;
  background: #ffffff;
  background-size: cover;
}
#productListBannerSection .productInnerBanner .eco3-comp-box {
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
  min-width: 240px;
}
#productListBannerSection .productInnerBanner .eco3-comp-box header {
  min-height: 45px;
  height: auto;
  text-align: center;
  color: #ffffff;
  font-size: 14pt;
  /* background: url("../images/banner-component-header-bg.png") no-repeat left center; */
  background: -moz-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, 160deg, color-stop(0, 97 DB), color-stop(80%, 1 FA4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
  /* for IE */
  background: linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* W3C */
  margin: 0px;
  width: 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
#productListBannerSection .productInnerBanner .eco3-comp-box .body {
  background-color: #ffffff;
  opacity: 0.9;
  min-height: 292px;
}
#productListBannerSection .productInnerBanner .eco3-comp-box .body .componentListView {
  padding-left: 5px;
}
#productListBannerSection .productInnerBanner .eco3-comp-box .body .bullet-title-small:before {
  left: 0px;
  width: 0px;
}
#salesAndMarketingResources .list-align:before,
#rightHandsideBanners .list-align:before {
  margin-top: 5px;
  margin-right: 20px;
}
.productDetailsHeight {
  max-width: 625px;
  min-height: 0px !important;
}
.priceAttriWidth {
  padding-right: 15px;
  margin-bottom: 8px;
  float: right;
  max-width: 813px;
}
.priceAttriWidth .pricePanel {
  max-height: fit-content;
  padding: 0px;
  margin-bottom: 0px;
}
.productDetailsBlock {
  min-height: 70px;
}
.attrPadding {
  padding-left: 18px;
  width: 72%;
}
.atp-icon-wrapper .spinner {
  margin: 5px auto !important;
}
.icon-atp {
  height: 32px;
  width: 34px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.icon-atp.stock-in {
  background: url("../images/atp_in_stock.svg") no-repeat;
  background-size: 33px;
  height: 33px;
  width: 33px;
  margin-top: 4px;
}
.icon-atp.stock-in + .popover {
  border: 2px solid #83bc34;
  border-color: #83bc34;
}
.icon-atp.stock-in + .popover .arrow {
  border-top-color: transparent;
}
.icon-atp.stock-in + .popover .arrow:after {
  border-top-color: #83bc34;
  bottom: -5px;
  margin-left: -11px;
  border-width: 8px;
}
@media (max-width: 767px) {
  .icon-atp.stock-in + .popover .arrow:after {
    margin-left: -10px;
  }
}
.icon-atp.stock-out {
  background: url("../images/atp_is_not_on_stock.svg") no-repeat;
  background-size: 33px;
  height: 33px;
  width: 33px;
  margin-top: 4px;
}
.icon-atp.stock-out + .popover {
  border: 2px solid #fd9927;
  border-color: #fd9927;
}
.icon-atp.stock-out + .popover .arrow {
  border-top-color: transparent;
}
.icon-atp.stock-out + .popover .arrow:after {
  border-top-color: #fd9927;
  bottom: -5px;
  margin-left: -11px;
  border-width: 8px;
}
@media (max-width: 767px) {
  .icon-atp.stock-out + .popover .arrow:after {
    margin-left: -10px;
  }
}
.icon-atp.stock-in-partially {
  background: url("../images/atp_check.svg") no-repeat;
  background-size: 33px;
  height: 33px;
  width: 33px;
  margin-top: 4px;
}
.icon-atp.stock-in-partially + .popover {
  border: 2px solid #fd9927;
  border-color: #fd9927;
}
.icon-atp.stock-in-partially + .popover .arrow {
  border-top-color: transparent;
}
.icon-atp.stock-in-partially + .popover .arrow:after {
  border-top-color: #fd9927;
  bottom: -5px;
  margin-left: -11px;
  border-width: 8px;
}
@media (max-width: 767px) {
  .icon-atp.stock-in-partially + .popover .arrow:after {
    margin-left: -10px;
  }
}
.icon-atp.icon-atp-quote-only,
.icon-atp.icon-atp-red-flag,
.icon-atp.incorrect-atp-response,
.icon-atp.stock-out-always {
  background: url("../images/atp_info.svg") no-repeat;
  background-size: 33px;
  height: 33px;
  width: 33px;
  margin-top: 4px;
}
.icon-atp.icon-atp-quote-only + .popover,
.icon-atp.icon-atp-red-flag + .popover,
.icon-atp.incorrect-atp-response + .popover,
.icon-atp.stock-out-always + .popover {
  border: 2px solid #7d7d7d;
  border-color: #7d7d7d;
}
.icon-atp.icon-atp-quote-only + .popover .arrow,
.icon-atp.icon-atp-red-flag + .popover .arrow,
.icon-atp.incorrect-atp-response + .popover .arrow,
.icon-atp.stock-out-always + .popover .arrow {
  border-top-color: transparent;
}
.icon-atp.icon-atp-quote-only + .popover .arrow:after,
.icon-atp.icon-atp-red-flag + .popover .arrow:after,
.icon-atp.incorrect-atp-response + .popover .arrow:after,
.icon-atp.stock-out-always + .popover .arrow:after {
  border-top-color: #7d7d7d;
  bottom: -5px;
  margin-left: -11px;
  border-width: 8px;
}
@media (max-width: 767px) {
  .icon-atp.icon-atp-quote-only + .popover .arrow:after,
  .icon-atp.icon-atp-red-flag + .popover .arrow:after,
  .icon-atp.incorrect-atp-response + .popover .arrow:after,
  .icon-atp.stock-out-always + .popover .arrow:after {
    margin-left: -10px;
  }
}
.icon-atp.stock-in-for-lead {
  background: url("../images/atp_stock_in_for_lead.svg") no-repeat;
  background-size: 33px;
  height: 33px;
  width: 33px;
  margin-top: 4px;
}
.icon-atp.stock-in-for-lead + .popover {
  border: 2px solid #7d7d7d;
  border-color: #7d7d7d;
}
.icon-atp.stock-in-for-lead + .popover .arrow {
  border-top-color: transparent;
}
.icon-atp.stock-in-for-lead + .popover .arrow:after {
  border-top-color: #7d7d7d;
  bottom: -5px;
  margin-left: -11px;
  border-width: 8px;
}
@media (max-width: 767px) {
  .icon-atp.stock-in-for-lead + .popover .arrow:after {
    margin-left: -10px;
  }
}
.icon-atp.stock-in-for-lead {
  background: url("../images/atp_stock_in_for_lead.svg") no-repeat;
  background-size: 33px;
  height: 33px;
  width: 33px;
  margin-top: 4px;
}
.icon-atp-guest {
  top: 1px;
}
.atp-footer-item .icon-atp-guest {
  height: 32px;
  width: 34px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.atp-footer-item .stock-in-guest {
  background: url("../images/atp_in_stock.svg") no-repeat;
  background-size: 35px;
}
.atp-footer-item .stock-in-guest + .popover {
  border: 2px solid #83bc34;
  border-color: #83bc34;
}
.atp-footer-item .stock-in-guest + .popover .arrow {
  border-top-color: transparent;
}
.atp-footer-item .stock-in-guest + .popover .arrow:after {
  border-top-color: #83bc34;
  bottom: -5px;
  margin-left: -11px;
  border-width: 8px;
}
@media (max-width: 767px) {
  .atp-footer-item .stock-in-guest + .popover .arrow:after {
    margin-left: -29px;
  }
}
#sorting_bar {
  max-width: 830px;
}
#sorting_bar select.form-control {
  text-transform: initial;
}
#sorting_bar .count {
  color: #009cdd;
  margin-right: 15px;
  font-weight: bold;
}
#sorting_bar .sort_by_label {
  padding-top: 27px;
  padding-bottom: 0;
  max-width: 210px;
}
#sorting_bar .sort_by_label .icon-sort {
  height: 40px;
  width: 40px;
  display: inline-block;
  vertical-align: middle;
}
#sorting_bar .sort_by_label .icon-sort.sorting-indicate {
  margin-right: 15px;
  background: url("../images/icon-sorting-indicate.svg") no-repeat;
}
#sorting_bar .results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sorting_bar .results-header .export-magic-spreadsheet {
  color: #009cdd;
  text-decoration: none;
  cursor: pointer;
}
#sorting_bar .results-header .export-magic-spreadsheet i.download-grey-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/download.svg");
  background-size: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
.document-filter-element {
  margin: 0 auto;
  padding-bottom: 15px;
}
@media (max-width: 1200px) {
  .document-filter-element {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  .document-filter-element {
    max-width: 340px;
  }
}
.document-filter-element .document-filter-title {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  padding: 5px 5px 5px 0px;
}
@media (max-width: 767px) {
  .document-filter-element span.input-group-btn {
    right: 0;
  }
}
.document-filter-element .search-filter-doc {
  width: 240px !important;
  height: 32px;
}
.document-filter-element .search-filter-doc:focus {
  box-shadow: #009cdd 0px 0px 5px 0px !important;
  border-color: #009cdd !important;
}
@media (max-width: 767px) {
  .document-filter-element .search-filter-doc {
    width: 114% !important;
    height: 37px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .document-filter-element .search-filter-doc {
    height: 42px;
  }
}
.document-filter-element .js_search_button-documentSearch {
  background: transparent;
  outline: none;
  min-width: 40px;
  height: 18px;
  min-height: 0;
  font-size: 5pt;
  opacity: 1;
  z-index: 9;
  color: #7d7d7d;
  border-left: 1px solid #cccccc;
}
.document-filter-element ul {
  list-style: none;
}
.document-filter-element .no-items-message {
  margin-bottom: 20px;
}
.mobileFacetFilterBlock {
  margin: 0 auto;
  text-align: center;
  max-width: 400px;
}
#facetFilderDesktop #product-facet,
#facetFilderDesktop2 #product-facet,
#facetFilderDesktop #document-facet,
#facetFilderDesktop2 #document-facet {
  max-width: 280px;
  box-shadow: 0 4px 9px -2px #d9d9d9 !important;
}
#facetFilderDesktop #product-facet .eco3-pannel-tag,
#facetFilderDesktop2 #product-facet .eco3-pannel-tag,
#facetFilderDesktop #document-facet .eco3-pannel-tag,
#facetFilderDesktop2 #document-facet .eco3-pannel-tag,
#facetFilderDesktop #product-facet .each-facet-column,
#facetFilderDesktop2 #product-facet .each-facet-column,
#facetFilderDesktop #document-facet .each-facet-column,
#facetFilderDesktop2 #document-facet .each-facet-column {
  margin: 0 auto;
  text-align: center;
  max-width: 240px;
  font-weight: normal;
  position: relative;
}
#facetFilderDesktop #product-facet .eco3-pannel-tag .pannel-blue-tile,
#facetFilderDesktop2 #product-facet .eco3-pannel-tag .pannel-blue-tile,
#facetFilderDesktop #document-facet .eco3-pannel-tag .pannel-blue-tile,
#facetFilderDesktop2 #document-facet .eco3-pannel-tag .pannel-blue-tile,
#facetFilderDesktop #product-facet .each-facet-column .pannel-blue-tile,
#facetFilderDesktop2 #product-facet .each-facet-column .pannel-blue-tile,
#facetFilderDesktop #document-facet .each-facet-column .pannel-blue-tile,
#facetFilderDesktop2 #document-facet .each-facet-column .pannel-blue-tile {
  background-color: #009cdd;
  width: 20px;
  height: 40px;
  display: inline-block;
  position: absolute;
  left: 0;
}
#facetFilderDesktop #product-facet .reset-all-btn-container,
#facetFilderDesktop2 #product-facet .reset-all-btn-container,
#facetFilderDesktop #document-facet .reset-all-btn-container,
#facetFilderDesktop2 #document-facet .reset-all-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
#facetFilderDesktop #product-facet .reset-all-btn,
#facetFilderDesktop2 #product-facet .reset-all-btn,
#facetFilderDesktop #document-facet .reset-all-btn,
#facetFilderDesktop2 #document-facet .reset-all-btn {
  width: 79px;
  height: 20px;
  text-align: center;
}
#document-facet .accordion-heading .facet-name,
#mobile-facet .accordion-heading .facet-name {
  font-size: 16px;
}
#document-facet .dsp-radio-buttons,
#mobile-facet .dsp-radio-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#document-facet .dsp-radio-buttons .radio label::before,
#mobile-facet .dsp-radio-buttons .radio label::before {
  width: 18px;
  height: 18px;
  border-width: 2px;
}
#document-facet .dsp-radio-buttons .radio label::after,
#mobile-facet .dsp-radio-buttons .radio label::after {
  width: 14px;
  height: 14px;
  top: 2px;
  left: 2px;
}
#document-facet .facet-list,
#mobile-facet .facet-list {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
#document-facet .facet-list .eco3-checkbox,
#mobile-facet .facet-list .eco3-checkbox {
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
#document-facet .facet-list .eco3-checkbox .checkmark,
#mobile-facet .facet-list .eco3-checkbox .checkmark {
  top: 7px;
}
#document-facet .facet-list ul,
#mobile-facet .facet-list ul {
  padding-inline-start: 30px;
}
#document-facet label,
#mobile-facet label,
#document-facet .facet-label,
#mobile-facet .facet-label {
  font-weight: 400;
  font-size: 14px;
  vertical-align: middle;
}
#document-facet .btn-theme-color-secondary,
#mobile-facet .btn-theme-color-secondary {
  width: 100%;
  text-align: center;
  margin: 10px 0 10px 0;
}
#document-facet .button-container .filter-action-button,
#mobile-facet .button-container .filter-action-button {
  text-align: left;
  margin-bottom: 10px;
}
#document-facet .button-container .filter-show-more-btn,
#mobile-facet .button-container .filter-show-more-btn,
#document-facet .button-container .filter-show-less-btn,
#mobile-facet .button-container .filter-show-less-btn {
  width: 100%;
  text-align: center;
}
#document-facet .button-container .clear-apply-container,
#mobile-facet .button-container .clear-apply-container {
  display: flex;
  font-size: 16px;
}
#document-facet .button-container .clear-apply-container .filter-action-button,
#mobile-facet .button-container .clear-apply-container .filter-action-button {
  width: 50%;
}
#document-facet .button-container .clear-apply-container .filter-clear-btn .action-button-content,
#mobile-facet .button-container .clear-apply-container .filter-clear-btn .action-button-content {
  display: inline-flex;
  align-items: center;
}
#document-facet .button-container .clear-apply-container .filter-clear-btn .action-button-content i.button-icon,
#mobile-facet .button-container .clear-apply-container .filter-clear-btn .action-button-content i.button-icon {
  background-image: url(../images/iconfinder-icon.svg) !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
#document-facet .button-container .clear-apply-container .filter-apply-btn,
#mobile-facet .button-container .clear-apply-container .filter-apply-btn {
  text-align: right;
  margin-left: auto;
}
#document-facet .button-container .clear-apply-container .disabled,
#mobile-facet .button-container .clear-apply-container .disabled {
  opacity: 0.4;
  pointer-events: none;
}
#document-facet .button-container > div,
#mobile-facet .button-container > div {
  margin-right: 10px;
}
#document-facet .button-container > div:last-child,
#mobile-facet .button-container > div:last-child {
  margin-right: 0;
}
#document-facet .filter-show-more-btn,
#mobile-facet .filter-show-more-btn,
#document-facet .filter-show-less-btn,
#mobile-facet .filter-show-less-btn {
  width: 50%;
  text-align: left;
}
#document-facet .filter-clear-btn,
#mobile-facet .filter-clear-btn {
  width: 50%;
  text-align: right;
}
#document-facet .single-node-selection-input-tile .eco3-checkbox,
#mobile-facet .single-node-selection-input-tile .eco3-checkbox {
  padding-left: 0;
}
#document-facet .single-node-selection-input-tile .eco3-checkbox:has(input[type="checkbox"]) .facet-label,
#mobile-facet .single-node-selection-input-tile .eco3-checkbox:has(input[type="checkbox"]) .facet-label {
  font-weight: normal;
}
#document-facet .single-node-selection-input-tile .eco3-checkbox:has(input[type="checkbox"]) .facet-label.selected-family-branch,
#mobile-facet .single-node-selection-input-tile .eco3-checkbox:has(input[type="checkbox"]) .facet-label.selected-family-branch {
  font-weight: 500;
}
#document-facet .single-node-selection-input-tile .facet-name.tree-facet,
#mobile-facet .single-node-selection-input-tile .facet-name.tree-facet {
  width: fit-content;
}
#document-facet .single-node-selection-input-tile .facet-name.eco-accordion-toggle,
#mobile-facet .single-node-selection-input-tile .facet-name.eco-accordion-toggle {
  text-align: left;
  font-size: 12pt;
  padding: 10px;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
}
#document-facet .single-node-selection-input-tile .eco-accordion-toggle,
#mobile-facet .single-node-selection-input-tile .eco-accordion-toggle {
  cursor: pointer;
}
#document-facet .single-node-selection-input-tile .eco-accordion-toggle .eco-accordion-toggle-icon,
#mobile-facet .single-node-selection-input-tile .eco-accordion-toggle .eco-accordion-toggle-icon {
  width: 24px;
  height: 24px;
  float: right;
  content: "";
  margin-right: 8px;
  background: url(../images/arrow-up-new.svg) no-repeat center;
}
#document-facet .single-node-selection-input-tile .eco-accordion-toggle .eco-accordion-toggle-icon.collapsed,
#mobile-facet .single-node-selection-input-tile .eco-accordion-toggle .eco-accordion-toggle-icon.collapsed {
  background: url(../images/arrow-down-new.svg) no-repeat center;
}
#document-facet .single-node-selection-input-tile .selected-family-indent ul,
#mobile-facet .single-node-selection-input-tile .selected-family-indent ul {
  padding-inline-start: 10px;
}
#document-facet .single-node-selection-input-tile ul,
#mobile-facet .single-node-selection-input-tile ul {
  padding-inline-start: 10px;
}
#document-facet .single-node-selection-input-tile .icon-arrow-right,
#mobile-facet .single-node-selection-input-tile .icon-arrow-right {
  width: 24px;
  height: 24px;
  background: url("../images/arrow-up-new.svg") no-repeat;
  transform: rotate(90deg);
  display: inline-block;
  vertical-align: middle;
  float: right;
}
#document-facet .single-node-selection-input-tile .filter-show-more-btn,
#mobile-facet .single-node-selection-input-tile .filter-show-more-btn,
#document-facet .single-node-selection-input-tile .filter-show-less-btn,
#mobile-facet .single-node-selection-input-tile .filter-show-less-btn {
  width: 100%;
  text-align: center;
}
#document-facet .multi-node-selection-input-tile .facet-name.tree-facet,
#mobile-facet .multi-node-selection-input-tile .facet-name.tree-facet {
  padding: 8px 0px 0px 0px;
}
.each-facet-column .more .highlight-link:hover {
  color: #009cdd;
  opacity: 0.7;
}
ul.facet-list {
  margin-left: 0;
  padding-left: 0;
}
.facet-label {
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  word-wrap: break-word;
}
.accordion {
  font-weight: normal;
  text-transform: none;
}
.accordion-toggle {
  text-decoration: none;
}
.accordion-toggle:after {
  width: 24px;
  height: 24px;
  float: right;
  content: "";
  margin-top: 8px;
  margin-right: 8px;
  background: url("../images/arrow-down.svg") no-repeat;
}
.accordion-toggle.collapsed:after {
  background: url("../images/arrow-right.svg") no-repeat;
}
.facet-name {
  mix-width: 240px;
  width: 100%;
  background-color: #f3f3f3;
  text-align: center;
  min-height: 32px;
  font-size: 12pt;
  display: block;
  line-height: 20px;
  color: #434343;
  margin: 10px 0px;
  font-weight: 500;
}
.facet-name.full {
  max-width: 100%;
}
.facet-name.accordion-toggle {
  text-align: left;
  font-size: 12pt;
  padding: 10px;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
}
.facet-name.accordion-toggle:after {
  margin-top: 0px;
}
.facet-name.tree-facet {
  background-color: initial;
  padding-left: 0;
  padding-top: 8px;
  line-height: 16px;
  max-height: 20px;
  max-width: max-content;
  display: inline-block;
  float: right;
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
}
.facet-name.tree-facet:after {
  margin: 0;
  width: 18px;
  height: 18px;
}
.filter-tree-accordion .accordion-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-tree-accordion .accordion-heading .eco3-checkbox {
  display: inline-block !important;
  float: left;
  width: -webkit-fill-available !important;
}
.btn-group-product {
  display: flex;
  position: relative;
  left: 10px;
  float: right;
}
.btn-group-product .product-btn {
  background-position: center;
  height: 50px;
  width: 100px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12.0pt;
  font-weight: normal;
  padding: 0;
}
.btn-group-product .product-btn.product-btn-ATC {
  background: #83bc34 url("../images/cart_icon.svg") no-repeat center;
  background-size: 34px 28px;
  border: 0px solid;
}
.btn-group-product .product-btn.product-btn-ATC[disabled="disabled"] {
  background: #d2d2d2 url("../images/cart_icon.svg") no-repeat center;
  background-size: 34px 28px;
  cursor: not-allowed;
}
.btn-group-product .product-btn.product-btn-ATQ {
  background: #009cdd url("../images/quote_white.svg") no-repeat center;
  background-size: 22px 28px;
  border: 0px solid;
}
.btn-group-product .product-btn.product-btn-Config {
  background: #83bc34 url("../images/icon-product-config.svg") no-repeat center;
  background-size: 32px;
  border: 0px solid;
}
.btn-group-product .product-btn.product-btn-Config-lead-mode {
  background: #009cdd url("../images/icon-product-config.svg") no-repeat center;
  background-size: 32px;
  border: 0px solid;
}
.btn-group-product .product-btn.product-btn-ATL {
  background: #009cdd url("../images/add_to_lists.svg") no-repeat center;
  border: 0px solid;
  background-size: 20px 28px;
}
.btn-group-product .product-btn.product-btn-OPP {
  background: #009cdd url("../images/lead_mode_white.svg") no-repeat center;
  background-size: 28px;
  border: 0px solid;
  float: right;
}
.btn-group-product .product-btn.product-btn-ConfigEdit {
  background: #83bc34 url("../images/transparent-right-arrow.svg") no-repeat center;
  border: 0 solid;
  display: inline-block;
}
.btn-group-product .product-btn.product-btn-lead-mode-config-update {
  background: #009cdd url(../images/vector.svg) no-repeat center;
  background-size: 24px 24px;
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
}
.btn-group-product .product-btn:hover {
  opacity: 0.7;
}
.btn-group-product .product-btn.sm {
  height: 38px;
  width: 60px;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-size: auto 21px;
}
.btn-group-product .product-btn.sm.bg-size-ATQ {
  background-size: auto 21px;
}
.btn-group-product .product-btn.delivery-edit-btn {
  background-color: #7d7d7d;
  width: 80px;
  height: 30px;
}
.delivery-btn-left {
  left: 0px;
}
.btn-Config {
  left: 0px !important;
}
.displayItem {
  display: flex;
}
.widthItem {
  margin-right: 8px;
}
.textItemAlign {
  text-align: center !important;
}
.textItemAlignLeft {
  margin-left: -14px;
}
.attriValueFont {
  font-weight: bold;
}
.techAttriLabel {
  width: 200px;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.listAlign {
  margin-left: -12px;
}
.pricePadding {
  padding-left: 33px;
}
.btn-padding {
  float: right;
  max-width: 200px;
  padding: 0px;
}
.qty-align {
  max-width: 180px;
  max-height: 30px;
}
.chk-padding {
  padding-left: 0;
  padding-top: 3px;
}
.chk-padding.relationship-tabs {
  padding-top: 15px;
}
.qty-size {
  font-size: 12pt;
}
.qty-icon {
  width: 30px;
  height: 30px;
}
.compare-size {
  font-size: 10pt;
  font-weight: normal;
  text-transform: initial;
}
.textAlignList {
  margin-left: -2px;
}
.header-padding {
  padding-left: 15px;
  padding-right: 30px;
}
.eco3-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
}
.eco3-checkbox input {
  position: absolute;
  opacity: 0;
}
.eco3-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #cccccc;
}
.eco3-checkbox:hover input ~ .checkmark {
  background-color: #ffffff;
}
.eco3-checkbox input:checked ~ .checkmark {
  background-color: #65ceff;
  border: 2px solid #65ceff;
}
.eco3-checkbox.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.eco3-checkbox.disabled input:checked ~ .checkmark {
  opacity: 0.4;
}
.eco3-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.eco3-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.eco3-checkbox .checkmark:after {
  left: 4px;
  top: -1px;
  width: 5px;
  height: 12px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.eco3-checkbox .checkmark.intermediate:after {
  border-width: 0 2px 0 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#no-search-result {
  line-height: 23px;
  font-size: 16pt;
  padding: 100px;
  text-align: left;
}
#no-search-result p.grey {
  text-transform: uppercase;
}
#no-search-result .content h2 {
  color: #333;
  font-size: 12pt;
  font-weight: normal;
  border-bottom: 1px solid #999;
  width: 550px;
  margin: 0;
}
#no-search-result .content h2 + p {
  font-size: 10pt;
  font-weight: bold;
  color: #434343;
  padding-top: 43px;
}
#no-search-result .content ul {
  font-size: 10pt;
  list-style: none;
  padding: 0;
  color: #333;
}
#no-search-result .content ul li {
  line-height: 18pt;
  margin-top: 15px;
}
#no-search-result .content ul li:nth-child(2) {
  margin-top: 0;
}
#no-search-result .results h1 {
  color: #666;
  margin: 50px 0 30px 0;
  padding: 0;
  font-size: 16pt;
  display: block;
  word-wrap: break-word;
}
#no-search-result .btn.btn-1 {
  margin: 63px 0 50px 0;
  font-size: 11pt;
}
.mini-campaign-cart-page .campaigne-popup {
  clear: both;
}
.mini-campaign-cart-page .campaigne-popup .campaign-display .minicart-campaign-display .campaign-icon {
  margin-top: 2px;
  background-color: #ddf5ff;
  width: 40px;
  height: 35px;
  margin-right: 3px;
  text-align: center;
  display: inline-block;
}
.mini-campaign-cart-page .campaigne-popup .campaign-display .minicart-campaign-display .campaign-icon img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
.mini-campaign-cart-page .campaigne-popup .campaign-display .minicart-campaign-display .heavy-weight-image {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 2px;
  margin-right: 3px;
  text-align: center;
  display: inline-block;
}
.mini-campaign-cart-page .campaigne-popup .campaign-display .minicart-campaign-display .heavy-weight-image img {
  width: 30px;
  height: 20px;
  margin: 7px;
}
.products-view-footer .footer-item .wishlist-inside-text {
  margin-left: -2px;
}
#wishlist-product-btn li.textItemAlign a {
  line-height: 30px;
}
#relationship-tabs .campaign-display {
  text-align: left;
}
#relationship-tabs .campaign-display .relation-tabs-campaign {
  display: flex;
}
#relationship-tabs .campaign-display .relation-tabs-campaign .campaign-icon {
  background-color: #ddf5ff;
  width: 65px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
#relationship-tabs .campaign-display .relation-tabs-campaign .campaign-icon img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
#relationship-tabs .productRelatedItemsList .displayProductInfo {
  font-weight: normal;
}
#relationship-tabs .productRelatedItemsList .btn-group-product {
  bottom: 40px;
}
#relationship-tabs .productRelatedItemsList .btn-group-product a.textItemAlign {
  text-decoration: none !important;
}
#relationship-tabs .relationship-tabs .eco3-checkbox {
  cursor: default;
}
#relationship-tabs .relationship-tabs .product-compare-link {
  max-width: 100px;
  padding-left: 20px;
}
.page-productDetailsPage .eco3-responsive-tabs .pdp-tab .nav li a {
  margin-top: 1px;
}
.page-productDetailsPage .compareBlock .eco3-checkbox {
  cursor: default;
}
.page-productDetailsPage .compareBlock .product-compare-link {
  max-width: 100px;
  padding-left: 20px;
}
.page-productDetailsPage .service-price {
  text-align: right;
}
.page-productDetailsPage .service-price label {
  font-size: 14px;
  color: #009cdd;
}
.page-productDetailsPage .service-price .service-na-info {
  position: relative;
  top: 5px;
}
.page-productDetailsPage .service-desc-text {
  width: 95%;
}
.page-productDetailsPage .added-service {
  font-size: 14px;
  font-weight: 400;
  margin-left: -10px;
}
.page-productDetailsPage .service-message {
  max-width: 650px;
}
.page-productDetailsPage .service-message .service-info-msg {
  font-size: 14px;
  font-weight: 500;
}
.page-productDetailsPage .service-id {
  font-size: 12px;
}
div#unitsRadio {
  padding-top: 10px;
}
div#unitsRadio label.input-inline {
  margin-right: 5px;
}
div#unitsRadio label.input-inline input[type="radio"] {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  top: 3px;
  border-radius: 12px !important;
}
/* =============================================================================*/
/* Part-II  Medium devices means Resolution range (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  #productListBannerSection {
    margin-bottom: 50px;
  }
  #productListBannerSection .productInnerBanner {
    margin: 25px auto;
    border: 10px solid rgba(255, 255, 255, 0.5);
  }
  .margin-filter {
    margin-bottom: 45px;
  }
}
/****  add to cart popup styles     ******/
.eco3-addToCart .close {
  padding: 8px;
  font-size: 25px;
  line-height: 26px;
  margin: 5px;
  background-image: url(../images/icon-close.svg) !important;
}
.eco3-addToCart .close span {
  visibility: hidden;
}
.eco3-addToCart .cart_modal_popup {
  overflow: auto;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 20px 24px 55px 24px;
  padding: 10px;
}
.eco3-addToCart .cart_modal_popup .prod_image {
  float: left;
  height: 96px;
}
.eco3-addToCart .cart_modal_popup .prod_image img {
  width: 96px;
  height: 96px;
  object-fit: contain;
}
.eco3-addToCart .cart_modal_popup .prod_info {
  width: 42%;
  float: left;
  margin: 0 20px 0 15px;
}
.eco3-addToCart .cart_modal_popup .prod_info .prod_name {
  margin: 0 0 50px 0;
  font-weight: 500;
  font-size: 11pt;
  color: #434343;
}
.eco3-addToCart .cart_modal_popup .prod_info .prod_id {
  display: inline;
  font-weight: normal;
  font-size: 9pt;
  color: #434343;
}
.eco3-addToCart .cart_modal_popup .prod_info .prod_quantity {
  display: inline;
  float: right;
}
.eco3-addToCart .cart_modal_popup .prod_price {
  color: #009cdd;
  width: 20%;
  float: right;
  font-weight: 500;
  font-size: 11pt;
  text-align: center;
}
.eco3-addToCart .links {
  overflow: auto;
  margin: 0 0 10px 0;
  padding: 0 23px 0px 23px;
  height: 43px;
  overflow-y: hidden;
}
.eco3-addToCart .links a.btn.btn-1.blue {
  float: left;
  color: #ffffff !important;
  width: 180px;
  font-size: 11pt;
  font-weight: normal;
  line-height: 20px;
  white-space: normal;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 40px;
  height: auto;
}
.eco3-addToCart .links a.green-go.btn.btn-2 {
  float: right;
  width: 180px;
  font-size: 11pt;
  font-weight: normal;
  line-height: 20px;
  white-space: normal;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 40px;
  height: auto;
}
/******minicart popup styles***/
.eco3-minCart a:hover {
  text-decoration: none;
}
.eco3-minCart .modal-body {
  padding: 15px 27px;
}
.eco3-minCart .mini-cart-body .empty-cart-msg {
  border-top: 1px solid #e5e5e5;
  padding: 50px 21px;
  border-bottom: 1px solid #e5e5e5;
  margin: 50px 0;
  text-align: center;
  font-weight: normal;
  font-size: 14pt;
  color: #434343;
}
.eco3-minCart .mini-cart-body a.green-go-empty-cart {
  float: right;
  width: 180px;
  font-size: 11pt;
  font-weight: normal;
  color: #434343;
  background-color: #ffffff;
  line-height: 20px;
  white-space: normal;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 40px;
  height: auto;
}
.eco3-minCart .mini-cart-body .showing-count {
  margin: 15px 0;
}
.eco3-minCart .mini-cart-body a.show-all {
  color: #009cdd !important;
  font-size: 15px;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list {
  border-bottom: 1px solid #e5e5e5;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item {
  border-top: 1px solid #e5e5e5;
  padding: 12px 0 12px 12px;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .thumb {
  float: left;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details {
  width: 40%;
  float: left;
  margin: 0 20px 0 7px;
  min-height: 96px;
  display: table;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details p.name {
  margin: 0;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details p.name a {
  color: #434343;
  font-weight: 500;
  font-size: 11pt;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details .product-code-qty-wrapper {
  display: table-footer-group;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details .product-code-qty-wrapper p.product_code {
  display: inline;
  font-weight: normal;
  font-size: 9pt;
  position: relative;
  top: 12px;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details .product-code-qty-wrapper p.product_code a {
  color: #434343;
  cursor: default;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details .product-code-qty-wrapper p.qty {
  display: inline;
  float: right;
  position: relative;
  top: 12px;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .price {
  color: #009cdd;
  float: right;
  font-weight: 500;
  font-size: 11pt;
  text-align: right;
}
.eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item + li {
  margin-top: 0;
}
.eco3-minCart .mini-cart-body .mini-cart-totals {
  display: inline-block;
  float: right;
  border: none !important;
  margin-right: 0;
  padding-right: 0;
}
.eco3-minCart .mini-cart-body .mini-cart-totals .key {
  float: none;
  display: inline;
  margin-right: 25px;
  font-size: 16px;
  text-transform: uppercase;
}
.eco3-minCart .mini-cart-body .mini-cart-totals .value {
  float: right;
  display: inline-block;
  text-align: none;
  color: #009cdd;
  font-weight: 500;
  font-size: 12pt;
}
.eco3-minCart .mini-cart-body .mini-cart-totals .service-total-wrapper .service-total-infoicon .eco3-icon.small-info-circle {
  width: 21px;
  height: 21px;
}
.eco3-minCart .mini-cart-body .mini-cart-totals .service-total-wrapper .price-data {
  padding-top: 5px;
}
.eco3-minCart .mini-cart-body .links {
  clear: both;
}
.row.padding-10.padding-right-2 {
  clear: both;
}
.delete-update {
  margin: 0 auto;
  float: none;
}
/* Minimum quantity order Start*/
.minimum-quantity-case .min-qty-icon-section {
  border: 1px solid #cccccc;
  padding: 7px 5px;
  left: 58px;
  top: 0px;
  background: #fdfbfc;
  margin-top: 0;
  margin-left: -1px;
}
.minimum-quantity-case .min-qty-icon-section.inactive .eco3-icon {
  opacity: 1;
  cursor: pointer;
}
.minimum-quantity-case .min-qty-icon-section.top-align {
  top: 4px;
}
.minimum-quantity-case.minimum-quantity-case-top-align .min-qty-icon-section {
  margin-top: 4px;
  margin-left: -2px;
}
.minimum-quantity-case.relation-ship-tabs {
  position: relative;
  left: -30px;
}
.minimum-quantity-case .min-qty-icon {
  display: block;
  width: 18px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.minimum-quantity-case .product-info-popover-container {
  padding: 10px;
  color: #ffffff;
  cursor: default;
}
.minimum-quantity-case .product-info-popover-container li {
  text-align: center;
}
.minimum-quantity-case .product-info-popover-container .onlyPackageClass {
  line-height: 40px;
}
.minimum-quantity-case .product-info-popover-container .full {
  padding: 0 10px;
}
.minimum-quantity-case .bgcolor-popover .popover {
  width: 200px;
  text-align: center;
}
.product-quantity-picker {
  display: inline-block;
  max-width: 160px;
  margin: 0 auto;
  width: auto;
  text-align: center;
  margin-top: 9px;
}
.product-quantity-picker .bgcolor-popover .popover {
  top: -60px !important;
}
.product-quantity-picker .bgcolor-popover.withPackage .popover {
  top: -80px !important;
}
table.min-order-qty-table {
  margin: 0 auto;
  width: 100%;
  max-width: 490px;
  text-align: center;
  margin-bottom: 30px;
}
table.min-order-qty-table tr td {
  min-width: 190px;
  width: auto;
  min-height: 49px;
  font-family: Roboto;
  font-size: 15px;
  text-align: center;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
  border-bottom: 1px solid #d9d9d9;
  padding: 20px;
}
table.min-order-qty-table thead tr td {
  font-weight: bold;
}
table.min-order-qty-table tbody tr td {
  min-height: 69px;
}
.products-view-footer {
  width: 100%;
  display: inline-block;
  padding: 0;
  text-align: center;
}
.products-view-footer .item-view {
  display: inline-block;
  float: left;
  text-align: left;
}
.products-view-footer .item-view.right {
  mix-width: 50px;
  float: right;
}
.products-view-footer .item-view.center {
  mix-width: 50px;
  text-align: center;
}
.products-view-footer .btn-group-product {
  left: 0;
}
.page-tipsSelectorLandingPage #breadcrumb .last.right.back-link {
  display: none;
}
.qty-update-block {
  min-width: 180px;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  height: 50px;
}
.qty-update-block .product-quantity-picker {
  float: left;
}
.relationshipTab-center-align {
  text-align: center !important;
}
#productDetailsPage .productPrimaryImage .pdp-image-gal img {
  height: 100%;
  margin: 0 auto;
}
.lead-mode-add-to-lead-form {
  width: 100%;
  text-align: right;
}
.btn-group-product.btn-group-cpq.lead-mode {
  width: 100%;
}
.product-config-csticValueLabelWithoutSelect {
  height: 32px;
}
.btn-group-product.btn-group-cpq {
  display: inline-table;
  left: 5px;
}
.btn-group-product.btn-group-cpq .add_to_quote_button {
  float: left;
}
.product-config-quantity {
  width: 51% !important;
}
/******Request Quote For MT ***************/
.requestQuoteMt span#myModalLabel,
.contact-us-for-atp-modal span#myModalLabel {
  font-size: 16px !important;
}
.requestQuoteMt .request-quote-from-mt-popup,
.contact-us-for-atp-modal .request-quote-from-mt-popup,
.requestQuoteMt .contact-us-for-atp-popup,
.contact-us-for-atp-modal .contact-us-for-atp-popup {
  padding: 10px 30px 30px 30px !important;
}
.requestQuoteMt .request-quote-from-mt-popup .send-button,
.contact-us-for-atp-modal .request-quote-from-mt-popup .send-button,
.requestQuoteMt .contact-us-for-atp-popup .send-button,
.contact-us-for-atp-modal .contact-us-for-atp-popup .send-button {
  width: 180px;
}
.requestQuoteMt .request-quote-from-mt-popup .product-details-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup .product-details-label,
.requestQuoteMt .contact-us-for-atp-popup .product-details-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup .product-details-label {
  padding: 0;
}
.requestQuoteMt .request-quote-from-mt-popup form#requestFromMTQuoteForm div#globalMessages,
.contact-us-for-atp-modal .request-quote-from-mt-popup form#requestFromMTQuoteForm div#globalMessages,
.requestQuoteMt .contact-us-for-atp-popup form#requestFromMTQuoteForm div#globalMessages,
.contact-us-for-atp-modal .contact-us-for-atp-popup form#requestFromMTQuoteForm div#globalMessages,
.requestQuoteMt .request-quote-from-mt-popup form#contactUsForAtpForm div#globalMessages,
.contact-us-for-atp-modal .request-quote-from-mt-popup form#contactUsForAtpForm div#globalMessages,
.requestQuoteMt .contact-us-for-atp-popup form#contactUsForAtpForm div#globalMessages,
.contact-us-for-atp-modal .contact-us-for-atp-popup form#contactUsForAtpForm div#globalMessages {
  margin: 20px auto !important;
}
.requestQuoteMt .request-quote-from-mt-popup form#requestFromMTQuoteForm div#globalMessages .eco3-springGlobalError,
.contact-us-for-atp-modal .request-quote-from-mt-popup form#requestFromMTQuoteForm div#globalMessages .eco3-springGlobalError,
.requestQuoteMt .contact-us-for-atp-popup form#requestFromMTQuoteForm div#globalMessages .eco3-springGlobalError,
.contact-us-for-atp-modal .contact-us-for-atp-popup form#requestFromMTQuoteForm div#globalMessages .eco3-springGlobalError,
.requestQuoteMt .request-quote-from-mt-popup form#contactUsForAtpForm div#globalMessages .eco3-springGlobalError,
.contact-us-for-atp-modal .request-quote-from-mt-popup form#contactUsForAtpForm div#globalMessages .eco3-springGlobalError,
.requestQuoteMt .contact-us-for-atp-popup form#contactUsForAtpForm div#globalMessages .eco3-springGlobalError,
.contact-us-for-atp-modal .contact-us-for-atp-popup form#contactUsForAtpForm div#globalMessages .eco3-springGlobalError {
  margin: 0 !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table {
  width: 100%;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr {
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td span.product-image,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td span.product-image,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td span.product-image,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td span.product-image,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td span.product-image,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td span.product-image,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td span.product-image,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td span.product-image {
  float: left;
  padding: 20px 0;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content {
  padding-left: 15px;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content p.product-name,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content p.product-name,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content p.product-name,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content p.product-name,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content p.product-name,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content p.product-name,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content p.product-name,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content p.product-name {
  width: 100%;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr {
  border: none !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .quantity-container,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .quantity-container,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .quantity-container,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .quantity-container,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .quantity-container,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .quantity-container,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .quantity-container,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .quantity-container {
  margin-left: 60px;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .product-qty,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .product-qty,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .product-qty,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .product-qty,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .product-qty,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .product-qty,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .product-qty,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .product-qty {
  max-width: 120px;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .product-quantity-picker,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .product-quantity-picker,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .product-quantity-picker,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .product-quantity-picker,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .product-quantity-picker,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .product-quantity-picker,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .product-quantity-picker,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .product-quantity-picker {
  margin-top: 0;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td label.request-quote-from-mt-date-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td label.request-quote-from-mt-date-label,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td label.request-quote-from-mt-date-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td label.request-quote-from-mt-date-label,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.request-quote-from-mt-date-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.request-quote-from-mt-date-label,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.request-quote-from-mt-date-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.request-quote-from-mt-date-label,
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td label.popup-small-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td label.popup-small-label,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td label.popup-small-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td label.popup-small-label,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.popup-small-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.popup-small-label,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.popup-small-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.popup-small-label,
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td label.qty-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td label.qty-label,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td label.qty-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td label.qty-label,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.qty-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.qty-label,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.qty-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td label.qty-label {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .bold,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .bold,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .bold,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .bold,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .bold,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .bold,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .bold,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .bold {
  font-weight: bold !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .eco3-datepicker,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table tr td div.product-content table tr td .eco3-datepicker,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .eco3-datepicker,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table tr td div.product-content table tr td .eco3-datepicker,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .eco3-datepicker,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .eco3-datepicker,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .eco3-datepicker,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table tr td div.product-content table tr td .eco3-datepicker {
  max-width: 200px;
}
.requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table .product-quantity-picker,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table .product-quantity-picker,
.requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table .product-quantity-picker,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table .product-quantity-picker,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-quantity-picker,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-quantity-picker,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-quantity-picker,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-quantity-picker {
  padding-top: 5px;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .eco3-checkbox,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .eco3-checkbox,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .eco3-checkbox,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .eco3-checkbox {
  padding-left: 25px !important;
  padding-bottom: 0px !important;
  margin-bottom: 5px !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table label.popup-small-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table label.popup-small-label,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table label.popup-small-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table label.popup-small-label,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table label.qty-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table label.qty-label,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table label.qty-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table label.qty-label {
  font-size: 13px !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-image-container,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-image-container,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-image-container,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-image-container {
  vertical-align: top;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-image,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-image,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-image,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-image {
  padding: 12px 0 !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-content,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-content,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-content,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-content {
  padding-top: 20px !important;
  margin-bottom: 20px;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-name,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-name,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-name,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-name {
  word-break: break-word;
  white-space: pre-wrap;
  -moz-white-space: pre-wrap;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-name,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-name,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-name,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-name,
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .atp-when-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .atp-when-label,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .atp-when-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .atp-when-label {
  margin-bottom: 10px !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .asap-label,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .asap-label,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .asap-label,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .asap-label {
  font-size: 14px !important;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table table,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table table,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table table,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table table {
  margin-bottom: 20px;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-quantity-picker,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table .product-quantity-picker,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-quantity-picker,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table .product-quantity-picker {
  padding-top: 5px;
}
.requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table td.disabled,
.contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table td.disabled,
.requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table td.disabled,
.contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table td.disabled {
  opacity: 0.5;
}
.contact-us-for-atp-modal span#myModalLabel {
  font-size: 18px !important;
}
.contact-us-for-atp-modal label {
  font-weight: 500 !important;
  font-size: 13px !important;
}
.contact-us-for-atp-modal .product-details-label {
  font-weight: 500 !important;
  font-size: 16px !important;
}
.contact-us-for-atp-modal .terms_privacy a {
  font-weight: 400 !important;
  font-size: 14px !important;
}
.contact-us-for-atp-modal .contact-us-for-atp-popup {
  padding: 0px 30px 0px 30px !important;
}
.contact-us-for-atp-modal .modal-body {
  padding-top: 18px !important;
  padding-bottom: 0px !important;
}
.contact-us-for-atp-modal .send-btn-align {
  margin-bottom: 48px !important;
}
.contact-us-for-atp-modal .contact-details-label {
  font-size: 16px !important;
}
.show-active-tab {
  color: #009cdd !important;
  border: 1px solid #cccccc !important;
  box-shadow: 0 0 2px 1px #009cdd !important;
}
/************************?
/* Minimum quantity order End */
/********point of sale - add services***********/
.modal-dialog.service-cart {
  width: 980px;
}
.modal-dialog.service-cart .modal-content {
  max-width: 980px;
}
.modal-dialog.service-cart .modal-content .modal-header {
  padding: 0;
  line-height: 40px;
}
.modal-dialog.service-cart .modal-content .modal-body {
  overflow-x: hidden;
}
.service-popover-wrapper .service-links {
  overflow: auto;
  margin-top: 20px;
  padding-right: 20px;
}
.service-popover-wrapper ul.services-nav-tabs.nav-tabs {
  margin: 30px 0 30PX 0;
}
.service-popover-wrapper ul.services-nav-tabs.nav-tabs li.services-li {
  width: 190px !important;
  min-height: 32px;
}
.service-popover-wrapper ul.services-nav-tabs.nav-tabs li.services-li.active {
  box-shadow: 0 0 4px 0 #009cdd;
  z-index: 99;
  border: none;
}
.service-popover-wrapper ul.services-nav-tabs.nav-tabs li.services-li a,
.service-popover-wrapper ul.services-nav-tabs.nav-tabs li.services-li a:hover {
  width: auto !important;
  font-size: 9pt;
}
.service-popover-wrapper .globalMessagesSection .global-alerts {
  padding-right: 75px;
  padding-left: 60px;
}
@media (max-width: 767px) {
  .service-popover-wrapper .globalMessagesSection .global-alerts {
    padding-right: 0px;
    padding-left: 2px;
  }
}
@media (max-width: 1200px) {
  .service-popover-wrapper .globalMessagesSection .global-alerts {
    padding-right: 9px;
    padding-left: 36px;
  }
}
.service-popover-wrapper .info-icon-extraction {
  margin: -10px 12px 0px 0px;
}
@media (max-width: 767px) {
  .service-popover-wrapper .info-icon-extraction {
    margin: -50px 5px 0px -4px;
  }
}
.service-popover-wrapper .tab-content.svc-show-services-content {
  margin-top: 20px;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane#recommendedContent,
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane#additionalContent {
  padding: 20px 0 20px 0;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item {
  border-bottom: 1px solid #d9d9d9;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .service-line-item-info-box {
  display: table;
  width: 100%;
  overflow: auto;
  margin: 0 20px 0 0;
  padding: 15px 20px;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .service-line-item-info-box .service-image {
  display: table-cell;
  vertical-align: top;
  width: 96px;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .service-line-item-info-box .service-info {
  clear: both;
  vertical-align: top;
  float: none;
  position: relative;
  padding-left: 10px;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .service-line-item-info-box .service-info .service-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  max-width: 85%;
  display: inline-block;
  padding: 0;
  width: auto !important;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .service-line-item-info-box .service-info .service-price {
  text-align: right;
  float: right;
  font-size: 14px;
  font-weight: 500;
  color: #009cdd;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .service-line-item-info-box .service-info .service-description {
  min-height: 50px;
  padding: 10px 0;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .service-line-item-info-box .service-info .service-id-checkbox-wrapper .add-service-checkbox {
  float: right;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .show-more-less-btn {
  margin: 0 auto 20px auto;
}
.service-popover-wrapper .tab-content.svc-show-services-content .tab-pane .service-modal-popup-line-item .show-more-less-btn button {
  width: auto !important;
  height: 30px;
  background-color: #f3f3f3;
  color: #009cdd;
  margin: 0 auto;
  min-width: 120px;
}
.service_info_cart_wrapper {
  clear: both;
  padding-left: 100px;
}
.service_info_cart_wrapper .service_info_cart_line-item p.service-name-price {
  margin-bottom: 10px;
}
.service_info_cart_wrapper .service_info_cart_line-item p.service-name-price span.service-name {
  text-align: left;
  letter-spacing: 0em;
  max-width: 80%;
  display: inline-block;
  font-weight: 500;
}
.service_info_cart_wrapper .service_info_cart_line-item p.service-name-price span.service-price {
  text-align: right;
  float: right;
  color: #009cdd;
  font-weight: 500;
}
.service-price-na {
  position: relative;
  right: 15px;
}
.eco3-addToCart .cart_modal_popup .prod_price {
  text-align: right;
}
.eco3-addToCart .cart_modal_popup .prod_info {
  margin-bottom: 20px;
}
#showServiceLoadingIndicator .spinner {
  margin: 40px auto;
}
.service-total-infoicon {
  position: relative;
  top: 5px;
}
.service-total-infoicon.service-layover-total-infoicon {
  float: right;
  top: 0;
  right: 0;
  position: relative;
}
.service-total-infoicon.service-layover-total-infoicon #standard-popover-width .popover {
  width: 133px !important;
  z-index: 999999;
  position: absolute;
}
#mtModal .service-cart .close {
  display: none !important;
}
#mtModal .service-cart .custom-close {
  display: inline-block;
  padding: 5px;
  font-size: 25px;
  line-height: 26px;
  margin: 5px;
  background-image: url(../images/icon-close.svg) !important;
  height: 30px;
  width: 30px;
  background-size: 30px;
  float: right;
  border: none;
  cursor: pointer;
}
#mtModal .eco3-addToCart .custom-close {
  display: none;
}
.pdp-service-tab-list .add-service-checkbox {
  float: right;
}
.pdp-service-tab-list .add-service-checkbox .eco3-checkbox {
  padding-left: 45px;
}
/*********end of point of sale - add services*********/
.page-productListPage.modal-open {
  overflow: hidden;
}
#globalMessages.config-product-unavailability {
  margin-bottom: 0 !important;
}
#contactUsForVCAvailabilityForm div#globalMessages {
  margin-bottom: 20px !important;
}
#contactUsForVCAvailabilityForm div#globalMessages .alert.alert-bar {
  margin-bottom: 0;
}
#contactUsForVCAvailabilityForm .msgbox.has-feedback.has-error #message {
  border: 1px solid #d50032 !important;
  background: #fdf3f5;
}
#contactUsForVCAvailabilityForm input,
#contactUsForVCAvailabilityForm select,
#contactUsForVCAvailabilityForm textarea {
  min-width: 254px !important;
}
@media (max-width: 1200px) {
  #contactUsForVCAvailabilityForm input,
  #contactUsForVCAvailabilityForm select,
  #contactUsForVCAvailabilityForm textarea {
    min-width: auto !important;
  }
}
.contact_us_validation_msg {
  margin-bottom: 20px;
}
.eco3-responsive-tabs.services-tab-value .responsive-tabs-container #relationship-tabs li.eco3-product-list-box .product-buttons-section {
  padding-right: 5px;
}
.eco3-responsive-tabs.services-tab-value .responsive-tabs-container #relationship-tabs li.eco3-product-list-box .product-buttons-section .pricePanel .qty-align {
  bottom: 12px;
}
.eco3-responsive-tabs.services-tab-value .responsive-tabs-container #relationship-tabs li.eco3-product-list-box .product-buttons-section .pricePanel .btn-group-product {
  bottom: 7px;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item {
  line-height: 33px;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item.plp-add-to-compare-wrapper {
  display: flex;
  height: 50px;
}
.product-list-view-main-section .eco3-product-list-box .footer .footer-item.plp-add-to-compare-wrapper .chk-padding {
  align-items: center;
  display: inline-flex;
}
.categoryFilters.addShaddow .eco3-checkbox,
.mobileFacetFilterBlock .eco3-checkbox {
  padding-left: 30px;
}
.categoryFilters.addShaddow .accordion-toggle.facet-name:after,
.mobileFacetFilterBlock .accordion-toggle.facet-name:after {
  background: url("../images/arrow-up-new.svg") no-repeat;
  background-position: center;
}
.categoryFilters.addShaddow .accordion-toggle.facet-name.collapsed:after,
.mobileFacetFilterBlock .accordion-toggle.facet-name.collapsed:after {
  background: url("../images/arrow-down-new.svg") no-repeat;
  background-position: center;
}
.page-searchPage .product-list-view-main-section .facet-list.js-facet-list {
  margin: 20px 0;
}
.page-searchPage .product-list-view-main-section .facet-list.js-facet-list li.eco3-checkbox:hover a.facet-label,
.page-searchPage .product-list-view-main-section .facet-list.js-facet-list li.eco3-checkbox:hover span.facet-number {
  color: #009cdd;
}
.reset-Filters a:hover {
  color: #009cdd;
}
.product-title-class {
  margin: 0px auto;
  max-width: 869px;
}
form#contactUsForAtpForm .csubmit,
form#requestFromMTQuoteForm .csubmit {
  display: inline-block;
}
form#contactUsForAtpForm .cursor-not-allowed,
form#requestFromMTQuoteForm .cursor-not-allowed {
  cursor: not-allowed;
}
.productListWrapper.TR_US_CP_Store #productListBannerSection {
  height: 360px;
  margin: 0 auto 20px;
}
.productListWrapper.TR_US_CP_Store #productListBannerSection .productInnerBanner {
  margin: 20px auto;
}
.productListWrapper.TR_US_CP_Store .tromner-subcategory .tromner-plp-component {
  height: 374px;
  margin-bottom: 34px;
}
.productListWrapper.TR_US_CP_Store .tromner-subcategory .tromner-plp-component img {
  width: 192px !important;
  height: 192px;
  margin: 10px auto;
}
.productListWrapper.TR_US_CP_Store .tromner-subcategory .tromner-plp-component .component-body-section {
  padding: 0 20px 20px 20px;
  color: #666666;
}
.config-pricevalue + .bgcolor-popover {
  display: inline-block;
}
.config-pricevalue + .bgcolor-popover .eco3-icon.icon-info-circle {
  position: relative;
  top: 5px;
  left: 5px;
}
.standard-price-block div#standard-popover-width .popover {
  max-width: 200px !important;
}
.page-productListPage .product-list-view-main-section .subCategory-header .export-magic-spreadsheet {
  color: #009cdd;
  padding-left: 25px;
  text-decoration: none;
  cursor: pointer;
}
.page-productListPage .product-list-view-main-section .subCategory-header .export-magic-spreadsheet i.download-grey-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/download.svg");
  background-size: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
@media (min-width: 320px) and (max-width: 360px) {
  #productDetailsPanelSection {
    padding-left: 0;
  }
  .min-order-quantity .modal-body {
    padding-left: 10px;
  }
  #your_cart .product-quantity-picker {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 110px;
  }
  #your_cart .updateDelete {
    position: relative;
    top: 10px;
    left: 0;
  }
  .eco3-addToCart .cart_modal_popup div.prod_info {
    width: 55%;
  }
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .thumb {
    width: 41%;
  }
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details {
    width: 55% !important;
  }
}
.mini-campaign-cart-page .campaign-display .minicart-campaign-display {
  display: flex;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .swap-position {
    display: flex;
    flex-flow: column-reverse;
  }
  .swap-position .product-btn-lead-mode-config-update {
    margin-left: 240px;
  }
  .sck-box1 {
    max-width: 360px;
  }
  .total-box {
    max-width: 360px;
  }
  .crossSellingContainerHorizontal .tns-controls button span.scrollLeft {
    left: 0;
    width: 22px;
  }
  .crossSellingContainerHorizontal .tns-controls button span.scrollRight {
    width: 22px;
  }
  .product-list-view-main-section .product-listing .icon-atp.stock-out,
  .product-list-view-main-section .product-listing .icon-atp-guest.stock-out,
  .product-list-view-main-section .product-listing .icon-atp.stock-in-guest,
  .product-list-view-main-section .product-listing .icon-atp-guest.stock-in-guest {
    height: 30px;
    width: 30px;
    background-size: 30px;
  }
  .product-list-view-main-section .product-listing :not(.bs-example) .bs-example-tooltips {
    margin-left: 13px;
  }
  .product-list-view-main-section .product-listing .plp-quantity-picker {
    text-align: left;
  }
  .product-list-view-main-section .product-listing input.quantity.plp-qty {
    height: 25px !important;
    width: 55px	!important;
  }
  .product-list-view-main-section .product-listing .icon-plus {
    height: 25px;
  }
  .product-list-view-main-section .product-listing .icon-minus {
    height: 25px;
  }
  .product-list-view-main-section .left-block-sub-category {
    margin-top: 10px !important;
  }
  .product-list-view-main-section .left-block-sub-category h1.header-sub-text {
    line-height: 26px !important;
    height: auto !important;
  }
  .product-list-view-main-section .left-block-sub-category h2.sub-category-banner-text {
    line-height: 20px !important;
    height: auto;
  }
  #productDetailsPanelSection .product-footer .icon-atp-guest {
    height: 30px;
    width: 30px;
    background-size: 30px;
  }
  #productDetailsPanelSection .product-footer .item-view.left {
    margin-top: 7px;
  }
  #productDetailsPanelSection .product-footer :not(.bs-example) .bs-example-tooltips {
    margin-left: 13px;
  }
  #productDetailsPanelSection .product-footer input.quantity.plp-qty {
    height: 32px !important;
  }
  #productDetailsPanelSection .product-footer .icon-plus {
    height: 25px;
  }
  #productDetailsPanelSection .product-footer .icon-minus {
    height: 25px;
  }
  .productListWrapper {
    margin: 0 -20px;
    overflow-x: hidden;
  }
  .productListWrapper .product-quantity-picker {
    margin-top: 10px;
  }
  .categoryImage img,
  .categoryImage .img {
    min-height: 100px!important;
  }
  #productListBannerSection {
    margin-bottom: 30px !important;
    height: auto;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: initial;
  }
  #productListBannerSection .productInnerBanner {
    margin: 5px auto;
    border: 10px solid rgba(255, 255, 255, 0.5);
    margin-top: 25px;
    margin-bottom: 25px;
  }
  #productListBannerSection .productInnerBanner .white-block {
    display: inline-block;
    width: 100%;
  }
  #productListBannerSection .productInnerBanner .captionInfo h1 {
    font-size: 19px;
    line-height: 26px !important;
    height: auto;
  }
  #productListBannerSection .productInnerBanner .captionInfo h2 {
    font-size: 10px;
    line-height: 20px !important;
  }
  #sorting_bar {
    padding-top: 30px;
  }
  #sorting_bar .prod_refine .left,
  #sorting_bar .prod_refine .right {
    padding-right: 0;
  }
  #sorting_bar .prod_refine .sort_by_label {
    padding-top: 10px;
  }
  #sorting_bar .prod_refine .form-group {
    margin-bottom: 0px !important;
  }
  #sorting_bar .results-header {
    display: block;
  }
  #sorting_bar .results-header .export-magic-spreadsheet {
    display: block;
    margin-top: 12px;
  }
  .count-input .less {
    left: -30px;
  }
  .count-input .more {
    right: -30px;
  }
  .margin-filter {
    margin-bottom: 45px;
  }
  .panelPadding {
    width: 100% !important;
    margin-top: -119px;
  }
  .pricePadding {
    padding: 0px;
    margin-top: -33px;
    margin-left: 43px;
  }
  .priceAttriWidth {
    margin-top: -67px;
  }
  .priceAttriWidth .pricePanel .spinner {
    left: 0 !important;
  }
  .btn-padding {
    max-width: 200px;
    padding: 0px;
    margin-right: 9px;
  }
  .pricePanel .standard-price-block {
    margin-top: 0px !important;
    text-align: left !important;
    font-weight: 500;
    font-size: 10pt;
  }
  .pricePanel .standard-price-block .priceValue {
    font-weight: 400;
  }
  .pricePanel .your-price-block {
    margin-bottom: 4px;
    width: auto!important;
    margin-top: -12px !important;
    text-align: left !important;
  }
  .pricePanel .your-price-block .priceValue {
    font-weight: 400;
  }
  .pricePanel .price-color {
    width: 92px;
    line-height: 16px;
  }
  .btn-Config {
    left: 0 !important;
  }
  .tooltipPopover .popover {
    left: 0 !important;
  }
  .tooltipPopover .popover.top > .arrow {
    margin-left: -23px;
  }
  .tooltipPopover .popover-content {
    top: -68px;
  }
  /****add to cart popup styles******/
  .eco3-addToCart .cart_modal_popup {
    margin: 20px 0 55px 0;
    padding: 10px 10px 10px 0;
  }
  .eco3-addToCart .cart_modal_popup .prod_img {
    height: 88px;
  }
  .eco3-addToCart .cart_modal_popup .prod_img img {
    min-height: 88px;
    width: 68px;
  }
  .eco3-addToCart .cart_modal_popup .prod_info {
    float: right;
    margin: 0 0 0 0;
    width: 63%;
  }
  .eco3-addToCart .cart_modal_popup .prod_info .prod_name {
    margin: 0 0 20px 0;
  }
  .eco3-addToCart .cart_modal_popup .prod_info .prod_id {
    display: block;
    margin: 0px 0 13px 0;
  }
  .eco3-addToCart .cart_modal_popup .prod_info .prod_quantity {
    display: block;
    float: none;
  }
  .eco3-addToCart .cart_modal_popup .prod_price {
    clear: both;
    margin: -30px 0 0 0;
  }
  .eco3-addToCart .links {
    text-align: center;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .eco3-addToCart .links a.green-go.btn.btn-2 {
    float: none;
    display: block;
    margin: 0 auto 20px auto;
  }
  .eco3-addToCart .links a.btn.btn-1.blue {
    float: none;
    display: block;
    margin: 0 auto;
  }
  .eco3-addToCart .links a.green-go.btn.btn-2 {
    margin-top: 20px;
  }
  .product-list-view-main-section .eco3-product-list-box header h3 {
    padding: 0;
  }
  .product-list-view-main-section .eco3-product-list-box header h3 a {
    width: 100%;
  }
  .product-list-view-main-section .eco3-product-list-box .body .item-no {
    color: #333333;
    font-size: 10pt;
    font-family: Roboto;
    font-weight: 400;
    padding: 8px 5px 4px 5px;
  }
  .product-list-view-main-section .eco3-product-list-box .body .item-no span {
    font-weight: 500;
  }
  .product-list-view-main-section .eco3-product-list-box .body .body-item {
    padding: 0 0 10px 5px;
  }
  .product-list-view-main-section .eco3-product-list-box .body .body-item .v-align-center-main-section {
    padding: 0;
  }
  .product-list-view-main-section .eco3-product-list-box .body .body-item .v-align-center-main-section .v-align-element {
    border-bottom: none;
  }
  .product-list-view-main-section .eco3-product-list-box .body .body-item img {
    max-width: 96px;
    max-height: 96px;
  }
  .product-list-view-main-section .eco3-product-list-box .body .body-item .product-description {
    padding-top: 0 !important;
    line-height: 16px;
    font-weight: 400;
  }
  .product-list-view-main-section .eco3-product-list-box .priceAttriWidth {
    padding: 0;
    float: right;
    text-align: left;
    margin: 0 23px 10px 0;
  }
  .product-list-view-main-section .eco3-product-list-box .footer {
    height: 45px;
  }
  .product-list-view-main-section .eco3-product-list-box .footer .atp-footer-item {
    float: left !important;
  }
  .product-list-view-main-section .eco3-product-list-box .footer .footer-item {
    margin: 0;
  }
  .product-list-view-main-section .eco3-product-list-box .footer .footer-item .btn-group-product {
    float: right;
    left: 0;
  }
  .product-list-view-main-section .eco3-product-list-box .footer .footer-item .btn-group-product .product-btn {
    width: 60px;
    height: 45px;
  }
  .product-list-view-main-section .eco3-product-list-box .footer .footer-item.qty-align {
    text-align: center;
    margin-top: 5px;
    max-width: 100%;
  }
  .product-list-view-main-section .eco3-product-list-box .footer .footer-item.qty-align .count-input {
    top: 2px;
  }
  .product-list-view-main-section.margin-top-50 {
    margin-top: 0;
  }
  .product-list-view-main-section .left-panel .filter-container .btn.btn-1 {
    width: 180px;
    min-width: 120px;
  }
  .product-list-view-main-section .right-panel {
    padding: 0 20px;
  }
  .eco3-product-list-box .comparision-block {
    padding: 0;
    text-align: left;
  }
  .eco3-product-list-box .comparision-block .product-compare-link {
    margin-left: 0;
    padding-left: 25px;
  }
  .relationship-tab-mobile-compare-block {
    margin-top: 10px;
  }
  /*****************************Minicart Popup Styles************************/
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .thumb {
    height: auto;
    float: left;
    margin-right: 0;
    width: 32%;
  }
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .thumb a img {
    width: initial;
    height: 96px;
    width: 96px;
  }
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details {
    float: right;
    margin: 0;
    width: 63%;
  }
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details p.name {
    margin: 0 0 20px 0;
  }
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details p.product_code {
    display: block !important;
    margin: 0 0 5px 0;
  }
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .details p.qty {
    display: block;
    float: left!important;
  }
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .price {
    clear: both;
    margin: -17px 0 0 0;
  }
  .eco3-minCart .mini-cart-body .mini-cart-totals {
    margin-right: 0;
  }
  .eco3-minCart .mini-cart-body .links a.btn.green-go-empty-cart {
    float: none;
    margin-top: 20px;
  }
  .bs-example.tooltip-demo .bs-example-tooltips.tooltipPopover {
    text-align: left;
    margin-left: 13px;
  }
  .minimum-quantity-case .min-qty-icon-section {
    left: 48px;
    padding: 8px 4px;
    height: 32px;
  }
  .eco3-product-list-box .minimum-quantity-case .min-qty-icon-section {
    top: 3px;
  }
  table.min-order-qty-table tr td {
    min-width: 100px;
  }
  .campaign-display .plp-campaign-display .campaign-icon {
    width: 45px;
    height: 32px;
  }
  .campaign-display .plp-campaign-display .campaign-icon img {
    width: 19px;
    height: 16px;
  }
  .campaign-display .plp-campaign-display .heavyWeightIndicatorInvisibleDynamicView img {
    width: 30px;
    height: 20px;
  }
  .mini-cart-item .campaigne-popup .campaign-display .minicart-campaign-display .campaign-icon-background {
    width: 45px;
    height: 32px;
  }
  .mini-cart-item .campaigne-popup .campaign-display .minicart-campaign-display .campaign-icon-background img {
    width: 19px;
    height: 16px;
  }
  #relationship-tabs .product-buttons-section {
    border-top: 1px solid #cccccc;
    padding-bottom: 10px;
  }
  #relationship-tabs .product-buttons-section .product-btn {
    width: 60px;
    height: 45px;
  }
  #relationship-tabs .product-buttons-section .btn-group-product {
    bottom: 0;
  }
  #relationship-tabs .product-buttons-section .product-btn.product-btn-ATQ {
    background-size: 22px 28px;
  }
  #relationship-tabs .product-buttons-section .product-btn.product-btn-ATC {
    background-size: 34px 28px;
  }
  #relationship-tabs .campaign-display .relation-tabs-campaign .campaign-icon {
    background-color: #ddf5ff;
    width: 45px;
    height: 32px;
  }
  #relationship-tabs .campaign-display .relation-tabs-campaign .campaign-icon img {
    width: 19px;
    height: 16px;
  }
  #relationship-tabs .hr-line {
    border-bottom: none;
  }
  #relationship-tabs .productRelatedItemsList .price-color {
    max-width: 100px;
  }
  .eco3-switch-button {
    float: left;
    position: relative;
    top: -13px;
    left: -20px;
  }
  .eco3-switch-button > input[type="checkbox"]:checked + label::after {
    left: 18px;
  }
  .eco3-switch-button > label::after {
    left: -1px;
  }
  .qty-update-block {
    min-width: 0;
  }
  table#your_cart tbody tr td.product_details h2 {
    margin: 0 auto 10px auto !important;
  }
  table#your_cart tbody tr td.product_details .prod-number-align {
    margin-bottom: -8px;
  }
  .product-config-addtocart.lead-mode {
    display: block;
  }
  .product-config-quantity.lead-mode .product-quantity-picker {
    width: 100%;
    display: block;
    float: left;
    max-width: 160px;
    margin: 0 -20px 20px 0;
  }
  .btn-group-cpq.lead-mode {
    clear: both;
  }
  .product-config-quantity.lead-mode {
    float: left;
    text-align: right;
  }
  .product-config-quantity.lead-mode .product-config-quantity-child {
    float: left;
    min-width: 160px;
    margin-bottom: 15px;
    margin-top: -40px;
  }
  /*************Reqest Quote From MT ***************/
  form#requestFromMTQuoteForm .bottom-container,
  form#contactUsForAtpForm .bottom-container {
    clear: both;
  }
  form#requestFromMTQuoteForm .bottom-container .send-btn-align,
  form#contactUsForAtpForm .bottom-container .send-btn-align {
    float: none !important;
    clear: both;
    text-align: center;
    margin: 0 auto;
  }
  form#requestFromMTQuoteForm .bottom-container .send-btn-align .send-button,
  form#contactUsForAtpForm .bottom-container .send-btn-align .send-button {
    width: 180px;
    text-align: center;
    float: none !important;
  }
  table.request-quote-product-table td.product-image-container,
  table.contact-us-for-atp-product-table td.product-image-container {
    width: 100px;
  }
  table.request-quote-product-table td.product-image-container span.product-image img,
  table.contact-us-for-atp-product-table td.product-image-container span.product-image img {
    width: 96px;
    height: 96px;
    object-fit: contain;
  }
  table.request-quote-product-table .product-content,
  table.contact-us-for-atp-product-table .product-content {
    padding: 15px 0 15px 15px!important;
  }
  table.request-quote-product-table .product-content table td,
  table.contact-us-for-atp-product-table .product-content table td {
    display: block;
    width: 100%;
  }
  table.request-quote-product-table .product-content table td p.product-name,
  table.contact-us-for-atp-product-table .product-content table td p.product-name {
    margin-top: 10px;
  }
  table.request-quote-product-table .product-content table td .product-qty,
  table.contact-us-for-atp-product-table .product-content table td .product-qty {
    text-align: left;
    margin: 10px 0 0 0;
  }
  table.request-quote-product-table .product-content table td .quantity-container,
  table.contact-us-for-atp-product-table .product-content table td .quantity-container {
    margin-left: 0 !important;
  }
  table.request-quote-product-table .product-content table td .quantity-container .product-quantity-picker,
  table.contact-us-for-atp-product-table .product-content table td .quantity-container .product-quantity-picker {
    margin-bottom: 10px;
  }
  table.contact-us-for-atp-product-table .product-content {
    margin-bottom: 0px !important;
  }
  form#requestFromMTQuoteForm .company-name-section,
  form#contactUsForAtpForm .company-name-section,
  form#requestFromMTQuoteForm .contact-time-section,
  form#contactUsForAtpForm .contact-time-section {
    margin-right: 0 !important;
  }
  form#requestFromMTQuoteForm .termsofuse .footer-info,
  form#contactUsForAtpForm .termsofuse .footer-info {
    text-align: center;
    float: none !important;
    margin: 10px 0;
  }
  .page-productDetailsPage #relationship-tabs .product-buttons-section .product-btn {
    width: 60px;
    height: 45px;
    background-size: auto 21px;
  }
  .page-productDetailsPage .service-price {
    text-align: right;
  }
  .page-productDetailsPage .show-more-less-btn .btn {
    width: 105px;
    height: 30px;
    background-color: #f3f3f3;
    color: #009cdd;
  }
  /********point of sale - add services***********/
  .modal-dialog.service-cart {
    width: 100%;
    margin: 0 auto;
  }
  .modal-dialog.service-cart .modal-content {
    max-width: 340px;
  }
  .service-popover-wrapper ul.services-nav-tabs.nav-tabs li.services-li {
    width: auto !important;
    min-width: 280px;
    margin-bottom: 10px;
  }
  .service-popover-wrapper .service-modal-popup-line-item .service-info .service-name {
    max-width: 75% !important;
  }
  .service-popover-wrapper .service-modal-popup-line-item .service-info p.service-name-price {
    display: inline-block;
    width: 96%;
  }
  .service-popover-wrapper .service-modal-popup-line-item .service-info .service-price-na {
    position: relative;
    right: 0;
  }
  .service-popover-wrapper .service-modal-popup-line-item .service-info .service-total-infoicon.service-layover-total-infoicon {
    float: right;
    right: 0;
  }
  .service-popover-wrapper .service-links {
    text-align: center;
    padding-right: 0;
  }
  .service-popover-wrapper .service-links button.btn {
    float: none !important;
  }
  .service_info_cart_wrapper {
    padding-left: 0;
  }
  .page-productConfig .btn-group-product.btn-group-cpq {
    display: flex;
  }
  #contactUsForVCAvailabilityForm .contact-time-section,
  #contactUsForVCAvailabilityForm .company-name-section {
    float: left !important;
  }
  #contactUsForVCAvailabilityForm .send-btn-align {
    text-align: center;
    clear: both;
  }
  #contactUsForVCAvailabilityForm .send-btn-align .send-button {
    float: none !important;
  }
  #contactUsForVCAvailabilityForm .bottom-container {
    clear: both;
  }
  #contactUsForVCAvailabilityForm .mandatory-fields div {
    clear: both;
    float: none;
  }
  .page-productDetailsPage .icon-atp.icon-atp-quote-only + .popover .arrow:after,
  .page-productDetailsPage .icon-atp.icon-atp-red-flag + .popover .arrow:after,
  .page-productDetailsPage .icon-atp.incorrect-atp-response + .popover .arrow:after,
  .page-productDetailsPage .icon-atp.stock-out-always + .popover .arrow:after,
  .page-productDetailsPage .icon-atp.stock-in + .popover .arrow:after,
  .page-productDetailsPage .icon-atp.stock-out + .popover .arrow:after,
  .page-productDetailsPage .icon-atp.stock-in-partially + .popover .arrow:after,
  .page-productDetailsPage .icon-atp.stock-in-for-lead + .popover .arrow:after,
  .page-productDetailsPage .icon-atp.stock-in-guest + .popover .arrow:after {
    margin-left: -30px;
  }
  .facet-name.tree-facet {
    margin: 0 14px 0 0;
  }
  .page-productListPage .product-list-view-main-section .subCategory-container {
    margin-top: 30px;
  }
  /*****end of point of sale - add services***********/
  #mobile-facet .button-container .filter-action-button {
    margin-bottom: 0px;
  }
  #mobile-facet .button-container .clear-apply-container {
    flex-direction: row-reverse;
    gap: 20px;
    width: fit-content;
    margin: 10px auto 0 !important;
  }
  #mobile-facet .button-container .clear-apply-container .filter-clear-btn .action-button-content i.button-icon {
    background-size: 35px;
    width: 35px;
    height: 35px;
    margin-top: 5px;
  }
  #mobile-facet .button-container .clear-apply-container .filter-clear-btn .action-button-content .button-text {
    display: none;
  }
  #mobile-facet .button-container .clear-apply-container .filter-apply-btn {
    min-width: 180px;
    height: 40px;
    background-color: #009cdd;
    padding: 10px;
    width: auto;
    text-transform: uppercase;
    text-align: center;
  }
  #mobile-facet .button-container .clear-apply-container .filter-apply-btn .button-text {
    color: #ffffff;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Mobile-Start*******************************/
  .swap-position {
    display: flex;
    flex-flow: column-reverse;
  }
  .swap-position .product-btn-lead-mode-config-update {
    margin-left: 280px;
  }
  .sck-box1 {
    max-width: 400px;
  }
  .total-box {
    max-width: 400px;
  }
  /* Fix for HPQC ECO-4632 start*/
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .thumb a img {
    height: 96px;
    width: 96px;
    object-fit: contain;
  }
  /* Fix for HPQC ECO-4632 end*/
  .productListWrapper {
    margin: 0 -20px;
  }
  #productListBannerSection {
    margin-bottom: 30px !important;
  }
  #productListBannerSection .productInnerBanner {
    margin: 25px auto;
    border: 18px solid rgba(255, 255, 255, 0.5);
  }
  .margin-filter {
    margin-bottom: 45px;
  }
  .panelPadding {
    width: 75% !important;
  }
  .product-description {
    text-align: left;
    color: #434343;
    font-size: 10pt;
    min-height: 46px;
  }
  .priceAttriWidth {
    width: 75% !important;
    margin-bottom: 11px;
  }
  .priceAttriWidth .attributePanel {
    width: 63%;
  }
  .priceAttriWidth .attributePanel .techAttrHtml .key-align {
    margin-bottom: 20px;
  }
  .priceAttriWidth .tech-attr-DOM .right {
    padding-left: 12px;
    width: 58%;
  }
  .priceAttriWidth .tech-attr-DOM .left {
    width: 34%;
  }
  .priceAttriWidth .crossSellingContainerVertical .item .pic-wrapper {
    margin-bottom: 18px;
  }
  .priceAttriWidth .pricePanel {
    width: 33.33%;
    padding-bottom: 20px;
  }
  .priceAttriWidth .pricePanel .price-color.price-margin-key-attribute {
    margin-bottom: 40px;
  }
  .priceAttriWidth .pricePanel .price-color.tech-attri-tab {
    overflow: initial;
  }
  .priceAttriWidth .pricePanel .price .standard-price-block {
    font-weight: 500;
    font-size: 10pt;
  }
  .priceAttriWidth .pricePanel .price .standard-price-block .priceValue {
    font-weight: 400;
  }
  .priceAttriWidth .pricePanel .price .your-price-block {
    font-weight: 500;
  }
  .priceAttriWidth .pricePanel .price .your-price-block .priceValue {
    font-weight: 400;
  }
  .product-list-view-main-section .right-panel {
    padding: 40px 30px 0 30px;
  }
  .product-list-view-main-section .right-panel .eco3-product-list-box .body .body-item {
    min-height: 80px;
  }
  .product-list-view-main-section .right-panel .eco3-product-list-box .body .body-item img {
    max-width: 130px;
    max-height: 130px;
  }
  .product-list-view-main-section .right-panel .eco3-product-list-box .margin-align-campaign {
    margin-bottom: 0 !important;
  }
  .product-list-view-main-section .right-panel .eco3-product-list-box .footer .footer-item .bs-example {
    float: right;
  }
  .product-list-view-main-section .right-panel .eco3-product-list-box .footer .footer-item .icon-atp {
    top: 3px;
  }
  .product-list-view-main-section .right-panel .eco3-product-list-box .footer .footer-item.qty-align {
    top: 2px;
  }
  .product-list-view-main-section .right-panel .eco3-product-list-box .footer .footer-item.qty-align .qty-size {
    min-width: 0;
  }
  .product-list-view-main-section .left-panel .filter-container .btn.btn-1 {
    width: 180px;
    min-width: 180px;
  }
  .product-list-view-main-section #sorting_bar .prod_refine .name-container {
    max-width: 188px;
    margin-right: 30px;
  }
  .product-list-view-main-section #sorting_bar .prod_refine .name-container .form-control {
    width: 188px;
  }
  .product-list-view-main-section #sorting_bar .prod_refine .price-container {
    max-width: 188px;
  }
  .product-list-view-main-section #sorting_bar .prod_refine .price-container .form-control {
    width: 188px;
  }
  .product-list-view-main-section #sorting_bar .prod_refine .sort_by_label {
    padding-top: 30px;
    max-width: 150px;
  }
  #relationship-tabs .campaign-display .campaign-icon img {
    display: flex;
  }
  #relationship-tabs .product-buttons-section .btn-group-product {
    top: 5px;
  }
  .minimum-quantity-case .min-qty-icon-section {
    padding: 8px 4px;
  }
  .minimum-quantity-case .min-qty-icon-section.incr-btn {
    height: 32px;
  }
  .eco3-product-list-box .minimum-quantity-case .min-qty-icon-section {
    top: 3px;
  }
  .plp-quantity-picker {
    position: relative;
    left: -20px;
  }
  .tooltipPopover .popover.top > .arrow {
    margin-left: -12px;
  }
  .product-config-quantity.lead-mode {
    float: left;
    text-align: right;
  }
  .product-config-quantity.lead-mode .product-config-quantity-child {
    float: left;
    min-width: 145px;
    margin-bottom: 20px;
    margin-top: -47px;
  }
  .requestQuoteMt .request-quote-from-mt-popup table.request-quote-product-table td .product-content table tr td .eco3-datepicker,
  .contact-us-for-atp-modal .request-quote-from-mt-popup table.request-quote-product-table td .product-content table tr td .eco3-datepicker,
  .requestQuoteMt .contact-us-for-atp-popup table.request-quote-product-table td .product-content table tr td .eco3-datepicker,
  .contact-us-for-atp-modal .contact-us-for-atp-popup table.request-quote-product-table td .product-content table tr td .eco3-datepicker,
  .requestQuoteMt .request-quote-from-mt-popup table.contact-us-for-atp-product-table td .product-content table tr td .eco3-datepicker,
  .contact-us-for-atp-modal .request-quote-from-mt-popup table.contact-us-for-atp-product-table td .product-content table tr td .eco3-datepicker,
  .requestQuoteMt .contact-us-for-atp-popup table.contact-us-for-atp-product-table td .product-content table tr td .eco3-datepicker,
  .contact-us-for-atp-modal .contact-us-for-atp-popup table.contact-us-for-atp-product-table td .product-content table tr td .eco3-datepicker {
    margin-bottom: 0;
  }
  .left-block-sub-category {
    margin-top: 10px !important;
  }
  .left-block-sub-category h1.header-sub-text {
    line-height: 26px !important;
    height: auto !important;
  }
  .left-block-sub-category h2.sub-category-banner-text {
    line-height: 20px !important;
    height: auto;
  }
  /********point of sale - add services***********/
  .modal-dialog.service-cart {
    width: 100%;
    margin: 0 auto;
  }
  .modal-dialog.service-cart .modal-content {
    max-width: 600px;
  }
  .service-popover-wrapper .service-modal-popup-line-item .service-info {
    padding-left: 20px;
  }
  .service-popover-wrapper .service-modal-popup-line-item .service-info p.service-name-price {
    display: inline-block;
    width: 96%;
  }
  .service-popover-wrapper .service-modal-popup-line-item .service-info .service-price-na {
    position: relative;
    right: 0;
  }
  .service-popover-wrapper .service-modal-popup-line-item .service-info .service-total-infoicon.service-layover-total-infoicon {
    float: right;
    right: 0;
  }
  .service_info_cart_wrapper {
    padding-left: 0;
  }
  /*****end of point of sale - add services***********/
  .page-productConfig .btn-group-product.btn-group-cpq {
    display: flex;
  }
  .eco3-responsive-tabs.services-tab-value .responsive-tabs-container #relationship-tabs li.eco3-product-list-box .product-buttons-section .pricePanel .btn-group-product {
    top: -5px;
  }
  div#doc-search-filter-accordion {
    margin: 0 auto;
    max-width: 400px;
  }
  .facet-name.tree-facet {
    margin: 0 14px 0 0;
  }
  .page-productListPage .product-list-view-main-section .subCategory-container {
    margin-top: 30px;
  }
  #mobile-facet .button-container .filter-action-button {
    margin-bottom: 0px;
  }
  #mobile-facet .button-container .clear-apply-container {
    flex-direction: row-reverse;
    gap: 20px;
    width: fit-content;
    margin: 10px auto 0 !important;
  }
  #mobile-facet .button-container .clear-apply-container .filter-clear-btn .action-button-content i.button-icon {
    background-size: 35px;
    width: 35px;
    height: 35px;
    margin-top: 5px;
  }
  #mobile-facet .button-container .clear-apply-container .filter-clear-btn .action-button-content .button-text {
    display: none;
  }
  #mobile-facet .button-container .clear-apply-container .filter-apply-btn {
    min-width: 180px;
    height: 40px;
    background-color: #009cdd;
    padding: 10px;
    width: auto;
    text-transform: uppercase;
    text-align: center;
  }
  #mobile-facet .button-container .clear-apply-container .filter-apply-btn .button-text {
    color: #ffffff;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /* Fix for HPQC ECO-4632 start */
  .eco3-minCart .mini-cart-body ol.mini-cart-list li.mini-cart-item .thumb a img {
    height: 96px;
    width: 96px;
    object-fit: contain;
  }
  /* Fix for HPQC ECO-4632 end*/
  .productListWrapper {
    margin: 0 -40px -8px -40px;
  }
  .categoryFilters.addShaddow {
    padding-top: 50px;
  }
  .categoryFilters.addShaddow #selectedAccordion .accordion-toggle.facet-name {
    margin: 5px 0;
  }
  .categoryFilters.addShaddow .product-facet.js-product-facet.categoryFilters .accordion .facet-name.accordion-toggle {
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .categoryFilters.addShaddow .eco3-pannel-tag {
    font-size: 14pt;
    margin: 0 auto 15px auto !important;
  }
  .product-list-view-main-section {
    margin-bottom: 0;
  }
  .product-list-view-main-section .facet-list.js-facet-list {
    margin: 20px 0;
  }
  .product-list-view-main-section .facet-list.js-facet-list li.eco3-checkbox {
    padding-left: 10px;
  }
  .product-list-view-main-section .right-panel {
    padding-top: 40px;
  }
  .product-list-view-main-section #sorting_bar select.form-control {
    width: 185px;
  }
  .details-quantity-picker {
    position: relative;
    left: -50px;
  }
  .plp-quantity-picker {
    position: relative;
    left: -20px;
  }
  .product-list-view-main-section .right-panel .eco3-product-list-box .footer .footer-item .bs-example {
    float: right;
  }
  .bs-example {
    width: 80px;
  }
  .tooltipPopover .popover.top > .arrow {
    margin-left: -12px;
  }
  .eco3-responsive-tabs .pdp-tab .nav-tabs {
    padding-left: 53px;
    padding-right: 54px;
    text-align: left;
  }
  #product-facet,
  #document-facet {
    height: auto !important;
  }
}
/* imports the media-query.less */
/* import the less code for the Product-services pages */
/******************************************************************************************************************
/* File Name        : table.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 06-Oct-2017
/* Description      : This is less code for the table format.
/*******************************************************************************************************************/
table.dataTable {
  width: 100%;
  margin: 0 auto 200px auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0px solid #d9d9d9;
  border-top: 0px solid #d9d9d9;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #d9d9d9;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("../images/sort_both.svg") !important;
  background-size: 19px 19px;
}
table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.svg") !important;
  background-size: 19px 19px;
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.svg") !important;
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.svg") !important;
  background-size: 19px 19px;
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.svg") !important;
  background-size: 19px 19px;
}
table.dataTable tbody tr {
  background-color: white;
}
table.dataTable tbody tr.selected {
  background-color: white;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
  background-color: #fff !important;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #d9d9d9;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #d9d9d9;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #f9f9f9;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: whitesmoke;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #eeeeee;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #d9d9d9;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
  text-align: center;
}
table.dataTable.nowrap th.no-border,
table.dataTable.nowrap td.no-border {
  border: 0px solid;
}
table.dataTable.nowrap th {
  border-bottom: 1px solid #f3f3f3;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  display: none;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 1px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #d9d9d9;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding: 0px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 8px;
  left: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #009cdd;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 12px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #009cdd;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
.eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
.eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  border-radius: 0;
  border: 0px;
  background-color: #009cdd;
}
.eco3-table table.dataTable > tbody > tr.child ul.dtr-details {
  width: 100%;
  text-align: left;
}
.eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #D9D9D9;
  box-shadow: none;
  color: #7D7D7D;
}
.eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  box-shadow: none;
  height: 20px;
  width: 20px;
  font-size: 20px;
  line-height: 20px;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
@media screen and (-webkit-device-pixel-ratio: 4) {
  .eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    line-height: 16px;
  }
}
.eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child.device-fix:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child.device-fix:before {
  line-height: 20px;
}
table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 30px;
}
table.dataTable > tbody > tr.child span.dtr-title:after {
  content: ":";
}
table.dataTable > tbody > tr.child li:last-child span.dtr-title:after {
  content: "";
}
.eco3-table table.dataTable tbody tr.child ul.dtr-details {
  background: #f4f4f4;
  opacity: 1;
}
#adddress-listing-Page table.dataTable > tbody > tr.child li:nth-last-child(2) span.dtr-title:after {
  content: "";
}
/* import common table related changes */
/******************************************************************************************************************
/* File Name        : footer.less							 
/* Created By       : Gurpreet kaur
/* Created Date     : 06-Nov-2017
/* Description      : This is less code for Footer.
/*******************************************************************************************************************/
/* imports the variable.less */
footer {
  background: transparent;
}
footer .footerbg {
  background: #f8f8f8;
  min-height: 280px;
}
footer .footerLinkSection,
footer .footerSubLink {
  list-style: none;
}
footer .footerLinks h3 {
  color: #434343;
  font-size: 11pt;
  font-weight: 500;
}
footer .footerSubLink {
  font-size: 10pt;
  padding: 10px 0px;
  color: #666666;
}
footer .footerSubLink li {
  padding: 5px;
}
footer .footerSubLink li a:hover {
  color: #009cdd;
}
footer .footerLinkSection {
  padding: 0px 15px;
}
footer .footerSubLink li {
  padding: 5px;
  line-height: 1.5;
}
footer .footLeft {
  border-right: 1px solid #cccccc;
}
footer .footRight {
  margin: 20px auto 30px auto;
}
footer .footerMore {
  list-style: none;
  width: 100%;
  display: inline-grid;
  margin: 0 auto;
  max-width: 700px;
}
footer .footerMore li p {
  color: #666666;
  font-size: 11pt;
}
footer .footerMore li span,
footer .footerMore li > a {
  color: #666666;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  display: inline-block;
}
footer .footerMore li .call-icon {
  background: url("../../common/images/empty.svg");
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-size: 100%;
}
footer .footerMore li .call-icon.visible {
  background-image: url("../images/phone.svg");
}
footer .footerMore li .contact-icon {
  background: url("../../common/images/empty.svg");
  height: 22px;
  margin-top: 2px;
  width: 28px;
  background-size: 100%;
}
footer .footerMore li .contact-icon.visible {
  background-image: url("../images/mail.svg");
}
footer .footerMore li .globe-icon {
  background: url("../../common/images/empty.svg");
  width: 26px;
  height: 26px;
  background-size: 26px;
}
footer .footerMore li .globe-icon.visible {
  background-image: url("../images/language.svg");
}
footer .footerMore .language-selector-globeicon {
  margin-left: 34px;
}
footer .footerMore li .coins-icon {
  background-image: url("../../common/images/empty.svg");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-size: 100%;
  margin-left: 5px;
}
footer .footerMore li .coins-icon.visible {
  background-image: url("../images/coinesStacked.svg");
}
footer .footerMore .payment-footer-icon a img {
  width: auto;
  margin-left: 10px;
}
footer .footerMore .footer-icon {
  height: 25px;
  filter: grayscale(100%);
}
footer .footerMore .footer-icon:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
footer .footerCall label,
footer .footerContact label,
footer .paymentOptions a label {
  font-size: 15pt;
  font-weight: 400;
  text-align: left;
  width: auto;
  float: left;
  color: #666666;
  margin-right: 35px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
}
footer .paymentOptions .payment-methods {
  text-align: left;
  padding-left: 0;
}
footer .footerCall a label:hover,
footer .footerContact a label:hover {
  opacity: 0.7;
}
footer .footerContact a.contact-us-margin {
  margin-right: 20px;
}
footer .languageSelect .form-control {
  padding-left: 5px;
  color: #666666;
  min-width: 144px;
  height: 29px;
  line-height: 25px;
}
footer .languageSelect .form-control option {
  text-transform: capitalize;
}
footer .footRightDetails {
  border-top: none;
  margin-left: 0;
}
footer .footerRightSub {
  border-top: none;
}
footer .languageSelect .globe-icon {
  width: 30px;
}
footer .footerRightSub li p {
  text-align: left;
}
footer .goUpIcon {
  background: url("../images/go_up_icon.svg") no-repeat;
  background-size: 25px;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 50px;
  margin-top: 100px;
  background-color: #7d7d7d;
  display: block;
  background-position: center;
  padding: 20px;
}
footer .goUpIcon:hover {
  opacity: 0.7;
}
footer .footLeft ul:first-child {
  padding-left: 0px;
}
/* import footer less section */
/******************************************************************************************************************
/* File Name        : product-details.less.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 14-Sept-2017
/* Description      : This is less code for the product-details.less.
/*******************************************************************************************************************/
/* imports the variable.less */
#productDetailsPage {
  text-align: left;
}
#productDetailsPage .btn-group-product {
  display: flex;
  position: relative;
  left: 0px;
}
#productDetailsPage .rightSideBlock {
  max-width: 870px;
  margin: 15px auto 15px auto;
  float: none;
}
#productDetailsPage .itemNoSize {
  font-weight: 500;
}
#productDetailsPage .product-title {
  width: 100%;
  font-size: 14pt;
  line-height: 45px;
  text-align: left;
  font-weight: 500;
  background-color: #f3f3f3;
}
#productDetailsPage .product-title .sku {
  float: right;
  font-size: 11pt;
  width: 129px;
  height: 45px;
  font-weight: 400;
  text-align: center;
}
#productDetailsPage .pro-titleBox {
  padding-left: 15px;
}
#productDetailsPage .desktopDescription {
  height: auto;
  max-width: 535px;
  font-size: 11pt;
  color: #434343;
  margin-top: 18px;
  font-weight: 400;
}
#productDetailsPage .product-footer {
  float: right;
  margin-top: 25px;
  margin-bottom: 0px;
  min-height: 45px;
  height: auto;
  color: #434343;
  border-top: 1px solid #cccccc;
}
#productDetailsPage .product-footer .footerBlock .qty {
  width: 75px;
  height: 30px;
}
#productDetailsPage .product-footer .icon-atp,
#productDetailsPage .product-footer .icon-atp-guest {
  top: 6px;
}
#productDetailsPage .detailsBlock {
  height: 212px;
}
#productDetailsPage .detailsBlock .campaign-display .pdp-campaign-display {
  display: flex;
}
#productDetailsPage .detailsBlock .campaign-display .pdp-campaign-display .campaign-icon {
  background-color: #ddf5ff;
  width: 65px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
#productDetailsPage .detailsBlock .campaign-display .pdp-campaign-display .campaign-icon img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
#productDetailsPage .detailsBlock .campaign-display .pdp-campaign-display .heavy-weight-image img {
  width: 33px;
  height: 22px;
  margin: 7px;
}
#productDetailsPage .priceBox {
  padding-right: 0px;
}
#productDetailsPage .functionalBlock {
  font-size: 10pt;
  font-style: normal;
  padding-right: 0px;
}
#productDetailsPage .addToCheck {
  font-size: 10pt;
  font-weight: 400;
}
#productDetailsPage .price-color.your-price {
  font-size: 14pt;
  text-align: right;
  line-height: 25px;
  font-weight: 500;
  margin-bottom: 8px;
}
#productDetailsPage .price-color.your-price.your-price-block {
  font-size: 16pt;
}
#productDetailsPage .price-color.your-price.standard-price-block {
  font-size: 10pt;
}
#productDetailsPage .price-vat-label,
#productDetailsPage .red-flag-label {
  text-align: right;
}
#productDetailsPage .product-link {
  color: #009cdd;
  text-decoration: underline;
}
#productDetailsPage .compare-product-item-no a {
  color: #009cdd;
  text-decoration: underline;
}
#productDetailsPage .login-to-price-container {
  text-align: right;
}
#productDetailsPage .login-to-price-container a {
  font-size: 10pt;
}
#productDetailsPage .prd-titleBox {
  padding: 0;
  min-height: 45px;
  margin: 0 auto;
  float: none;
}
#productDetailsPage .pdp-price-conatiner {
  color: #333333;
  font-size: 10pt;
  text-align: left;
  padding: 10px 0px 10px 10px;
}
#productDetailsPage .pdp-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: center;
}
#productDetailsPage .pdp-icon.icon-plus {
  background-image: url("../images/icon-plus.svg");
}
#productDetailsPage .pdp-icon.icon-minus {
  background-image: url("../images/icon-minus.svg");
}
#productDetailsPage .compareBlock .eco3-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
}
#productDetailsPage .productPrimaryImage .prod_image_main {
  max-height: 300px;
  max-width: 300px;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
#productDetailsPage .productPrimaryImage .prod_image_main #zoomLink {
  text-align: center;
}
#productDetailsPage .productPrimaryImage .prod_image_main img {
  width: auto;
  max-height: 300px;
  height: 100%;
}
#productDetailsPage .eco3-responsive-tabs {
  margin-top: 80px;
}
#productDetailsPanelSection {
  margin-top: 50px;
}
.eco3-tabs .tabs-list {
  border-bottom: 0px solid;
}
.eco3-tabs .tabs-list li {
  background-color: #fcfcfc;
  color: #434343;
}
.eco3-tabs .tabs-list li a {
  height: 32px;
  color: #434343;
}
.eco3-tabs .tabbody {
  background-color: #ffffff;
  border-bottom: 0px solid;
  padding: 10px;
}
.eco3-tabs li a {
  border: 1px solid #cccccc;
}
.eco3-tabs li .active a {
  color: #434343;
  border-bottom: 1px solid #009cdd;
}
.products-view-footer .icon-atp-guest {
  height: 32px;
  width: 34px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.products-view-footer .stock-in-guest {
  background: url("../images/atp_in_stock.svg") no-repeat;
  background-size: 32px;
}
.products-view-footer .stock-in-guest + .popover {
  border: 2px solid #83bc34;
  border-color: #83bc34;
}
.products-view-footer .stock-in-guest + .popover .arrow {
  border-top-color: transparent;
}
.products-view-footer .stock-in-guest + .popover .arrow:after {
  border-top-color: #83bc34;
  bottom: -5px;
  margin-left: -11px;
  border-width: 8px;
}
@media (max-width: 767px) {
  .products-view-footer .stock-in-guest + .popover .arrow:after {
    margin-left: -10px;
  }
}
/* PDP Details carousel*/
.pdp-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.pdp-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.pdp-carousel .owl-wrapper {
  display: none;
  position: relative;
}
.pdp-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.pdp-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.pdp-carousel .owl-item {
  float: left;
  max-width: 55px;
}
.pdp-carousel .owl-item:not(:last-child) {
  margin-right: 5px;
}
.pdp-carousel .owl-item .item {
  border: 1px solid #EFEFEF;
  width: 55px;
  height: 55px;
}
.pdp-carousel .owl-buttons div,
.pdp-carousel .owl-controls .owl-page {
  cursor: pointer;
}
.pdp-carousel .owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.pdp-carousel .owl-controls .owl-buttons {
  display: none;
}
.pdp-carousel.margin-carousel {
  margin: 0 15px;
}
.pdp-carousel .owl-item,
.pdp-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.pdp-image-gal .tab-content .tab-pane {
  position: relative;
}
.pdp-image-gal .tab-content .tab-pane .tab-pane-img {
  vertical-align: middle;
  display: table-cell;
  width: 300px;
  height: 300px;
}
.pdp-image-gal .tab-content .tab-pane .tab-pane-img .icon-resize {
  background: url("../images/resize_icon.svg") no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 7px;
  top: 7px;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.pdp-image-gal .tab-content .tab-pane .tab-pane-img .bg-raster {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 0px;
}
.pdp-image-gal .tab-content .tab-pane img {
  margin: 0 auto;
}
.pdp-image-gal .owl {
  max-width: 185px;
  text-align: center;
  padding: 15px 0px;
  background: #ffffff;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .pdp-image-gal .owl {
    max-width: 128px;
  }
}
.pdp-image-gal .owl .item a img {
  display: inline-block;
  padding: 5px;
}
.pdp-image-gal .owl .custom-nav a i {
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  top: 36px;
  z-index: 1000;
  color: #434343;
}
.pdp-image-gal .owl .custom-nav a.owl-prev i {
  left: 0;
  transform: rotate(180deg);
}
.pdp-image-gal .owl .custom-nav a.owl-next i {
  right: -30px;
}
.zoomimageView {
  margin: 0 auto;
  max-width: 515px;
  max-height: 515px;
}
@media (max-width: 767px) {
  .zoomimageView {
    width: 100%;
    height: 100%;
  }
}
.dsr-img-view {
  width: auto;
  height: auto;
  max-width: 300px;
  max-height: 300px;
}
@media (max-width: 767px) {
  .dsr-img-view.zoomimageView {
    width: auto;
    height: auto;
  }
}
/*crossSelling*/
#crossSellingContainer {
  -webkit-box-shadow: 5px 0 5px -5px #d9d9d9;
  -moz-box-shadow: 5px 0 5px -5px #d9d9d9;
  box-shadow: 5px 0 5px -5px #d9d9d9;
}
.crossSellingContainerVertical {
  max-width: 242px;
  max-height: 575px;
  margin-left: 17px;
}
.crossSellingContainerVertical .product-quantity-picker {
  margin-top: 3px;
}
.crossSellingContainerVertical .product-quantity-picker .count-input .incr-btn .eco3-icon.icon-minus,
.crossSellingContainerVertical .product-quantity-picker .count-input .incr-btn .eco3-icon.icon-plus {
  margin-top: 5px;
}
.crossSellingContainerVertical .item:first-child {
  margin-top: 10px;
}
.crossSellingContainerVertical .eco3-pannel-tag {
  text-align: left;
  font-size: 14pt;
  color: #666666;
}
.crossSellingContainerVertical .eco3-pannel-tag span {
  padding-left: 40px;
}
.crossSellingContainerVertical .eco3-icon.icon-minus,
.crossSellingContainerVertical .eco3-icon.icon-plus {
  background-size: 24px;
}
.crossSellingContainerVertical .arrowUp {
  background-image: url("../images/arrow-up.svg");
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -4px;
}
.crossSellingContainerVertical .arrowDown {
  background-image: url("../images/arrow-down.svg");
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -4px;
}
.crossSellingContainerVertical .tns-controls button:last-child {
  position: absolute;
  left: 26px;
  z-index: 1;
}
.crossSellingContainerVertical .tns-controls button {
  width: 241px;
  height: 18px;
  border: none;
  background-color: #f3f3f3;
}
.crossSellingContainerVertical .tns-controls button:focus {
  outline: 0;
}
.crossSellingContainerVertical .tns-outer #vertical-iw {
  max-height: 550px;
}
.crossSellingContainerVertical .add_to_cart_wrapper {
  border-top: 1px solid #cccccc;
}
.crossSellingContainerVertical .prodName {
  background: #f8f8f8;
  font-size: 10pt;
  color: #434343;
  text-align: left;
  padding-left: 0;
}
.crossSellingContainerVertical .count-input input {
  width: 65px;
  margin-top: 4px;
}
.crossSellingContainerVertical .nameHeight {
  min-height: 75px;
  padding-left: 0;
}
.crossSellingContainerVertical .priceValue {
  font-size: 11pt;
  font-weight: bold;
  margin-left: 0;
}
.crossSellingContainerVertical .standard-price-block .priceValue {
  display: none;
}
.crossSellingContainerHorizontal #horizontal-iw {
  margin-left: 29px;
  margin-right: -1px;
}
.crossSellingContainerHorizontal .tns-controls button {
  border: none;
  background-color: #ffffff;
}
.crossSellingContainerHorizontal .tns-controls button .scrollLeft {
  background: url('../images/chevron-left.svg') no-repeat;
  display: block;
  width: 23px;
  height: 30px;
  position: absolute;
  left: 8px;
  top: 145px;
  cursor: pointer;
  z-index: 1;
  background-size: 23px 30px;
}
.crossSellingContainerHorizontal .tns-controls button .scrollRight {
  background: url('../images/chevron-right.svg') no-repeat;
  display: block;
  width: 23px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 145px;
  cursor: pointer;
  z-index: 1;
  background-size: 23px 30px;
}
.crossSellingContainerHorizontal .tns-controls button:focus {
  outline: 0;
}
.crossSellingContainerHorizontal .eco3-icon.icon-minus,
.crossSellingContainerHorizontal .eco3-icon.icon-plus {
  background-size: 30px;
}
.crossSellingContainerHorizontal .eco3-pannel-tag {
  text-align: left;
}
.crossSellingContainerHorizontal .eco3-pannel-tag span {
  padding-left: 40px;
}
.crossSellingContainerHorizontal .add_to_cart {
  border-top: 1px solid #cccccc;
}
.crossSellingContainerHorizontal .prodName {
  background: #f8f8f8;
  font-size: 10pt;
  color: #434343;
  line-height: 18px;
}
.crossSellingContainerHorizontal .count-input input {
  width: 65px;
  margin-top: 4px;
}
.crossSellingContainerHorizontal .nameHeight {
  min-height: 75px;
  text-align: left;
}
.crossSellingContainerHorizontal .priceValue {
  font-size: 11pt;
  font-weight: bold;
}
.crossSellingContainerHorizontal .standard-price-block .priceValue {
  display: none;
}
#productDetailsPage .productPrimaryImage .pdp-image-gal img {
  height: 100%;
  margin: 0 auto;
}
.page-productDetailsPage .eco3-responsive-tabs .nav li a {
  padding: 8px 8px;
  line-height: 1;
}
.page-productDetailsPage .eco3-responsive-tabs .nav li .active {
  top: -1px;
}
.page-productDetailsPage .eco3-responsive-tabs .nav.primary-nav-tabs li {
  margin-right: -3px;
}
.page-productDetailsPage .eco3-responsive-tabs .nav.primary-nav-tabs li a {
  border: none !important;
  box-shadow: 0px 0px 4px 1px #cccccc;
}
.page-productDetailsPage .eco3-responsive-tabs .nav.primary-nav-tabs li .active {
  top: 0;
}
.page-productDetailsPage .eco3-responsive-tabs .nav.primary-nav-tabs li.active a {
  box-shadow: 0px 0px 4px 0px #009cdd;
}
.page-productDetailsPage .eco3-responsive-tabs .pdp-tab #relation-tabs li .facet-name {
  min-height: 32px;
}
.page-productDetailsPage .eco3-responsive-tabs .pdp-tab #relationship-tabs #tab-details {
  height: auto !important;
}
.page-productDetailsPage .eco3-responsive-tabs .pdp-tab #relationship-tabs .service-message {
  margin-top: 0;
}
.page-productDetailsPage .eco3-responsive-tabs .pdp-tab #relationship-tabs .service-message .alert.alert-bar {
  padding: 5px 10px 5px 30px !important;
}
.page-productDetailsPage .eco3-responsive-tabs .pdp-tab #relationship-tabs .service-message .global-alerts {
  padding-right: 30px;
}
.page-productDetailsPage .eco3-responsive-tabs .pdp-tab #relationship-tabs .service-message .info-icon-extraction {
  margin: -10px 12px 0px 0px;
}
@media (max-width: 767px) {
  .page-productDetailsPage .eco3-responsive-tabs .pdp-tab #relationship-tabs .service-message .info-icon-extraction {
    margin: -50px -5px 0px 0px;
  }
}
.page-productDetailsPage .eco3-responsive-tabs .pdp-tab #relationship-tabs .service-message .alert-info span {
  color: #005ea8;
}
.page-productDetailsPage .border-line {
  border-bottom: 1px solid #d9d9d9;
}
.page-productDetailsPage .border-line:last-child {
  border-bottom: none;
}
.page-productDetailsPage .service-product-references .show-more-less-btn {
  margin: 20px auto;
}
.page-productDetailsPage .service-product-references .show-more-less-btn button {
  width: auto !important;
  height: 30px;
  background-color: #f3f3f3;
  color: #009cdd;
  margin: 0 auto;
  min-width: 120px;
}
#productDetailsPage .pdp-image-gal .tab-content .tab-pane img {
  width: 100%;
  aspect-ratio: 1;
}
.eco3-responsive-tabs .pdp-tab .nav-tabs.tabs-unlimited {
  padding: 2px 0;
}
.page-productDetailsPage #showMoreHeadlines,
.page-productDetailsPage #showLessHeadlines {
  min-width: 105px;
  width: auto;
  height: 30px;
  background-color: #f3f3f3;
  color: #009cdd;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  #productDetailsPage .attributePanel,
  #productDetailsPage .price-conatiner {
    padding: 0px;
  }
  #productDetailsPage .price-color.your-price {
    font-size: 10pt !important;
    line-height: 15px;
    text-align: left;
  }
  #productDetailsPage .price-vat-label,
  #productDetailsPage .red-flag-label {
    font-size: 10pt !important;
    line-height: 15px;
    text-align: left;
    margin-top: 20px;
  }
  #productDetailsPage .functionalBlock {
    margin-top: 0px;
  }
  #productDetailsPage .pdp-price-conatiner {
    padding: 0px 8px 10px 10px;
  }
  #productDetailsPage .prd-titleBox {
    min-height: 35px;
    min-width: 320px;
  }
  #productDetailsPage .detailsBlock {
    height: auto !important;
    text-align: left;
  }
  #productDetailsPage .detailsBlock .campaign-display .pdp-campaign-display .campaign-icon {
    width: 45px;
    height: 32px;
  }
  #productDetailsPage .detailsBlock .campaign-display .pdp-campaign-display .campaign-icon img {
    width: 19px;
    height: 16px;
  }
  #productDetailsPage .detailsBlock .campaign-display .pdp-campaign-display .heavy-weight-image img {
    width: 30px;
    height: 20px;
  }
  #productDetailsPage .desktopDescription {
    font-size: 10pt !important;
  }
  #productDetailsPage .itemNoSize {
    font-weight: 500;
  }
  #productDetailsPage .pdp-icon {
    width: 25px;
    height: 25px;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  #productDetailsPage .itemNo {
    font-size: 10pt;
    text-align: left;
    margin-top: 15px;
  }
  #productDetailsPage .product-footer {
    padding-right: 0px;
  }
  #productDetailsPage .product-footer .icon-atp {
    height: 28px;
    width: 30px;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    top: 0;
  }
  #productDetailsPage .product-footer input.quantity.plp-qty {
    width: 55px;
    height: 32px;
  }
  #productDetailsPage .product-footer .btn-group-product .product-btn {
    height: 45px;
    width: 60px;
  }
  span.priceValue {
    font-weight: 400;
    white-space: nowrap;
  }
  .pdp-image-gal .tab-content .tab-pane .tab-pane-img {
    width: 96px;
    height: 96px;
    margin-left: 15px;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  .pdp-image-gal .tab-content .tab-pane .tab-pane-img .bg-raster {
    width: auto;
  }
  .pdp-image-gal .tab-content .tab-pane .tab-pane-img .icon-resize {
    width: 16px;
    height: 16px;
    margin-left: 10px;
  }
  .pdp-image-gal .owl .custom-nav a i {
    top: 27px;
  }
  .pdp-carousel .owl-item {
    max-width: 36px;
  }
  .pdp-carousel .owl-item .item {
    width: 36px;
    height: 36px;
  }
  #productDetailsPage #PDP-Image-Block {
    padding-left: 20px;
  }
  .productdetails-cart-page {
    display: inline-block !important;
  }
  #breadcrumb .breadcrumb {
    padding-left: 10px;
  }
  #configurationForm .product-config-csticValue {
    min-height: 35px;
  }
  .eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane table.productSpecification td.attr-value {
    text-align: left;
    padding-left: 10px;
  }
  .functionalBlock .product-details-compare-block .label {
    color: #434343;
  }
  #productDetailsPage .no-your-price-label .spinner {
    margin: 10px auto;
  }
  /**tabs unlimited for pdp styles added for mobile***/
  .eco3-responsive-tabs .pdp-tab .nav-tabs.tabs-unlimited {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
  }
  /*****************************Mobile-End*********************************/
}
@media (min-width: 320px) and (max-width: 767px) and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  #productDetailsPage .product-footer {
    padding-right: 0px;
  }
  #productDetailsPage .prd-titleBox {
    min-height: auto;
    max-width: auto;
  }
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Mobile-Start*******************************/
  #productDetailsPage .price-color.your-price {
    font-size: 12pt !important;
  }
  #productDetailsPage .pdp-image-gal .tab-content .tab-pane .tab-pane-img {
    width: 240px;
    height: 240px;
  }
  #productDetailsPage .pdp-price-conatiner {
    padding: 10px 0px 10px 10px;
  }
  #productDetailsPage .product-title {
    max-width: initial;
  }
  #productDetailsPage .prd-titleBox {
    padding: 0px;
    min-width: 100%;
  }
  #productDetailsPage .detailsBlock {
    min-height: 180px;
    height: auto;
  }
  #productDetailsPage .rightSideBlock {
    max-width: 100%;
  }
  #configurationForm .product-config-csticValue {
    min-height: 42px;
  }
  .eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane table.productSpecification td.attr-value {
    text-align: left;
  }
  .page-productDetailsPage .eco3-responsive-tabs .nav.primary-nav-tabs li#product-details {
    margin: 0 !important;
  }
  .page-productDetailsPage .added-service-checkbox {
    padding-left: 0;
  }
  /**tabs unlimited for pdp styles added for tablet***/
  .eco3-responsive-tabs .pdp-tab .nav-tabs.tabs-unlimited {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
  }
  /*****************************Mobile-End*********************************/
}
@media (min-width: 768px) and (max-width: 1200px) and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
  #productDetailsPage .product-footer {
    max-width: 650px;
    width: 100%;
  }
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  #productDetailsPanelSection {
    padding-left: 115px;
    padding-bottom: 100px;
  }
  #configurationForm .product-config-csticValue {
    min-height: 33px;
  }
  .eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane table.productSpecification td.attr-value {
    text-align: left;
  }
}
/* imports the media-query.less */
/* import product details page*/
/******************************************************************************************************************
/* File Name        : cart.less
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 28-Sept-2017
/* Description      : This is less code for the checkout.less.
/*******************************************************************************************************************/
/* imports the variable.less */
#cartPage .download {
  float: left;
  clear: left;
  text-align: left;
  margin: 40px 0 0 0;
  width: 267px;
}
#cartPage .download p {
  color: #434343;
  font-weight: normal;
  font-size: 10pt;
}
#cartPage .download #cartdownload {
  background-color: #808080;
  width: 80px;
  height: 40px;
  border: none;
}
#cartPage .download #cartdownload:hover {
  opacity: 0.7;
}
#cartPage .emptyCartWrapper p.use-quick-order-compo {
  border-top: none;
}
#cartPage .cart-service .service-price {
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0;
}
#guestCheckoutBoxs {
  margin: 50px auto 0px auto;
  text-align: center;
  float: none;
  display: inline-block;
}
#guestCheckoutBoxs .cartguestuser-box {
  min-height: 180px;
  max-width: 300px;
  margin-bottom: 50px;
}
#guestCheckoutBoxs .cartguestuser-box header {
  color: #666666;
  font-weight: 500;
}
#guestCheckoutBoxs .content p {
  padding: 37px 30px;
  font-size: 11pt;
  color: #434343;
  margin: 0;
}
#guestCheckoutBoxs #continue_guest_button {
  color: #434343;
  font-weight: 400;
  font-size: 11pt;
}
@media (max-width: 767px) {
  #guestCheckoutBoxs .guest-user-box {
    margin-top: 60px;
  }
}
p.use-quick-order-compo {
  display: none;
}
.emptyCartWrapper {
  width: 630px;
  padding: 10px 0 150px 0;
  margin: 0 auto;
}
.emptyCartWrapper .quick-order-help .eco3-comp-box .display-table-cell .pull-right {
  right: -30px;
  bottom: 0;
}
.emptyCartWrapper .quick-order-help .eco3-comp-box .display-table-cell .pull-left {
  bottom: 0;
}
.emptyCartWrapper p.suggestion {
  display: none;
}
.emptyCartWrapper p.use-quick-order-compo {
  border-top: 1px solid #cccccc;
  margin: 0px auto 0 auto;
  padding: 40px 0 45px 0;
  font-size: 12pt;
  color: #434343;
  display: block;
}
.emptyCartWrapper .content h2 {
  margin-top: 0;
  font-size: 21px;
  color: #666666;
  margin-bottom: 40px;
}
.emptyCartWrapper .content .btn.bg-secondary {
  font-size: 11.9pt;
}
.emptyCartWrapper .componentBlock.homePageLoginComponent {
  width: 300px;
  float: none;
  margin: 0 auto;
}
.emptyCartWrapper .componentBlock.homePageLoginComponent .componentsBox {
  padding: 0;
}
.emptyCartWrapper .componentBlock.homePageLoginComponent .componentsBox .eco3-comp-box {
  width: 280px;
}
.emptyCartWrapper .componentBlock.homePageLoginComponent .componentsBox .eco3-comp-box .title.text-center {
  margin: 0 !important;
}
.emptyCartWrapper .componentBlock.homePageLoginComponent .componentsBox .eco3-comp-box .body {
  margin: 0 !important;
  padding: 0;
}
.emptyCartWrapper .componentBlock.homePageLoginComponent .componentsBox .eco3-comp-box .body .quickorder .form-group {
  margin: 0;
}
.emptyCartWrapper .componentBlock.homePageLoginComponent .componentsBox .eco3-comp-box .body .quickorder .add_to_cart_button {
  margin-bottom: 0 !important;
}
.emptyCartWrapper .componentBlock.homePageLoginComponent .componentsBox .eco3-comp-box .body .quickorder .add_to_cart_button.icon-quote-list.add_to_cart_button {
  display: none;
}
.page-cartPage .container .containerInnerSection {
  padding: 0px 40px;
  margin-bottom: 120px;
}
.page-cartPage .container .containerInnerSection .quick-info-component {
  padding: 0;
  margin: 0 0 0 -30px;
}
.page-cartPage .container .containerInnerSection .quick-info-component button.pull-left {
  display: none;
}
.page-cartPage .container .containerInnerSection .quick-info-component .quick-order-help .eco3-comp-box .display-table-cell .pull-right {
  right: 0;
}
.page-cartPage .container .containerInnerSection table#your_cart {
  position: relative;
}
.page-cartPage .container .containerInnerSection table#your_cart thead tr {
  border: 0px solid transparent;
}
.page-cartPage .container .containerInnerSection table#your_cart thead tr th#header7 {
  right: 17px;
}
.page-cartPage .container .containerInnerSection table#your_cart thead tr th#header7 i {
  position: initial;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr {
  border: 0px solid transparent;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr:before {
  content: "";
  position: absolute;
  background: #cccccc;
  width: 100%;
  height: 0.5px;
  left: 0;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td {
  padding: 20px 0;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.vat-exempt-value .trash {
  padding-left: 60px;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image {
  text-align: left;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image span.product_image a img {
  min-width: 96px;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display {
  display: flex;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .campaign-icon {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .campaign-icon img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .heavy-weight-image {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .heavy-weight-image img {
  width: 33px;
  height: 22px;
  margin: 5px;
}
.page-cartPage .voucher-outer-container.cart-tab-totals {
  display: inline-block;
  width: 390px;
  margin: 45px 0;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .control-label {
  color: #666666;
  font-size: 10pt;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .voucher-title-holder {
  margin-left: 3px !important;
  margin-bottom: 4px !important;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .voucher-code.form-control:focus,
.page-cartPage .voucher-outer-container.cart-tab-totals .voucher-code-display.form-control:focus {
  box-shadow: none !important;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .input-group-addon {
  padding: 0;
  border: 0;
  line-height: 0;
  background: #009cdd;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .input-group-addon .icon {
  display: inline-block;
  width: 60px;
  height: 38px;
  cursor: pointer;
  background-position: center !important;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-close-o {
  background: url("../images/icon-close-o.svg") no-repeat;
  background-size: 22px 22px;
  background-color: #666666;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-right {
  background: url("../images/icon-right-white.svg") no-repeat;
  background-size: 17px 23px;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-submit {
  background: url("../images/icon-submit.svg") no-repeat;
  background-size: 30px 30px;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .input-group-addon .icon .spinner {
  margin: 0 auto;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .input-group-addon .icon .spinner div {
  background: #ffffff;
}
.page-cartPage .voucher-outer-container.cart-tab-totals .voucher-error-container .voucher-error {
  width: 99%;
  margin-left: 3px;
}
.page-cartPage .place-order-cart-total.cart-tab-totals .voucher-error-container {
  width: 100%;
}
.page-cartPage .place-order-cart-total.cart-tab-totals .voucher-error-container .voucher-information-error {
  display: none;
}
.page-cartPage .place-order-cart-total.cart-tab-totals .voucher-error-container .voucher-error {
  display: none;
}
.page-cartPage .place-order-cart-total.cart-tab-totals .voucher-error-container .voucher-info-error .warning-icon {
  margin: 0px 8px 8px 0px;
}
.page-cartPage .place-order-cart-total.cart-tab-totals .voucher-error-container .voucher-info-error .background-orange {
  background-color: #fff5ea !important;
}
.page-cartPage .place-order-cart-total.cart-tab-totals .voucher-error-container .voucher-info-error .orange-color {
  color: #d86d03 !important;
}
.page-cartPage .place-order-cart-total.cart-tab-totals .tab_title_holder.col-xs-6 {
  margin-top: 60px;
}
.page-cartPage .place-order-cart-total.cart-tab-totals .tab_title_holder.total-label {
  font-size: 14pt;
  color: #434343;
  text-transform: uppercase;
  margin-top: 60px;
}
.page-cartPage .total-voucher-wrapper-container {
  float: right;
}
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon,
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon,
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon-background,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon-background,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon-background,
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon-background,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon-background,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon-background {
  background-color: #f4f4f4 !important;
  cursor: default;
  opacity: 0.5;
}
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon img,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon img,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon img,
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon img,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon img,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon img,
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon-background img,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon-background img,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .campaign-icon-background img,
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon-background img,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon-background img,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .campaign-icon-background img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .heavy-weight-image,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .heavy-weight-image,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-cart-page .heavy-weight-image,
.page-cartPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .heavy-weight-image,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .heavy-weight-image,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color span.product_image .campaign-summarycart-page .heavy-weight-image {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.page-cartPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon,
.page-cartPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon,
.page-cartPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon-background,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon-background,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon-background,
.page-cartPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon-background,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon-background,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon-background {
  background-color: #ddf5ff !important;
  cursor: pointer;
  opacity: 1;
}
.page-cartPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon img,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon img,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon img,
.page-cartPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon img,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon img,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon img,
.page-cartPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon-background img,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon-background img,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-cart-page .campaign-icon-background img,
.page-cartPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon-background img,
.page-checkoutOrderSummaryPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon-background img,
.page-checkoutOrderSimulationPage table#your_cart tbody tr.non-campaign-color.isBogoOpted span.product_image .campaign-summarycart-page .campaign-icon-background img {
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.page-cartPage .voucher-applied-section,
.page-checkoutOrderSummaryPage .voucher-applied-section,
.page-checkoutOrderSimulationPage .voucher-applied-section {
  background-color: #f3f3f3;
  width: 390px;
  height: auto;
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  padding: 20px;
}
.page-cartPage .voucher-applied-section span,
.page-checkoutOrderSummaryPage .voucher-applied-section span,
.page-checkoutOrderSimulationPage .voucher-applied-section span {
  margin-left: 10px;
  display: block;
  font-size: 16px;
}
.page-cartPage .voucher-applied-section span p,
.page-checkoutOrderSummaryPage .voucher-applied-section span p,
.page-checkoutOrderSimulationPage .voucher-applied-section span p {
  font-weight: 500;
}
.page-cartPage .voucher-applied-section .voucher-applied .icon,
.page-checkoutOrderSummaryPage .voucher-applied-section .voucher-applied .icon,
.page-checkoutOrderSimulationPage .voucher-applied-section .voucher-applied .icon {
  display: inline-block;
  width: 60px;
  height: 38px;
  cursor: pointer;
  background-position: center !important;
}
.page-cartPage .voucher-applied-section .voucher-applied .icon.icon-close,
.page-checkoutOrderSummaryPage .voucher-applied-section .voucher-applied .icon.icon-close,
.page-checkoutOrderSimulationPage .voucher-applied-section .voucher-applied .icon.icon-close {
  margin-top: -25px;
  margin-right: -20px;
  background: url("../images/icon-close.svg") no-repeat;
  background-size: 20px 20px;
}
.page-quoteCartPage .container .containerInnerSection {
  margin-bottom: 120px;
}
.page-quoteCartPage .container .containerInnerSection .quick-info-component {
  padding: 0;
  margin: 0 0 0 -30px;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart {
  position: relative;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart thead tr {
  border: 0px solid transparent;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr {
  border: 0px solid transparent;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr:before {
  content: "";
  position: absolute;
  background: #cccccc;
  width: 92%;
  height: 1px;
  left: 27px;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td {
  padding: 20px 0 10px 0;
  min-width: 180px;
}
@media (max-width: 767px) and (min-width: 320px) {
  .page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td {
    min-width: initial;
  }
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.checkall {
  min-width: auto;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.vat-exempt-value {
  text-align: right;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_details {
    padding-left: 10px;
    min-width: initial;
  }
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_image {
  text-align: left;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_image {
    min-width: initial;
  }
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display {
  display: flex;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .campaign-icon {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .campaign-icon img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .heavy-weight-image {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .heavy-weight-image img {
  width: 33px;
  height: 22px;
  margin: 5px;
}
table#your_cart {
  width: 100%;
  margin: 0 auto 10px auto;
}
table#your_cart .updateDelete .spinner {
  margin: 0 auto;
  float: right;
  position: relative;
  top: -5px;
}
table#your_cart thead tr th {
  text-align: center;
  padding: 10px 0px;
  color: #333333;
  font-size: 10pt;
  text-transform: uppercase;
}
table#your_cart thead tr th.vat-exempt-align {
  text-align: center;
  padding: 0 0 10px 0;
  color: #333333;
  font-size: 10pt;
  text-transform: uppercase;
}
table#your_cart thead tr th.blue_heading {
  color: #009cdd;
}
table#your_cart thead tr th#header2 {
  min-width: 178px;
}
table#your_cart thead tr th#header3 {
  min-width: 178px;
}
table#your_cart thead tr th#header4 {
  min-width: 140px;
}
table#your_cart thead tr th#header5 {
  min-width: 177px;
}
table#your_cart thead tr th#header6 {
  color: #009cdd;
  min-width: 176px;
}
table#your_cart thead tr th#header7 {
  top: -14px;
  position: initial;
  min-width: 176px;
}
table#your_cart thead tr th#header7 .bgcolor-popover {
  margin-top: 2px;
}
table#your_cart thead tr th#header7 .bgcolor-popover .eco3-icon.small-info-circle {
  position: initial;
}
table#your_cart thead tr:last-child {
  border-bottom: 1px solid #cccccc;
}
table#your_cart tbody {
  border-bottom: 1px solid #cccccc;
}
table#your_cart tbody tr {
  border-top: 1px solid #cccccc;
}
table#your_cart tbody tr td {
  padding: 20px 10px 10px 10px;
  text-align: center;
  vertical-align: top;
}
table#your_cart tbody tr td.product_details h2 {
  font-size: 11pt;
  margin: 0 auto 60px auto;
  width: 100%;
}
table#your_cart tbody tr td.product_details h2 a {
  color: #009cdd;
  font-size: 11pt;
  font-weight: normal;
}
table#your_cart tbody tr td.product_details .prodNumber {
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
table#your_cart tbody tr td.itemPrice p {
  margin: 0;
  font-size: 10pt;
  color: #333333;
}
table#your_cart tbody tr td.itemPrice p.price-value {
  font-weight: 500;
  font-size: 15px;
}
table#your_cart tbody tr td.vat-exempt-value {
  vertical-align: middle;
}
table#your_cart tbody tr td.vat-exempt-value input[type="checkbox"] {
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #cccccc;
}
table#your_cart tbody tr td.vat-exempt-value label.eco3-checkbox.center-align {
  margin: 0 auto;
  text-align: center;
  display: unset;
}
table#your_cart tbody tr td.vat-exempt-value i.eco3-icon.icon-delete-item {
  top: 0px;
  width: 37px;
  height: 30px;
}
table#your_cart tbody tr td.total.cartValue {
  color: #009cdd;
  font-weight: 500;
  font-size: 12pt;
  text-align: right;
}
table#your_cart tbody tr td.total.cartValue .tax-values {
  margin-left: 8px;
}
table#your_cart tbody tr td.total.cartValue .accordion-toggle.collapsed:after {
  background: url(../images/blue-arrow-right.svg) no-repeat;
  width: 15px;
  height: 15px;
  float: right;
  content: "";
  background-size: contain;
}
table#your_cart tbody tr td.total.cartValue .accordion-toggle:after {
  background: url(../images/blue-arrow-down.svg) no-repeat;
  width: 15px;
  height: 15px;
  float: right;
  content: "";
  background-size: contain;
}
table#your_cart tbody tr td.checkall {
  vertical-align: middle;
}
table#your_cart tbody tr td.checkall input[type="checkbox"] {
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #cccccc;
}
table#your_cart tbody tr .itemPrice.availibilty {
  font-size: 11pt;
  font-weight: normal;
  color: #333333;
}
table#your_cart tbody tr .itemPrice.availibilty .two-rows-data {
  width: 60%;
  margin: 0 auto;
  padding: 2px 0;
}
table#your_cart tbody tr .two-rows-data {
  color: #333333;
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 21px;
}
table#your_cart tbody tr .two-rows-data a {
  color: #fd9927;
}
table#your_cart tbody tr td.quantity form {
  position: relative;
}
table#your_cart tbody tr td.quantity form span.quantity-button.less {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  text-decoration: none;
  cursor: pointer;
}
table#your_cart tbody tr td.quantity form span.quantity-button.more {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  top: 50%;
  right: -30px;
  margin-top: -15px;
  text-decoration: none;
  cursor: pointer;
}
table#your_cart tbody tr td.quantity form .count-input .incr-btn {
  top: 50%;
  line-height: 35px;
}
table#your_cart tbody tr td.quantity form .count-input .incr-btn.less {
  left: 15px;
}
table#your_cart tbody tr td.quantity form .count-input .incr-btn.less .qty-icon {
  width: 24px;
  height: 24px;
}
table#your_cart tbody tr td.quantity form .count-input .incr-btn.more {
  right: 15px;
}
table#your_cart tbody tr td.quantity form .count-input .incr-btn.more .qty-icon {
  width: 24px;
  height: 24px;
}
table#your_cart tbody tr td.quantity form .count-input .more {
  right: 15px;
  top: 25%;
}
table#your_cart tbody tr td.quantity form .count-input .more .qty-icon {
  width: 24px;
  height: 24px;
}
table#your_cart tbody tr td.quantity form div.refresh-icon {
  margin: 10px auto 0 auto;
  display: inherit;
}
table#your_cart tbody tr:last-child {
  border-bottom: 1px solid #cccccc;
}
.span-8.last.right.cart-tab-totals {
  float: right;
  position: relative;
  right: -5px;
  width: 484px;
}
.span-8.last.right.cart-tab-totals .tab_title_holder {
  display: inline-block;
  float: left;
  font-size: 14pt;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 10px;
  margin-left: 75px;
}
.span-8.last.right.cart-tab-totals .cart-totals {
  background-color: #f3f3f3;
  width: 388px;
  float: right;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 20px;
}
.span-8.last.right.cart-tab-totals .cart-totals .row {
  line-height: 27px;
  padding: 10px 10px 5px 0;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .order_totals.order_totals_table div {
  padding-left: 0;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .cart-price-label {
  font-size: 12pt;
  font-weight: normal;
  color: #666666;
  text-align: right;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .totalValues {
  font-weight: 500;
  color: #666666;
  font-size: 12pt;
  text-align: right;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .eco2-grand-total {
  color: #009cdd;
  font-size: 12pt;
  font-weight: 500;
  text-align: right;
  padding-right: 6px;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .eco2-grand-total.total-price {
  margin-top: 0;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .eco2-grand-total.totalValues {
  color: #009cdd;
  font-weight: 500;
  font-size: 12pt;
  padding-right: 10px;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .eco2-grand-total.totalValues.total-price-value {
  margin-top: 0;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .col-xs-6.col-sm-9.col-md-6.col-lg-10.eco2-grand-total {
  text-align: right;
}
.span-8.last.right.cart-tab-totals .cart-totals .row .your-net-price {
  color: #009cdd;
}
.bottom-button {
  clear: right;
  float: right;
  width: 480px;
  text-align: right;
  margin: 40px -9px 80px 0;
}
.bottom-button button.form.btn.btn-white.full {
  width: 200px;
}
.bottom-button a.btn.btn-green.full {
  background-color: #83bc34;
  width: 200px;
}
.add-margin {
  margin-top: 60px;
}
.checkout_Stage_indicator {
  width: 500px;
  margin: 0 auto;
  height: 200px;
  background-color: lightblue;
  margin: 20px auto;
}
.selectall {
  float: left;
  margin: 0 0 50px 0;
}
.selectall label.eco3-checkbox {
  width: auto;
  display: inline;
}
.selectall input[type="checkbox"] {
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #cccccc;
}
.selectall span.selectall_text {
  font-size: 12pt;
  color: #434343;
  font-weight: normal;
}
.selectall button#remove_button {
  color: #009cdd;
  margin: 0 0 0 20px;
  border: none;
  font-weight: normal;
  background: none;
  font-size: 11pt;
  width: 140px;
  padding: 10px 5px;
  background: #f3f3f3;
  opacity: 1;
}
.selectall button#remove_button:disabled {
  opacity: 0.3;
}
div#cartPage.cartCheckoutTopSection .eco3-comp-box .body {
  margin: 0;
}
.cart-vat-popup-container {
  display: none;
}
.eco3-vat-exem div#vatExemptionHeading {
  display: none;
}
.eco3-vat-exem .vat-text {
  text-align: center;
  margin: 40px 0 60px 0;
  font-size: 12pt;
}
.eco3-vat-exem .vat-btns {
  text-align: center;
}
.eco3-vat-exem .vat-btns .vat-cancel {
  margin: 20px 0 0 0;
  text-transform: uppercase;
}
.eco3-vat-exem .vat-btns .vat-cancel a {
  cursor: pointer;
}
section#checkout-section-body-product .checkout-section-body {
  margin-left: 0px!important;
  padding-left: 30px;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart {
  margin: 15px auto auto auto;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead tr th {
  min-width: 217px;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead tr th#cartheader6 {
  color: #009cdd !important;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead tr th#cartheader7 {
  position: relative;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead tr th#cartheader7 .cart-icon {
  margin-bottom: 5px;
  margin-top: -25px;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead tr .vat-exempt-align {
  min-width: 0;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td {
  text-align: center;
  min-width: 178px;
  vertical-align: top;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.checkoutQuantity span {
  font-size: 11pt;
  color: #333333;
  font-weight: normal;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.vat-exempt {
  font-size: 15px;
  text-transform: uppercase;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart.rdd-enabled thead tr th {
  min-width: 145px;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart.rdd-enabled thead tr th#cartheader8 {
  min-width: 180px;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart.rdd-enabled thead tr th#cartheader8.rdd-header {
  width: 190px;
}
form#modifyAddressFormNewAddress .error.alert-danger.eco3-springGlobalError span {
  font-size: 10pt;
  display: block;
  font-weight: 500;
}
.checkout-totals-section .span-8.last.right.cart-tab-totals {
  margin-top: 0;
  margin-right: 0px;
  right: -10px;
}
button#validate-order-button-bottom {
  margin: 60px 0px 40px 40px;
}
label.eco3-checkbox .checkmark {
  width: 18px;
  height: 18px;
}
label.eco3-checkbox .checkmark:after {
  top: 0;
  left: 5px;
}
.page-checkoutOrderSummaryPage .summary-pageBoga-tab {
  text-align: center;
}
.page-checkoutOrderSummaryPage .item_container .total-header {
  color: #009cdd;
}
.page-checkoutOrderSummaryPage #breadcrumb {
  margin-left: 0;
  margin-right: 0;
  overflow: initial;
}
.page-checkoutOrderSummaryPage #breadcrumb ul {
  margin-left: -50px;
  margin-right: -50px;
}
.page-checkoutOrderSummaryPage #breadcrumb ul li {
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  color: #666666;
  padding-left: 15px;
}
.page-checkoutOrderSummaryPage #breadcrumb ul li.active {
  font-family: Roboto;
  font-size: 21px;
  line-height: 34px;
  color: #666666;
  padding-left: 15px !important;
}
.page-checkoutOrderSummaryPage #breadcrumb ul .breadcrumb-smallarrow {
  width: 14px;
  height: 18px;
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr {
  border-bottom: none;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image {
  padding: 10px 10px;
  text-align: left;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-summarycart-page .campaign-display .summarycart-campaign-display {
  display: flex;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-summarycart-page .campaign-display .summarycart-campaign-display .heavy-weight-image {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-summarycart-page .campaign-display .summarycart-campaign-display .heavy-weight-image img {
  margin: 5px;
  width: 33px;
  height: 22px;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr.isBogoOpted {
  border-bottom: 1px solid #cccccc;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart .service-price {
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0;
}
.page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart .service-price-value {
  text-align: right;
}
.page-checkoutOrderSimulationPage #breadcrumb .breadcrumb {
  padding-left: 24px;
}
.page-checkoutOrderSimulationPage #breadcrumb ul {
  margin-left: -17px;
  margin-right: -17px;
}
.page-checkoutOrderSimulationPage #breadcrumb ul li {
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  color: #666666;
  padding-left: 15px;
}
.page-checkoutOrderSimulationPage #breadcrumb ul li.active {
  font-family: Roboto;
  font-size: 21px;
  line-height: 34px;
  color: #666666;
  padding-left: 15px !important;
}
.page-checkoutOrderSimulationPage #breadcrumb ul .breadcrumb-smallarrow {
  width: 14px;
  height: 18px;
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
.page-checkoutOrderSimulationPage table#your_cart.rdd-disabled {
  margin: 20px 0 30px 0;
}
.page-checkoutOrderSimulationPage tr.service-name-tr .service-price {
  font-size: 14px;
  font-weight: 500;
  margin: 0px 0;
}
.page-checkoutOrderSimulationPage tr.service-name-tr .service-number {
  min-width: 320px;
  text-align: left;
  padding: 3px;
}
.page-checkoutOrderSimulationPage tr.service-name-tr {
  border-top: none !important;
  border-bottom: none !important;
}
.page-checkoutOrderSimulationPage tr.service-name-tr.desktop {
  position: relative;
  bottom: 20px;
}
.page-checkoutOrderSimulationPage tr.service-name-tr.desktop td.service-cart-space {
  padding-bottom: 0 !important;
}
.page-checkoutOrderSimulationPage tr.service-name-tr.desktop.with-campaignIcon {
  bottom: 35px;
}
.page-checkoutOrderSimulationPage tr.service-name-tr .service-name-value-cart p {
  padding-left: 200px;
}
.page-checkoutOrderSimulationPage tr.service-name-tr .service-name-value-cart p .service-name-cart {
  font-weight: 500;
  font-size: 14px;
}
.page-checkoutOrderSimulationPage tr.service-name-tr .service-name-value-cart p .service-product-code {
  font-size: 14px;
}
.page-checkoutOrderSimulationPage .voucher-applied-section {
  margin: 20px 0;
}
@media (min-width: 1201px) {
  .page-cartPage .homePageLoginComponent,
  .page-quoteCartPage .homePageLoginComponent {
    max-width: 300px;
  }
}
.cart-page-cms-container {
  width: 280px;
  max-height: 250px;
  margin-top: 20px;
}
.cart-page-cms-container .eco3-comp-box {
  height: 250px;
  position: relative;
}
.cart-page-cms-container form {
  padding: 10px 10px 0 10px;
}
.cart-page-cms-container form textarea {
  min-height: 98px;
}
.cart-page-cms-container form .cart-button {
  bottom: 0 !important;
  right: 0 !important;
}
.cart-page-cms-container form .cart-button button {
  width: 80px;
  padding: 0;
}
.cart-page-cms-container form .cart-button button .icon-add-to-cart {
  background-size: 27px 23px;
  background-position: center;
}
.cart-page-cms-container form .cart-button button .icon-quote-list {
  background-size: 18px 23px;
  background-position: bottom;
}
.cart-page-cms-container form .info-button {
  bottom: 0 !important;
}
.cart-page-cms-container form .info-button .icon-info-circle {
  background-size: 24px 24px;
}
#payment-type {
  padding-left: 0;
}
.boga-tab-filter-wrapper .cd-filters {
  border-bottom: none;
  margin-bottom: 50px;
}
.boga-tab-filter-wrapper .boga-wrapper .filter-tab {
  display: none;
}
.boga-tab-filter-wrapper .campaign-tab-left {
  margin-left: -2px;
}
.page-checkoutOrderSummaryPage .checkoutMainPage section.checkoutSection .checkout-section-body .checkoutButtonsSection {
  margin-bottom: 40px;
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.total.cartValue,
.page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td.total.cartValue,
.page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.total.cartValue {
  text-align: center;
}
.page-cartPage a.atpContactUs,
.page-checkoutOrderSimulationPage a.atpContactUs,
.page-quoteCartPage a.atpContactUs,
.page-checkoutOrderSummaryPage a.atpContactUs {
  cursor: pointer;
}
.page-cartPage .service-number-wrapper .service-number,
.page-checkoutOrderSimulationPage .service-number-wrapper .service-number,
.page-quoteCartPage .service-number-wrapper .service-number,
.page-checkoutOrderSummaryPage .service-number-wrapper .service-number {
  min-width: 320px;
  text-align: left;
  padding: 3px;
}
.page-cartPage .service-name-tr:before,
.page-checkoutOrderSimulationPage .service-name-tr:before,
.page-quoteCartPage .service-name-tr:before,
.page-checkoutOrderSummaryPage .service-name-tr:before {
  background: none !important;
}
.page-cartPage .service-name-tr .service-name-cart,
.page-checkoutOrderSimulationPage .service-name-tr .service-name-cart,
.page-quoteCartPage .service-name-tr .service-name-cart,
.page-checkoutOrderSummaryPage .service-name-tr .service-name-cart,
.page-cartPage .service-name-tr .service-price-value-cart,
.page-checkoutOrderSimulationPage .service-name-tr .service-price-value-cart,
.page-quoteCartPage .service-name-tr .service-price-value-cart,
.page-checkoutOrderSummaryPage .service-name-tr .service-price-value-cart {
  font-weight: 500;
  font-size: 14px;
}
.page-cartPage .service-cart-total .service-total-text,
.page-checkoutOrderSimulationPage .service-cart-total .service-total-text,
.page-quoteCartPage .service-cart-total .service-total-text,
.page-checkoutOrderSummaryPage .service-cart-total .service-total-text {
  padding-left: 18px !important;
  display: flex;
}
.page-cartPage .service-cart-total .service-total-text .eco3-icon.icon-info-circle,
.page-checkoutOrderSimulationPage .service-cart-total .service-total-text .eco3-icon.icon-info-circle,
.page-quoteCartPage .service-cart-total .service-total-text .eco3-icon.icon-info-circle,
.page-checkoutOrderSummaryPage .service-cart-total .service-total-text .eco3-icon.icon-info-circle {
  margin-top: -3px;
}
.page-cartPage .service-cart-total .service-name,
.page-checkoutOrderSimulationPage .service-cart-total .service-name,
.page-quoteCartPage .service-cart-total .service-name,
.page-checkoutOrderSummaryPage .service-cart-total .service-name {
  width: 200px !important;
  padding: 10px 0;
}
.page-cartPage .service-total-added-height,
.page-checkoutOrderSimulationPage .service-total-added-height,
.page-quoteCartPage .service-total-added-height,
.page-checkoutOrderSummaryPage .service-total-added-height {
  min-height: 350px !important;
}
.page-checkoutOrderSummaryPage tr.service-name-tr {
  border-top: none !important;
  border-bottom: none !important;
}
.page-checkoutOrderSummaryPage tr.service-name-tr.desktop {
  position: relative;
  bottom: 20px;
}
.page-checkoutOrderSummaryPage tr.service-name-tr.desktop td.service-cart-space {
  padding-bottom: 0 !important;
}
.page-checkoutOrderSummaryPage tr.service-name-tr.desktop.with-campaignIcon {
  bottom: 35px;
}
.page-checkoutOrderSummaryPage tr.service-name-tr .service-name-value-cart p {
  padding-left: 185px;
}
.page-checkoutOrderSummaryPage tr.service-name-tr .service-name-value-cart p .service-name-cart {
  font-weight: 500;
  font-size: 14px;
}
.page-cartPage table#your_cart tbody,
.page-quoteCartPage table#your_cart tbody {
  border-bottom: none !important;
}
.page-checkoutOrderSimulationPage .terms-condition-top,
.page-checkoutOrderSimulationPage .terms-below-text {
  float: unset !important;
}
.page-cartPage div#quick-order-component,
.page-quoteCartPage div#quick-order-component {
  box-shadow: 0 0 4px 1px #cccccc;
  border: none;
}
.page-cartPage .eco3-theme-accordion .accordion-toggle.collapsed,
.page-quoteCartPage .eco3-theme-accordion .accordion-toggle.collapsed {
  color: #434343;
}
.page-cartPage .eco3-theme-accordion .accordion-toggle.collapsed:after,
.page-quoteCartPage .eco3-theme-accordion .accordion-toggle.collapsed:after {
  background-image: url(../images/arrow-down.svg);
  top: -2px;
}
.page-cartPage .eco3-theme-accordion .accordion-toggle:after,
.page-quoteCartPage .eco3-theme-accordion .accordion-toggle:after {
  background-image: url(../images/arrow-up.svg);
  top: -2px;
}
.page-quoteCartPage .total-voucher-wrapper-container {
  float: right;
}
.page-cartPage #dpdCartItemContainer .dpd-title-plate,
.page-quoteCartPage #dpdCartItemContainer .dpd-title-plate,
.page-checkoutOrderSummaryPage #dpdCartItemContainer .dpd-title-plate,
.page-checkoutOrderSimulationPage #dpdCartItemContainer .dpd-title-plate {
  min-height: 40px;
  width: 100%;
  background-color: #f3f3f3;
  margin: 20px 0 30px 0;
  display: flex;
}
.page-cartPage #dpdCartItemContainer .dpd-title-plate h2,
.page-quoteCartPage #dpdCartItemContainer .dpd-title-plate h2,
.page-checkoutOrderSummaryPage #dpdCartItemContainer .dpd-title-plate h2,
.page-checkoutOrderSimulationPage #dpdCartItemContainer .dpd-title-plate h2 {
  color: #ffffff;
  line-height: 23px;
  font-size: 12pt;
  background-color: #009cdd;
  min-height: 40px;
  min-width: 180px;
  padding: 10px 15px;
  float: left;
  margin: 0;
  text-align: left;
  font-weight: 400;
}
.page-cartPage #dpdCartItemContainer .cart-service .selectall,
.page-quoteCartPage #dpdCartItemContainer .cart-service .selectall,
.page-checkoutOrderSummaryPage #dpdCartItemContainer .cart-service .selectall,
.page-checkoutOrderSimulationPage #dpdCartItemContainer .cart-service .selectall {
  margin: 0 0 30px 0;
}
.page-cartPage #dpdCartItemContainer .bottom-button,
.page-quoteCartPage #dpdCartItemContainer .bottom-button,
.page-checkoutOrderSummaryPage #dpdCartItemContainer .bottom-button,
.page-checkoutOrderSimulationPage #dpdCartItemContainer .bottom-button {
  clear: both;
  float: none;
  width: auto;
  text-align: right;
  margin: 0;
  position: initial;
  padding: 0;
}
.page-cartPage .custom-visible-xs,
.page-quoteCartPage .custom-visible-xs,
.page-checkoutOrderSummaryPage .custom-visible-xs,
.page-checkoutOrderSimulationPage .custom-visible-xs {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page-cartPage .custom-visible-xs,
  .page-quoteCartPage .custom-visible-xs,
  .page-checkoutOrderSummaryPage .custom-visible-xs,
  .page-checkoutOrderSimulationPage .custom-visible-xs {
    display: block;
  }
}
.page-cartPage .dynamic-plant-active,
.page-quoteCartPage .dynamic-plant-active,
.page-checkoutOrderSummaryPage .dynamic-plant-active,
.page-checkoutOrderSimulationPage .dynamic-plant-active {
  clear: both;
  float: none;
  position: relative;
  bottom: 410px;
}
.page-cartPage .dynamic-plant-active-cart-doc,
.page-quoteCartPage .dynamic-plant-active-cart-doc,
.page-checkoutOrderSummaryPage .dynamic-plant-active-cart-doc,
.page-checkoutOrderSimulationPage .dynamic-plant-active-cart-doc {
  position: relative;
  bottom: 410px;
}
.page-cartPage .contniue-button-wrapper,
.page-quoteCartPage .contniue-button-wrapper,
.page-checkoutOrderSummaryPage .contniue-button-wrapper,
.page-checkoutOrderSimulationPage .contniue-button-wrapper {
  display: none;
}
.page-cartPage .contniue-button-wrapper:last-of-type,
.page-quoteCartPage .contniue-button-wrapper:last-of-type,
.page-checkoutOrderSummaryPage .contniue-button-wrapper:last-of-type,
.page-checkoutOrderSimulationPage .contniue-button-wrapper:last-of-type {
  display: block !important;
}
.page-cartPage .dpd-continue-shopping,
.page-quoteCartPage .dpd-continue-shopping,
.page-checkoutOrderSummaryPage .dpd-continue-shopping,
.page-checkoutOrderSimulationPage .dpd-continue-shopping {
  display: none;
  text-align: left;
  padding: 0;
}
.page-cartPage .dpd-checkout-button,
.page-quoteCartPage .dpd-checkout-button,
.page-checkoutOrderSummaryPage .dpd-checkout-button,
.page-checkoutOrderSimulationPage .dpd-checkout-button {
  text-align: right;
  float: none;
  width: 100%;
  padding: 0;
}
.page-cartPage .dpd-last-button-container,
.page-quoteCartPage .dpd-last-button-container,
.page-checkoutOrderSummaryPage .dpd-last-button-container,
.page-checkoutOrderSimulationPage .dpd-last-button-container {
  overflow-y: auto;
  min-height: 45px;
  margin-bottom: 80px !important;
}
.page-cartPage .dpd-last-checkout-button,
.page-quoteCartPage .dpd-last-checkout-button,
.page-checkoutOrderSummaryPage .dpd-last-checkout-button,
.page-checkoutOrderSimulationPage .dpd-last-checkout-button {
  width: 50%;
  float: right;
}
.page-cartPage .quick-order-for-dpd,
.page-quoteCartPage .quick-order-for-dpd,
.page-checkoutOrderSummaryPage .quick-order-for-dpd,
.page-checkoutOrderSimulationPage .quick-order-for-dpd {
  display: none;
  margin-bottom: 40px;
}
.page-cartPage .row.is-dpd-interface,
.page-quoteCartPage .row.is-dpd-interface,
.page-checkoutOrderSummaryPage .row.is-dpd-interface,
.page-checkoutOrderSimulationPage .row.is-dpd-interface {
  margin-top: 40px;
}
.page-cartPage .row.is-dpd-interface .voucher-outer-container,
.page-quoteCartPage .row.is-dpd-interface .voucher-outer-container,
.page-checkoutOrderSummaryPage .row.is-dpd-interface .voucher-outer-container,
.page-checkoutOrderSimulationPage .row.is-dpd-interface .voucher-outer-container {
  margin-top: 10px;
}
.page-cartPage div#globalMessageForCartSplitInfo,
.page-quoteCartPage div#globalMessageForCartSplitInfo,
.page-checkoutOrderSummaryPage div#globalMessageForCartSplitInfo,
.page-checkoutOrderSimulationPage div#globalMessageForCartSplitInfo,
.page-cartPage div#globalMessageForQuoteSplitInfo,
.page-quoteCartPage div#globalMessageForQuoteSplitInfo,
.page-checkoutOrderSummaryPage div#globalMessageForQuoteSplitInfo,
.page-checkoutOrderSimulationPage div#globalMessageForQuoteSplitInfo {
  max-width: 500px;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .page-cartPage div#globalMessageForCartSplitInfo .alert.alert-bar,
  .page-quoteCartPage div#globalMessageForCartSplitInfo .alert.alert-bar,
  .page-checkoutOrderSummaryPage div#globalMessageForCartSplitInfo .alert.alert-bar,
  .page-checkoutOrderSimulationPage div#globalMessageForCartSplitInfo .alert.alert-bar,
  .page-cartPage div#globalMessageForQuoteSplitInfo .alert.alert-bar,
  .page-quoteCartPage div#globalMessageForQuoteSplitInfo .alert.alert-bar,
  .page-checkoutOrderSummaryPage div#globalMessageForQuoteSplitInfo .alert.alert-bar,
  .page-checkoutOrderSimulationPage div#globalMessageForQuoteSplitInfo .alert.alert-bar {
    padding: 10px !important;
  }
}
.page-cartPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon,
.page-quoteCartPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon,
.page-checkoutOrderSummaryPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon,
.page-checkoutOrderSimulationPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon,
.page-cartPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon,
.page-quoteCartPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon,
.page-checkoutOrderSummaryPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon,
.page-checkoutOrderSimulationPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon {
  padding: 5px;
}
.page-cartPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon li span,
.page-quoteCartPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon li span,
.page-checkoutOrderSummaryPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon li span,
.page-checkoutOrderSimulationPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon li span,
.page-cartPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon li span,
.page-quoteCartPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon li span,
.page-checkoutOrderSummaryPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon li span,
.page-checkoutOrderSimulationPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon li span {
  display: table-cell;
  vertical-align: top;
}
.page-cartPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left,
.page-quoteCartPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left,
.page-checkoutOrderSummaryPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left,
.page-checkoutOrderSimulationPage div#globalMessageForCartSplitInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left,
.page-cartPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left,
.page-quoteCartPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left,
.page-checkoutOrderSummaryPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left,
.page-checkoutOrderSimulationPage div#globalMessageForQuoteSplitInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left {
  cursor: pointer;
  color: inherit;
  font-size: 11pt;
}
.page-quoteCartPage .container .containerInnerSection .is-dpd-interface .span-8.last.right.cart-tab-totals,
.page-cartPage .container .containerInnerSection .is-dpd-interface .span-8.last.right.cart-tab-totals {
  min-height: 200px;
  margin-bottom: 0;
}
.page-checkoutOrderSummaryPage div#globalMessageForCartSplitInfo,
.page-checkoutOrderSimulationPage div#globalMessageForCartSplitInfo,
.page-checkoutOrderSummaryPage div#globalMessageForQuoteSplitInfo,
.page-checkoutOrderSimulationPage div#globalMessageForQuoteSplitInfo {
  max-width: 535px;
}
.page-checkoutOrderSummaryPage .checkoutMainPage #cart_items_tbody .product_details.geo-code-alignment label {
  display: none;
}
.cartCheckoutTopSection .cart-item-container .item_container_holder {
  position: relative;
}
.cartCheckoutTopSection .cart-item-container .item_container_holder .spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 360px) {
  .boga-tab-filter-wrapper .cd-filters {
    display: flex;
  }
  .boga-tab-filter-wrapper .eco3-tabbable .nav-tabs > li {
    top: 0;
  }
  .boga-tab-filter-wrapper .eco3-tabbable .nav-tabs > li:last-child {
    width: auto;
  }
  .boga-tab-filter-wrapper .eco3-tabbable .nav-tabs > li a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .page-cartPage .total-voucher-wrapper-container {
    float: none;
  }
  .page-cartPage .voucher-outer-container.cart-tab-totals,
  .page-cartPage .voucher-applied-section {
    width: 100%;
  }
  .page-cartPage .voucher-title-holder,
  .page-cartPage .voucher-code.form-control {
    width: 95% !important;
    margin-left: 0 !important;
  }
}
.page-cartPage .container .containerInnerSection table#your_cart tbody tr td.vat-exempt-value {
  right: 18px;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td {
  min-width: 70px;
}
section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details .checkoutQuantity.checkoutATPInfo {
  min-width: 100px;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .paymetric-iframe-container #add-credit-card-iframe {
    height: 450px !important;
  }
  .emptyCartWrapper {
    width: 100%;
  }
  .item_container_holder .selectall {
    text-align: left;
    width: 100%;
    margin: 0 0 20px 10px;
  }
  .item_container_holder .selectall .eco3-checkbox {
    margin-right: 30px;
  }
  .item_container_holder .selectall button#remove_button {
    margin-left: 0;
  }
  .span-8.last.right.cart-tab-totals {
    width: 100%;
    right: 0px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    float: none;
    display: inline-block;
    margin-bottom: 0;
  }
  .span-8.last.right.cart-tab-totals .tab_title_holder {
    display: block;
    float: none;
    text-align: left;
    margin: 10px auto;
    font-size: 12pt;
  }
  .span-8.last.right.cart-tab-totals .cart-totals#cart-totals {
    float: none;
    margin: 0 auto 30px auto;
    width: 100%;
  }
  .span-8.last.right.cart-tab-totals .cart-totals#cart-totals .eco2-grand-total {
    text-align: right;
  }
  .span-8.last.right.cart-tab-totals .cart-totals#cart-totals .row {
    padding: 10px 10px 10px 0;
  }
  .span-8.last.right.cart-tab-totals .cart-totals#cart-totals .row .item_container_holder.order-totals {
    margin-top: 0;
  }
  .bottom-button {
    text-align: center;
    margin: 10px 0 60px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .bottom-button div {
    margin: 0 0 20px 0;
    width: 100%;
  }
  .container .containerInnerSection {
    max-width: 100%;
  }
  .page-cartPage .container .containerInnerSection {
    padding: 0 20px;
  }
  .page-cartPage .container .containerInnerSection .quick-info-component {
    padding: 0;
    margin: 0;
  }
  .page-cartPage .container .containerInnerSection .quick-info-component header.title.text-center {
    margin: 0 !important;
  }
  .page-cartPage .container .containerInnerSection .quick-info-component button.pull-left {
    display: none;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td .updateDelete .spinner {
    top: -6px;
    right: 0px;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_details {
    padding-left: 5px;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image {
    padding: 20px 0 0 0;
    vertical-align: top;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page {
    margin-left: -35px;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .campaign-icon {
    width: 45px;
    height: 32px;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .campaign-icon img {
    width: 19px;
    height: 16px;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .heavy-weight-image {
    width: 45px;
    height: 32px;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .heavy-weight-image img {
    width: 30px;
    height: 20px;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr:before {
    width: 100%;
    left: 0;
  }
  .page-cartPage .total-voucher-wrapper-container {
    float: none;
  }
  .page-cartPage .voucher-outer-container.cart-tab-totals,
  .page-cartPage .voucher-applied-section {
    width: 100%;
  }
  .page-cartPage .voucher-title-holder,
  .page-cartPage .voucher-code.form-control {
    width: 95% !important;
    margin-left: 0 !important;
  }
  .page-cartPage .voucher-error-container .voucher-error {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .cd-tab-filter-wrapper .eco3-tabbable .nav-pills > li {
    float: unset;
  }
  .cd-tab-filter-wrapper .eco3-tabbable .nav > li {
    min-width: 90px;
  }
  .cd-tab-filter-wrapper .eco3-tabbable .nav-tabs > li a {
    width: auto;
  }
  table#your_cart {
    width: 100%;
    margin: 0 auto 0 auto;
  }
  table#your_cart.your-cart-mobile {
    margin-bottom: 53px;
  }
  table#your_cart thead {
    visibility: hidden;
  }
  table#your_cart tbody tr td {
    padding: 20px 0 20px 5px;
  }
  table#your_cart tbody tr td.total.cartValue {
    text-align: right;
  }
  table#your_cart tbody tr td.product_details {
    position: relative;
  }
  table#your_cart tbody tr td.product_details h2 {
    margin: 0 auto 30px auto;
    text-align: left;
    width: 100%;
  }
  table#your_cart tbody tr td.product_details h2 a {
    font-size: 10pt;
    font-weight: 500;
  }
  table#your_cart tbody tr td.product_details .product-name-label {
    min-height: 0;
    margin-bottom: 10px;
    word-break: break-word;
  }
  table#your_cart tbody tr td.product_details .atp-message {
    margin-right: -20px;
  }
  table#your_cart tbody tr td.product_details .prodNumber {
    font-size: 13px;
    text-align: left;
    margin-top: 5px;
    color: #333333;
  }
  table#your_cart tbody tr td.product_details .edit-configuration-link {
    text-align: left;
  }
  table#your_cart tbody tr td.product_details .sck-info {
    text-align: left;
  }
  table#your_cart tbody tr td.product_details .two-rows-data {
    width: 100% !important;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
  }
  table#your_cart tbody tr td.product_details .two-rows-data a {
    font-size: 13px;
    text-align: left;
    color: #fd9927;
  }
  table#your_cart tbody tr td.product_details p.price-value {
    font-size: 13px;
    text-align: left;
    color: #333333;
  }
  table#your_cart tbody tr td.product_details p.voucher-benefit,
  table#your_cart tbody tr td.product_details p.voucher-excluded-msg {
    text-align: left;
  }
  table#your_cart tbody tr td.product_details .quantity.mobile-qty {
    min-height: 32px;
    position: relative;
    text-align: left;
    top: 12px;
  }
  table#your_cart tbody tr td.product_details .quantity.mobile-qty .mobile .updateDelete {
    width: auto;
    height: 32px;
    text-align: center;
    margin-bottom: 20px;
    position: absolute;
    top: 10px;
    left: 145px;
    z-index: 999;
  }
  table#your_cart tbody tr td.product_details .quantity.mobile-qty .mobile .count-input.space-bottom {
    width: 150px;
    height: 32px;
    text-align: center;
    float: left;
    margin-bottom: 10px;
  }
  table#your_cart tbody tr td.product_details .count-input .less {
    left: -11px;
    top: 46% !important;
  }
  table#your_cart tbody tr td.product_details .count-input .more {
    right: -11px;
    top: 46% !important;
  }
  table#your_cart tbody tr td.product_details .vat-exempt-checkbox {
    text-align: left;
  }
  table#your_cart tbody tr td.product_details .vat-exempt-checkbox label.eco3-checkbox {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    padding-left: 0;
  }
  table#your_cart tbody tr td.product_details .vat-exempt-checkbox label.eco3-checkbox .checkmark {
    left: auto;
    right: -26px;
  }
  table#your_cart tbody tr td.vat-exempt-value {
    position: relative;
    vertical-align: top;
    width: 27%;
    right: 10px;
  }
  table#your_cart tbody tr td.vat-exempt-value .total.cartValue.hidden-md.hidden-lg.col-xs-12.col-sm-12 {
    margin: 0 0 60px 5px;
    padding-right: 5px;
    text-align: right;
    font-weight: 500;
    font-size: 12pt;
    color: #009cdd;
  }
  table#your_cart tbody tr td.vat-exempt-value .vat-exempt-checkbox.col-md-6.col-xs-12.col-sm-12 {
    margin: 10px 0 90px 0;
  }
  table#your_cart tbody tr td.vat-exempt-value label.eco3-checkbox.center-align {
    float: right;
  }
  table#your_cart tbody tr td.vat-exempt-value .trash {
    position: absolute;
    bottom: 12px;
  }
  table#your_cart tbody tr td.vat-exempt-value .trash.col-md-6.col-xs-12.col-sm-12 {
    text-align: right;
    right: 1px;
    bottom: 11px;
    padding: 0;
  }
  table#your_cart tbody tr td.vat-exempt-value .eco3-checkbox .checkmark {
    left: 12px;
  }
  table#your_cart tbody tr td.vat-exempt-value span.checkmark:before {
    content: "VAT EXEM.";
    position: relative;
    top: -30px;
    min-width: 100px;
    left: -48px;
    display: inline-block;
    font-size: 9pt;
  }
  table#your_cart tbody tr td.checkall {
    width: 40px;
    vertical-align: bottom;
    padding: 29px 0;
  }
  table#your_cart tbody tr td.checkall span.checkmark {
    z-index: 99;
    margin-top: -14px;
  }
  table#your_cart tbody tr td.product_image {
    text-align: left;
  }
  table#your_cart tbody tr td.product_image img {
    width: 90px;
  }
  table#your_cart tbody tr td.product_image span.product_image a img {
    margin-left: -35px;
    min-width: 90px;
    padding-right: 5px;
  }
  .count-input {
    top: 0px;
    text-align: center;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart {
    margin: 15px auto auto auto;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead {
    display: none;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image {
    position: relative;
    left: 0px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image span.product_image a img {
    margin-left: 0;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background {
    width: 45px;
    height: 32px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background img {
    width: 19px;
    height: 16px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.summarycart-price-value {
    vertical-align: top;
    padding-top: 0;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.summarycart-price-value .price-val {
    margin-left: -20px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details {
    min-width: 120px;
    max-width: 140px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details .checkoutQuantity.checkoutATPInfo {
    font-size: 13px;
    line-height: 20px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details .checkoutQuantity.checkoutATPInfo a {
    color: #fd9927;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details {
    display: inline-block;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details.geo-code-alignment .vat-exempt {
    text-align: left;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details.geo-code-alignment .qty-alignment-summarycart {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details p.voucher-benefit,
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details p.voucher-excluded-msg {
    font-size: 13px;
  }
  #cart_items_tbody .geo-code-alignment {
    display: inline-block;
  }
  #cart_items_tbody .tax-desk {
    display: none;
  }
  #cart_items_tbody .tax-mob {
    text-align: left;
    padding: 0;
    min-width: 135px;
  }
  #cart_items_tbody .tax-mob div.popover-content {
    float: right;
  }
  #cart_items_tbody .tax-mob #tax-data {
    width: max-content;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  #cart_items_tbody .tax-mob #tax-data .tax-mob {
    text-align: right;
  }
  #cart_items_tbody .tax-mob #tax-data .element2 {
    top: 10px;
    position: relative;
  }
  .checkout-totals-section .span-8.last.right.cart-tab-totals {
    margin-top: 0;
    margin-right: 0;
    right: 0;
  }
  .geo-code-campaign-container .campaignText {
    margin-top: 43px;
    margin-left: -59px;
  }
  .page-quoteCartPage .container .containerInnerSection {
    padding: 0px 20px;
  }
  .page-quoteCartPage .container .containerInnerSection .quick-info-component {
    padding: 0;
    margin: 0 0 0 0px;
  }
  .page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr:before {
    width: 100%;
    left: 0;
  }
  .page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td {
    padding: 20px 0 20px 5px;
  }
  .page-quoteCartPage .container .containerInnerSection td.product_image .campaign-cart-page {
    margin-left: -35px;
  }
  .page-quoteCartPage .container .containerInnerSection td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .campaign-icon {
    width: 45px;
    height: 32px;
  }
  .page-quoteCartPage .container .containerInnerSection td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .campaign-icon img {
    width: 19px;
    height: 16px;
  }
  .page-quoteCartPage .container .containerInnerSection td.product_image .campaign-cart-page .campaign-display .cart-campaign-display .heavy-weight-image img {
    width: 30px;
    height: 30px;
  }
  .page-checkoutOrderSummaryPage #breadcrumb {
    margin-left: -17px;
    margin-right: -17px;
  }
  .page-checkoutOrderSummaryPage #breadcrumb ul .breadcrumb-page-title {
    width: 10px;
    height: 15px;
    margin-right: 10px;
  }
  .page-checkoutOrderSummaryPage #breadcrumb ul .breadcrumb-page-title .breadcrumb {
    margin-left: -20px;
    padding-left: 22px;
  }
  .page-checkoutOrderSummaryPage #breadcrumb ul .breadcrumb-page-title .breadcrumb li.active {
    font-size: 19px !important;
    text-align: center;
    padding-left: 0;
  }
  .cart-page-cms-container {
    margin-bottom: 50px;
    margin: 0 auto;
  }
  .cart-page-cms-container .form-group {
    margin-right: 0;
  }
  .page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image {
    padding-left: 0;
  }
  .page-checkoutOrderSummaryPage .checkout-totals-section .cart-tab-totals {
    max-width: 450px !important;
    margin: 0 auto !important;
    display: block !important;
    clear: both;
  }
  .page-checkoutOrderSummaryPage .tax-exempetion-alert {
    margin: 0 auto;
    float: none;
    max-width: 470px;
  }
  #payment-type {
    padding-left: 0;
  }
  .boga-tab-filter-wrapper .cd-filters {
    display: flex;
  }
  .boga-tab-filter-wrapper .eco3-tabbable ul {
    width: 100%;
  }
  .boga-tab-filter-wrapper .eco3-tabbable ul li {
    min-width: 33.3%;
    top: 0 !important;
  }
  .boga-tab-filter-wrapper .eco3-tabbable ul li:last-child {
    min-width: 33.3%;
  }
  .boga-tab-filter-wrapper .eco3-tabbable ul li a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .boga-tab-filter-wrapper .eco3-tabbable ul li.active {
    color: #009cdd;
    border: 1px solid #cccccc;
    box-shadow: 0 0 2px 1px #009cdd;
    z-index: 99;
    pointer-events: none;
  }
  .quantity-alignment-campaign {
    top: 28px !important;
  }
  .page-cartPage .eco3-theme-accordion .accordion-toggle:after,
  .page-quoteCartPage .eco3-theme-accordion .accordion-toggle:after {
    background-size: initial !important;
  }
  .page-cartPage tr.service-name-tr .service-name-value-cart {
    text-align: left;
  }
  .page-cartPage tr.service-name-tr .service-name-value-cart p {
    display: block;
    padding-left: 0;
  }
  .page-cartPage tr.service-name-tr .service-name-value-cart p .service-name-cart {
    margin-top: 0;
    display: block;
    font-weight: 500;
  }
  .page-cartPage tr.service-name-tr .service-price-value-cart {
    text-align: right;
    min-height: 40px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .page-checkoutOrderSummaryPage tr.service-name-tr .service-name-value-cart p,
  .page-checkoutOrderSimulationPage tr.service-name-tr .service-name-value-cart p {
    display: block;
    padding-left: 0;
  }
  .page-checkoutOrderSummaryPage tr.service-name-tr .service-name-value-cart p .service-name-cart,
  .page-checkoutOrderSimulationPage tr.service-name-tr .service-name-value-cart p .service-name-cart {
    display: block;
    font-weight: 500;
  }
  .page-checkoutOrderSummaryPage tr.service-name-tr .service-price-value-cart,
  .page-checkoutOrderSimulationPage tr.service-name-tr .service-price-value-cart {
    text-align: right;
    min-height: 40px;
  }
  .page-checkoutOrderSummaryPage .read-agreement .agreement-alignment,
  .page-checkoutOrderSimulationPage .read-agreement .agreement-alignment {
    text-align: left !important;
  }
  .page-checkoutOrderSummaryPage .read-agreement .services-checkbox-agreement,
  .page-checkoutOrderSimulationPage .read-agreement .services-checkbox-agreement {
    margin-left: 30px;
    margin-top: -12px;
  }
  .page-checkoutOrderSummaryPage .voucher-applied-section,
  .page-checkoutOrderSimulationPage .voucher-applied-section {
    width: 100%;
  }
  .page-checkoutOrderSummaryPage .voucher-error-container .global-alerts .error-icon,
  .page-cartPage .voucher-error-container .global-alerts .error-icon {
    margin: 0 15px 0 0;
  }
  .page-cartPage .dpd-checkout-button,
  .page-quoteCartPage .dpd-checkout-button,
  .page-cartPage .dpd-continue-shopping,
  .page-quoteCartPage .dpd-continue-shopping {
    text-align: center;
    width: 100%;
  }
  .page-cartPage #dpdCartItemContainer .dpd-title-plate h2,
  .page-quoteCartPage #dpdCartItemContainer .dpd-title-plate h2 {
    padding: 5px 15px;
    max-width: 280px;
  }
  .page-quoteCartPage #dpdCartItemContainer .bottom-button.dpd-buttons {
    text-align: center;
  }
  table#your_cart tbody tr td.vat-exempt-value i.eco3-icon.icon-delete-item {
    top: -5px !important;
  }
  .page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td.product_details,
  .page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td.product_details {
    padding-left: 5px!important;
  }
  /*****************************Mobile-End*********************************/
}
@media (min-width: 320px) and (max-width: 767px) and (min-width: 320px) and (max-width: 360px) {
  table#your_cart tbody tr td.product_details .quantity.mobile-qty .mobile .updateDelete {
    position: absolute;
    left: 85px;
  }
}
@media (min-width: 320px) and (max-width: 767px) and (min-width: 320px) and (max-width: 360px) {
  table#your_cart tbody tr td.product_details .quantity.mobile-qty .mobile .count-input.space-bottom {
    margin-left: -65px;
  }
}
@media (min-width: 320px) and (max-width: 767px) and (min-width: 320px) and (max-width: 360px) {
  table#your_cart tbody tr td.checkall {
    padding: 33px 0;
  }
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  #cartPage .download {
    margin: 40px 0 0 0;
  }
  #cartPage .product-quantity-picker input.quantity.plp-qty {
    height: 30px;
  }
  .bottom-button {
    width: auto;
    margin: 20px 0 60px 0;
  }
  .cart-item-container table#your_cart tbody tr td.product_details {
    width: 35%;
  }
  #payment-type {
    padding-left: 0;
  }
  table#your_cart {
    width: 100%;
    display: block;
    clear: left;
  }
  table#your_cart tbody {
    display: block;
  }
  table#your_cart tbody tr td.product_details {
    text-align: left;
  }
  table#your_cart tbody tr td.product_details h2 {
    margin: 0 auto;
    text-align: left;
    width: 100%;
    min-height: 45px;
  }
  table#your_cart tbody tr td.product_details .prodNumber {
    font-size: 15px;
    text-align: left;
    margin-top: 10px;
    color: #333333;
    margin-bottom: 8px;
  }
  table#your_cart tbody tr td.product_details .edit-configuration-link {
    text-align: left;
  }
  table#your_cart tbody tr td.product_details .sck-info {
    text-align: left;
  }
  table#your_cart tbody tr td.product_details .two-rows-data {
    width: 100% !important;
    text-align: left;
    margin: 0 !important;
    font-size: 15px;
    line-height: 21px;
  }
  table#your_cart tbody tr td.product_details .two-rows-data a {
    color: #fd9927;
  }
  table#your_cart tbody tr td.product_details .product-name-label {
    min-height: 0;
    margin-bottom: 10px;
  }
  table#your_cart tbody tr td.product_details p.price-value {
    text-align: left;
    color: #333333;
    font-size: 15px;
    margin: 0;
  }
  table#your_cart tbody tr td.product_details .count-input .less {
    left: -19px;
    top: 25%;
  }
  table#your_cart tbody tr td.product_details .count-input .more {
    right: -19px;
    top: 25%;
  }
  table#your_cart tbody tr td.product_details .vat-exempt-checkbox {
    margin-top: 7px;
  }
  table#your_cart tbody tr td.product_details .vat-exempt-checkbox label.eco3-checkbox {
    color: #333333;
    font-size: 10pt;
    font-weight: 500;
    padding-left: 25px;
    margin-bottom: 0;
  }
  table#your_cart tbody tr td.quantity {
    position: relative;
    vertical-align: bottom !important;
    min-width: 210px;
  }
  table#your_cart tbody tr td.quantity form {
    position: absolute;
    margin-top: -40px;
    width: 100%;
  }
  table#your_cart tbody tr td.quantity form .eco3-switch-button {
    display: inline-block;
    top: 2px;
    left: -20px;
    margin-top: 0;
  }
  table#your_cart tbody tr td.quantity form .product-quantity-picker {
    margin-top: 10px;
  }
  table#your_cart tbody tr td.quantity form .product-quantity-picker .count-input {
    float: left;
    top: -10px;
  }
  table#your_cart tbody tr td.quantity form .product-quantity-picker .count-input .incr-btn.less {
    left: 0;
  }
  table#your_cart tbody tr td.quantity form .product-quantity-picker .count-input .incr-btn.more {
    right: 0;
  }
  table#your_cart tbody tr td.quantity form.bogo {
    margin-top: -70px;
  }
  table#your_cart tbody tr td.checkall {
    width: 40px;
    vertical-align: middle;
    padding: 20px 0;
  }
  table#your_cart tbody tr td.vat-exempt-value {
    vertical-align: top;
    position: relative;
    width: 35%;
  }
  table#your_cart tbody tr td.vat-exempt-value .total.cartValue.hidden-md.hidden-lg.col-xs-12.col-sm-12 {
    margin: 0 0 85px 0;
    padding-right: 0;
    text-align: right;
    font-weight: 500;
    color: #009cdd;
    position: absolute;
    right: 0;
  }
  table#your_cart tbody tr td.vat-exempt-value .vat-exempt-checkbox.col-md-6.col-xs-12.col-sm-12 {
    margin: 35px 0 70px 0;
  }
  table#your_cart tbody tr td.vat-exempt-value label.eco3-checkbox.center-align {
    float: right;
  }
  table#your_cart tbody tr td.vat-exempt-value .trash.col-md-6.col-xs-12.col-sm-12 {
    text-align: right;
    width: 181px;
    position: absolute;
    right: 0;
    bottom: 15px;
  }
  table#your_cart tbody tr td.vat-exempt-value .eco3-checkbox .checkmark {
    left: 12px;
  }
  table#your_cart tbody tr td.vat-exempt-value span.checkmark:before {
    content: "VAT EXEM.";
    position: relative;
    top: -30px;
    min-width: 100px;
    left: -48px;
    display: inline-block;
    font-size: 9pt;
  }
  table#your_cart tbody tr td.product_image span.product_image a img {
    max-width: none;
  }
  table#your_cart tbody tr td.product_image span.product_image img {
    max-width: none;
  }
  table#your_cart tbody tr td.product_image {
    text-align: left;
    vertical-align: top;
  }
  table#your_cart tbody tr td.product_image .campaign-icon-class {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  table#your_cart tbody tr td.product_image .campaign-icon-class span.product_image {
    display: table-cell;
    vertical-align: middle;
  }
  table#your_cart tbody tr td.product_image .campaign-icon-class span.product_image a img {
    width: 96px;
  }
  .page-cartPage .container .containerInnerSection {
    padding: 0 20px;
  }
  .page-cartPage .container .containerInnerSection .quick-info-component {
    padding: 0;
    margin: 0;
    min-height: 340px;
    position: relative;
  }
  .page-cartPage .container .containerInnerSection .quick-info-component .componentBlock.homePageLoginComponent {
    position: absolute;
    bottom: -15px;
  }
  .page-cartPage .container .containerInnerSection .quick-info-component header.title.text-center {
    margin: 0 !important;
  }
  .page-cartPage .container .containerInnerSection .quick-info-component button.pull-left {
    display: none;
  }
  .page-cartPage .service-cart-total .service-total-text {
    padding-left: 20px !important;
  }
  .page-cartPage .voucher-outer-container.cart-tab-totals {
    width: 360px;
  }
  .page-cartPage .voucher-outer-container.cart-tab-totals .voucher-title-holder {
    margin-left: -3px !important;
  }
  .page-cartPage .voucher-outer-container.cart-tab-totals .voucher-error-container .voucher-error {
    width: 100%;
    margin-left: -3px;
  }
  .page-cartPage .voucher-applied-section {
    width: 360px;
  }
  .page-quoteCartPage .container .containerInnerSection .span-8.last.right.cart-tab-totals {
    min-height: 250px;
    margin-bottom: 40px;
  }
  .page-quoteCartPage .container .containerInnerSection .span-8.last.right.cart-tab-totals .total-section {
    position: absolute;
    bottom: 0;
  }
  .page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr:before {
    width: 95%;
    left: initial;
    right: 0;
  }
  .span-8.last.right.cart-tab-totals {
    width: 396px;
    margin-right: 0 !important;
    right: 0px;
  }
  .span-8.last.right.cart-tab-totals .tab_title_holder {
    display: block;
    float: none;
    text-align: left;
    margin-left: 0;
  }
  .span-8.last.right.cart-tab-totals .cart-totals {
    width: 363px;
    margin-bottom: 0;
  }
  .span-8.last.right.cart-tab-totals .cart-totals .row .cart-quantity-label {
    padding-right: 40px;
  }
  .page-cartPage .container .containerInnerSection .span-8.last.right.cart-tab-totals {
    min-height: auto;
    margin-bottom: 0;
  }
  .page-cartPage .container .containerInnerSection .span-8.last.right.cart-tab-totals .total-section {
    position: absolute;
    bottom: 0;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr:before {
    width: 95%;
    left: initial;
    right: 0;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td {
    padding: 20px 10px 10px 0;
  }
  .page-cartPage .container .containerInnerSection table#your_cart tbody tr td.product_image {
    padding-right: 10px;
  }
  .container .containerInnerSection {
    max-width: 100%;
  }
  .item_container_holder .selectall {
    margin: 0 0 20px 0;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart {
    margin: 0 auto;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead {
    display: none;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart .checkoutQuantity.checkoutATPInfo {
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart .checkoutQuantity.checkoutATPInfo a {
    color: #fd9927;
    font-size: 11pt;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details {
    min-width: 400px !important;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.summarycart-price-value {
    vertical-align: top;
    padding-right: 0;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.total.cartValue {
    min-width: 175px;
    text-align: right;
    position: relative;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.total.cartValue .vat-exempt {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    position: absolute;
    right: 0;
    bottom: 75px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.total.cartValue .bottom-align {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    margin: 90px 0 6px 0;
    position: absolute;
    right: 0;
    bottom: 3px;
  }
  #cart_items_tbody tr td.summarycart-price-value {
    vertical-align: top;
    padding-right: 0;
  }
  #cart_items_tbody tr td.summarycart-price-value .tax-desk {
    display: none;
  }
  #cart_items_tbody tr td.summarycart-price-value .tax-mob div.popover-content {
    float: right;
  }
  #cart_items_tbody tr td.summarycart-price-value .tax-mob #tax-data {
    width: max-content;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  #cart_items_tbody tr td.summarycart-price-value .tax-mob #tax-data .tax-mob {
    text-align: right;
  }
  #cart_items_tbody tr td.summarycart-price-value .tax-mob #tax-data .element2 {
    top: 10px;
    position: relative;
  }
  #breadcrumb .breadcrumb .breadcrumb-page-title {
    width: 18px;
    height: 18px;
  }
  .page-checkoutOrderSummaryPage .checkout-totals-section .cart-tab-totals {
    margin-top: 100px !important;
  }
  .page-checkoutOrderSummaryPage .service-total-text {
    padding-left: 20px !important;
  }
  .page-checkoutOrderSummaryPage .voucher-applied-section {
    width: 95%;
  }
  .cart-page-cms-container {
    float: left;
  }
  .cart-page-cms-container.empty-cart {
    float: none;
    margin: 0 auto;
  }
  .cart-totals .order-level-ipad-view {
    padding-right: 40px;
  }
  .page-cartPage tr.service-name-tr .service-name-value-cart {
    margin-top: 0;
    text-align: left;
  }
  .page-cartPage tr.service-name-tr .service-name-value-cart p {
    display: block;
    padding-left: 0;
  }
  .page-cartPage tr.service-name-tr .service-name-value-cart p .service-name-cart {
    margin-top: 0;
    display: block;
    font-weight: 500;
  }
  .page-cartPage tr.service-name-tr .service-price-value-cart {
    margin-top: 0;
    text-align: right;
    min-height: 40px;
    margin-bottom: 10px;
  }
  .page-cartPage .voucher-title-holder,
  .page-cartPage .voucher-code.form-control {
    margin-left: 70px !important;
  }
  .page-checkoutOrderSummaryPage tr.service-name-tr .service-name-value-cart p,
  .page-checkoutOrderSimulationPage tr.service-name-tr .service-name-value-cart p {
    display: block;
    padding-left: 0;
  }
  .page-checkoutOrderSummaryPage tr.service-name-tr .service-name-value-cart p .service-name-cart,
  .page-checkoutOrderSimulationPage tr.service-name-tr .service-name-value-cart p .service-name-cart {
    display: block;
    font-weight: 500;
  }
  .page-checkoutOrderSummaryPage tr.service-name-tr .service-price-value-cart,
  .page-checkoutOrderSimulationPage tr.service-name-tr .service-price-value-cart {
    text-align: right;
    min-height: 40px;
  }
  .page-checkoutOrderSummaryPage .voucher-error-container .global-alerts .error-icon,
  .page-cartPage .voucher-error-container .global-alerts .error-icon {
    margin: 0 15px 0 0;
  }
  .page-checkoutOrderSimulationPage .voucher-applied-section {
    width: 97%;
  }
  .page-cartPage .bottom-button {
    width: 100%;
  }
  .page-cartPage .bottom-button div:first-child {
    text-align: left;
    padding-left: 0;
  }
  .page-cartPage .bottom-button div:last-child {
    text-align: right;
    padding-right: 0;
  }
  .page-cartPage #dpdCartItemContainer .bottom-button,
  .page-quoteCartPage #dpdCartItemContainer .bottom-button {
    margin-top: 40px;
  }
  .page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td {
    min-width: auto;
  }
  .page-quoteCartPage .container .containerInnerSection table#your_cart tbody tr td.product_image {
    width: 96px;
  }
  .page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td.product_details {
    padding-left: 15px!important;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  table#your_cart tbody tr td.quantity form .bogo-switch-label {
    display: block;
    position: relative;
    top: -25px;
  }
  table#your_cart tbody tr td.quantity form .eco3-switch-button {
    top: 25px;
    left: -15px;
  }
  table#your_cart tbody tr td.quantity .product-quantity-picker {
    margin-top: 0;
  }
  table#your_cart tbody tr td.product_details h2 {
    margin: 0 auto;
    min-height: 36px;
    padding: 0 2px;
    word-break: break-word;
  }
  table#your_cart tbody tr td.itemPrice .two-rows-data {
    margin-top: 0;
  }
  .page-cartPage .container .containerInnerSection .span-8.last.right.cart-tab-totals {
    min-height: 250px;
  }
  .page-cartPage .container .containerInnerSection .span-8.last.right.cart-tab-totals .total-section {
    position: absolute;
    right: -5px;
    bottom: 0;
    width: 100%;
  }
  .page-quoteCartPage .container .containerInnerSection .span-8.last.right.cart-tab-totals {
    min-height: 255px;
  }
  .page-quoteCartPage .container .containerInnerSection .span-8.last.right.cart-tab-totals .total-section {
    position: absolute;
    right: 5px;
    bottom: 0;
    width: 100%;
  }
  .checkout-totals-section .span-8.last.right.cart-tab-totals {
    padding-left: 0;
  }
  table#your_cart {
    /* tbody#cart_items_tbody{
          table-layout:fixed;
          width: 100%;
        }*/
  }
  table#your_cart tbody tr td.vat-exempt-value {
    width: 176px;
  }
  table#your_cart tbody tr td.summarycart-price-value {
    vertical-align: top;
    padding-top: 20px;
  }
  table#your_cart tbody tr td.summarycart-price-value span.tax-mob {
    display: none;
  }
  table#your_cart tbody tr td.summarycart-price-value div.price-val-desktop-brz .tax-arrow {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #009cdd;
  }
  table#your_cart tbody tr td.summarycart-price-value div.price-val-desktop-brz .collapsed:after {
    margin-right: 3px;
    margin-top: 5px;
  }
  table#your_cart tbody tr td.summarycart-price-value div.price-val-desktop-brz .uncollapsed:after {
    margin-top: 10px;
    margin-right: 7px;
  }
  table#your_cart tbody tr td.summarycart-price-value div.price-val-desktop-brz .tax-values {
    margin-right: 50px;
    font-size: 10pt;
    color: #333333;
  }
  table#your_cart tbody tr td.summarycart-price-value div.price-val-desktop-brz .tax-rows {
    text-align: right;
  }
  table#your_cart tbody tr td.summarycart-price-value div.price-val-desktop-brz .tax-rows .last-item {
    margin-top: 20px;
    margin-left: -82px;
  }
  .cart-page-cms-container {
    float: left;
  }
  .cart-page-cms-container.empty-cart {
    float: none;
    margin: 0 auto;
  }
  #simulation-response-placeholder table#your_cart {
    table-layout: fixed;
  }
  .svc-price-wraper {
    min-height: 60px;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import cart page*/
/******************************************************************************************************************
/* File Name        :checkout.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 28-Sept-2017
/* Description      : This is less code for the checkout.less.
/*******************************************************************************************************************/
/* imports the variable.less */
.registration-wrapper .ipnotavailable span {
  color: #d86d03;
}
.guest-billing-radio {
  padding-left: 0;
}
div#guestBillingCheckoutContinueEdit {
  float: right;
}
div#guest-billing-checkout-continue {
  overflow: initial;
  clear: both;
  margin-top: 30px;
}
div#guest-billing-checkout-continue button#addressSavebtn1 {
  float: right;
  width: auto;
  max-width: 180px;
  min-width: 120px;
}
#modifyAddressFormNewAddress .po-checkbox-wrapper {
  padding-left: 0;
  padding-right: 0;
}
#modifyAddressFormNewAddress .po-checkbox-wrapper .po-box-checkbox.deliveryAddressFormCheckbox span.checkmark {
  margin-top: 5px;
}
#modifyAddressFormNewAddress .po-checkbox-wrapper span.addToCheck.selectall_text.is-po-box-address {
  text-transform: initial;
}
#modifyAddressFormNewAddress select#poboxregionIso,
#modifyAddressFormNewAddress select#poboxcountryIso {
  font-size: 11pt;
  height: 35px;
}
.quote-info {
  padding: 0 15px;
}
.quote-info > p {
  margin-bottom: 35px;
  font-size: 16px;
  font-weight: 500;
}
.quote-info ul li {
  list-style-type: none;
  margin-bottom: 22px;
  padding-left: 15px;
  font-size: 14px;
}
.quote-info ul li:before {
  content: "";
  font-size: 24px;
  position: relative;
  top: 1px;
  left: -20px;
  width: 12px;
  height: 12px;
  background: #009cdd;
  display: inline-block;
  margin-right: -11px;
}
.calibration-quote-info.quote-info ul {
  padding-left: 6px;
}
.checkoutButtonsSection {
  margin: auto;
  text-align: center;
}
.checkoutButtonsSection a {
  float: left;
}
.checkoutButtonsSection button {
  float: right;
}
.eco3-stage-indicator {
  overflow: hidden;
  padding: 0 0 10px 0;
}
.eco3-stage-indicator .eco3-stage-indicator-step {
  padding: 0;
  position: relative;
}
.eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-stepnum {
  color: #666666;
  font-size: 16px;
  margin-bottom: 5px;
  visibility: hidden;
  white-space: nowrap;
}
.eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-info {
  color: #666666;
  font-size: 12pt;
  padding-left: 20px;
}
.eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-dot {
  position: absolute;
  width: 50px;
  height: 50px;
  display: block;
  background: #666666;
  top: 45px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  font-size: 14pt;
  line-height: 50px;
  text-align: center;
  color: #666666;
  cursor: default;
  text-decoration: none;
}
.eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-dot .eco3-icon {
  color: #ffffff;
  cursor: default;
}
.eco3-stage-indicator .eco3-stage-indicator-step .progressLine {
  height: 60px;
}
.eco3-stage-indicator .eco3-stage-indicator-step .progressLine .line {
  border-bottom: 1px solid #999999;
  display: inline-block;
  width: 60%;
  margin: -15px auto;
  margin-left: 72%;
  margin-top: 27px;
}
.eco3-stage-indicator .eco3-stage-indicator-step.active .eco3-stage-indicator-info {
  color: #009cdd;
}
.eco3-stage-indicator .eco3-stage-indicator-step.active .eco3-stage-indicator-dot {
  background-color: #ffffff;
  border: 2px solid #009cdd;
  color: #009cdd;
  font-weight: 500;
  cursor: default;
  line-height: 50px;
}
.eco3-stage-indicator .eco3-stage-indicator-step.disabled .eco3-stage-indicator-dot {
  background-color: #ffffff;
  border: 1px solid #666666;
  border-style: dashed;
}
.eco3-stage-indicator .eco3-stage-indicator-step.disabled .eco3-stage-indicator-dot:after {
  opacity: 0;
}
.eco3-stage-indicator .eco3-stage-indicator-step.disabled a.eco3-stage-indicator-dot {
  pointer-events: none;
}
.eco3-stage-indicator .eco3-stage-indicator-step.complete .eco3-stage-indicator-dot {
  background-color: #7d7d7d;
  border: 2px solid #7d7d7d;
}
.eco3-stage-indicator .eco3-stage-indicator-step.complete .eco3-stage-indicator-info {
  color: #434343;
}
.eco3-page.checkoutMainPage {
  margin-bottom: 20px;
}
.eco3-page.checkoutMainPage #globalMessages .text-left.width-100 {
  width: auto;
}
.eco3-page.checkoutMainPage .save-default-row td {
  border-bottom: none !important;
}
.eco3-page.checkoutMainPage .save-as-default-checkbox {
  opacity: 0.5;
}
.eco3-page.checkoutMainPage .save-as-default-checkbox label {
  text-transform: none;
}
.eco3-page.checkoutMainPage .save-as-default-checkbox .checkbox-align-desktop {
  margin-left: 75px;
}
.eco3-page.checkoutMainPage .save-default-checkbox {
  opacity: 0.5;
  padding-left: 0;
}
.eco3-page.checkoutMainPage .save-default-checkbox label {
  cursor: inherit;
}
.eco3-page.checkoutMainPage .active-checkbox {
  opacity: 1;
}
.eco3-page.checkoutMainPage .active-checkbox label {
  cursor: pointer;
}
.checkoutMainPage section.checkoutSection {
  padding: 0;
  text-align: left;
  /**** START - Stage Indicator section LESS code block ***/
  /*** END - Stage Indicator section LESS code block ***/
  /**** START - Personal-information section LESS code block ***/
  /*** END - Personal-information section LESS code block ***/
  /**** START - delivery-information section LESS code block ***/
  /*** END - delivery-information section LESS code block ***/
  /**** START -BILLING ADDRESS-information section LESS code block ***/
  /**** END -BILLING ADDRESS-information section LESS code block ***/
  /**** START - Payment-information section LESS code block ***/
  /*** END - Payment-information section LESS code block ***/
  /**** START - Other-information section LESS code block ***/
  /*** END - Other-information section LESS code block ***/
  /**** START - Product-information section LESS code block ***/
  /*** END - Product-information section LESS code block ***/
  /**** START - Checkout-End-information section LESS code block ***/
  /*** END - Checkout-End-information section LESS code block ***/
}
.checkoutMainPage section.checkoutSection .global-notification {
  word-wrap: break-word;
  margin-top: 60px;
}
@media (min-width: 768px) {
  .checkoutMainPage section.checkoutSection .global-notification {
    width: 90%;
  }
}
.checkoutMainPage section.checkoutSection .checkout-section-body {
  width: 100%;
  display: inline-block;
  margin-left: 0;
}
.checkoutMainPage section.checkoutSection .checkout-section-body .edit-billing-btn {
  text-align: center;
  padding-right: 0;
}
.checkoutMainPage section.checkoutSection .checkout-section-body .edit-btn-width {
  max-width: 100px !important;
}
.checkoutMainPage section.checkoutSection .checkout-box-panel-min-height-180 {
  min-height: 180px;
}
.checkoutMainPage section.checkoutSection .checkout-box-panel-min-height-160 {
  min-height: 160px;
}
.checkoutMainPage section.checkoutSection .checkout-box-panel-min-height-150 {
  min-height: 150px;
}
.checkoutMainPage section.checkoutSection .bullet-checkout-small {
  font-weight: 500;
  text-transform: uppercase;
}
.checkoutMainPage section.checkoutSection .bullet-checkout-small:before {
  content: "";
  font-size: 18px;
  left: -15px;
  width: 15px;
  height: 15px;
  background: #7d7d7d;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}
.checkoutMainPage section.checkoutSection .title-plate {
  height: 40px;
  width: 100%;
  background-color: #f3f3f3;
  margin: 25px 0 40px 0;
}
.checkoutMainPage section.checkoutSection .title-plate h2 {
  color: #ffffff;
  line-height: 23px;
  font-size: 12pt;
  background-color: #009cdd;
  height: 40px;
  min-width: 180px;
  padding: 10px 25px;
  float: left;
  margin: 0;
  text-align: center;
  font-weight: 400;
}
.checkoutMainPage section.checkoutSection .tickHelp {
  margin-top: 10px;
  width: 24px;
  height: 24px;
  background-size: 27px;
  background-position: top;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals {
  display: inline-block;
  width: 329px;
  margin: 45px 0;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .control-label {
  color: #666666;
  font-size: 10pt;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .voucher-code.form-control,
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .voucher-code-display.form-control {
  height: 40px;
  width: 90%;
  margin-left: 15px;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .voucher-code.form-control:focus,
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .voucher-code-display.form-control:focus {
  box-shadow: none !important;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .input-group-addon {
  padding: 0;
  border: 0;
  line-height: 0;
  background: #009cdd;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .input-group-addon .icon {
  display: inline-block;
  width: 60px;
  height: 38px;
  cursor: pointer;
  background-position: center !important;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-close-o {
  background: url("../images/icon-close-o.svg") no-repeat;
  background-size: 22px 22px;
  background-color: #666666;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-right {
  background: url("../images/icon-right-white.svg") no-repeat;
  background-size: 17px 23px;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-submit {
  background: url("../images/icon-submit.svg") no-repeat;
  background-size: 30px 30px;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .input-group-addon .icon .spinner {
  margin: 0 auto;
}
.checkoutMainPage section.checkoutSection .voucher-outer-container.cart-tab-totals .input-group-addon .icon .spinner div {
  background: #ffffff;
}
.checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .voucher-error-container .voucher-information-error {
  display: none;
}
.checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .voucher-error-container .voucher-error {
  display: none;
  margin-left: 15px;
}
.checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .tab_title_holder.col-xs-6 {
  margin-top: 60px;
}
.checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .tab_title_holder.total-label {
  font-size: 14pt;
  color: #434343;
  text-transform: uppercase;
  margin-top: 60px;
}
.checkoutMainPage section.checkoutSection .deliverAddressPanel,
.checkoutMainPage section.checkoutSection .billingAddressPanel {
  font-size: 12pt;
  font-weight: normal;
  color: #666666;
}
@media (min-width: 1201px) {
  .checkoutMainPage section.checkoutSection .deliverAddressPanel,
  .checkoutMainPage section.checkoutSection .billingAddressPanel {
    min-height: auto;
  }
}
.checkoutMainPage section.checkoutSection .billingAddressRightPanel {
  padding-left: 20px;
}
.checkoutMainPage section.checkoutSection .billingAddressRightPanel #billToInvoiceContactEmailContainer {
  max-width: 250px;
}
.checkoutMainPage section.checkoutSection .checkout-bullet-title {
  text-transform: uppercase;
  color: #666666;
  font-size: 12pt;
  font-family: Roboto !important;
  font-weight: 500;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery #delivery-method-content-block {
  min-height: 238px;
}
@media (min-width: 375px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery #delivery-method-content-block {
    min-height: 263px;
  }
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .nav-tabs {
  border-bottom: none;
  text-align: center;
  margin-top: -28px;
}
@media (min-width: 768px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery #checkout-delivery-address-add-edit .nav-tabs {
    margin-top: 30px;
  }
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryAddressBookTab_2 {
  margin-left: -2px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryAddressSelect {
  font-size: 11pt;
  color: #434343;
  width: 120px;
  height: 40px;
  font-family: roboto;
  font-weight: 400;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delevryAddresLeftPanel .delivery-address-label {
  text-transform: uppercase;
  color: #666666;
  font-size: 12pt;
  font-family: Roboto !important;
  font-weight: 500;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delevryAddresLeftPanel #endDestinationDeliveryAddressSection label .end-destination-checkbox-label {
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  text-transform: none;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delevryAddresLeftPanel #endDestinationDeliveryAddressSection .end-destination-please-select-label,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delevryAddresLeftPanel #endDestinationDeliveryAddressSection .endDestinationDeliverAddressPanel {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #666666;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .has-feedback.has-success #regionIso {
  border: 1px solid #6bcdfd !important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .dropdown-title {
  font-size: 11pt;
  font-weight: 400;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table table.dataTable.display tbody td {
  padding-right: 0;
  height: 70px;
  white-space: normal;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-icon.icon-edit-item {
  top: 10px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-icon.icon-delete-item {
  top: 10px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table #custom-search-input input {
  border: 0;
  box-shadow: none;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table #custom-search-input .input-group-btn {
  background-color: #fcfcfc;
  right: 0px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .AccAddSearch #custom-search-input {
  margin-top: 12%;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .AccAddSearch .input-group.addressSearchInput {
  width: 100%;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table table tbody tr.active td {
  color: #009cdd;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delivery-save-btn {
  margin-bottom: 10px;
  text-align: center;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .guest-edit-btn {
  padding-right: 10px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .cancel-btn {
  display: block;
  text-align: center;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-name-info {
  width: 184px;
  line-height: 34px;
  color: #666666;
  margin-left: 118px;
  text-transform: uppercase;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-address-holder {
  width: 142px;
  top: 40px;
  margin-left: 118px;
  font-size: 16px;
  font-family: Roboto-Regular;
  padding: 0px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-carrier {
  text-transform: uppercase;
  color: #666666;
  top: 40px;
  font-size: 12pt;
  font-weight: 500;
  font-family: Roboto;
  height: 42px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-carrier-content {
  width: 145px;
  color: #666666;
  font-size: 12pt;
  font-family: Roboto;
  padding: 0px;
  font-weight: 400;
  margin-top: 0 !important;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-carrier-content {
    padding-right: 20px;
  }
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-date {
  text-transform: uppercase;
  color: #666666;
  font-size: 12pt;
  font-weight: 500;
  font-family: Roboto;
  height: 42px;
  margin-bottom: 0px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-date span {
  display: block!important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-date-wrapper {
  margin-top: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-date-content {
  display: flex;
  color: #666666;
  font-size: 12pt;
  font-family: Roboto;
  padding: 0px;
  font-weight: 400;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-edit-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-edit-btn {
    position: inherit;
  }
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-payment {
  color: #666666;
  text-transform: uppercase;
  font-size: 12pt;
  font-weight: 500;
  font-family: Roboto;
  height: 42px;
  margin-bottom: 0px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-payment-content {
  display: block;
  width: auto;
  color: #666666 !important;
  font-size: 12pt;
  font-family: Roboto;
  padding: 0px;
  font-weight: 400 !important;
  margin-top: 0px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-payment-content .radio {
  display: block;
  margin-left: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-dropdown {
  width: 215px;
  height: 40px;
  padding: 0px;
  font-size: 10pt;
  font-family: Roboto;
  font-weight: 400;
  margin-top: 11px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-dropdown #delivery-method-carriers {
  width: 215px;
  height: 40px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .individualSection {
  margin: 20px 0;
  padding: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .individualSection input {
  min-width: 30px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #individual-delivery-details-block div {
  padding: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #delivery-method-carriers {
  width: 195px;
  height: 40px;
  margin-top: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .checkout-delivery-date-request {
  width: 264px;
  height: 45px;
  font-family: Roboto-Regular;
  font-size: 15px;
  text-align: center;
  color: #009cdd;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .request-date {
  display: block;
  width: 264px;
  height: 45px;
  font-family: Roboto;
  font-size: 11pt;
  color: #009cdd;
  font-weight: 400;
  margin-top: 20px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-prepaid-content {
  display: block;
  width: 211px;
  color: #666666;
  font-size: 16px;
  font-family: Roboto-Regular;
  padding: 0px;
  margin-left: 5px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-prepaid-content.radio-option-block {
  height: auto !important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .requested-delivery-link {
  padding: 0px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .requested-delivery-link .checkmark {
  margin-top: 2px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .requested-delivery-link .eco3-checkbox {
  padding-left: 29px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #info-image-text-shipping,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #info-image-text-poNumber,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #infoImageText,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #infoImageTextPopup {
  width: 22px;
  height: 22px;
  margin-left: 10px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #info-image-text-shipping.mg-left-0,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #info-image-text-poNumber.mg-left-0,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #infoImageText.mg-left-0,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #infoImageTextPopup.mg-left-0 {
  margin-left: 10px!important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #info-image-text-icon {
  width: 22px;
  height: 22px;
  margin-top: 43px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #info-image-text-consolidate {
  width: 22px;
  height: 22px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #deliver-method-date {
  padding: 10px;
  width: 190px;
  height: 40px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .input-group-addon {
  width: 45px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .input-group-addon .glyphicon.glyphicon-calendar {
  line-height: 1.9;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-btn-save-cancel {
  display: grid;
  text-align: center;
  margin-top: 90px;
  left: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-save-btn {
  margin-bottom: 10px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-date-display {
  margin-top: 0px !important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-consolidate-text {
  display: inline;
  width: auto;
  margin-top: 15px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-request-chekbox {
  font-family: Roboto;
  font-size: 11pt;
  color: #666666;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .select-date-label {
  font-family: Roboto;
  font-size: 10pt;
  color: #434343;
  font-weight: 500;
  height: 30px;
  text-transform: none;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-radio-options {
  font-weight: 400;
  font-family: Roboto;
  font-size: 12pt;
  margin-right: 30px;
  display: inline-block;
  height: auto;
  min-height: 30px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-radio-options::before {
  width: 19px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-list-top {
  margin-top: -2px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery div#shippin-when-ready-label {
  display: flex;
  color: #666666;
  font-size: 12pt;
  font-family: Roboto;
  padding: 0px;
  font-weight: 400;
  float: left;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table-pegination table.dataTable tbody td {
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: 11pt;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table-pegination table tbody tr.active td {
  color: #7d7d7d;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table-pegination table.dataTable thead th,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table {
  font-size: 11pt;
  height: 46px;
  font-family: roboto;
  font-weight: bold;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery #collectTxt {
  padding: 10px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .billingAddressSelect.active.btn.btn-4 {
  color: #009cdd !important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delivery-address-title {
  font-family: roboto;
  font-size: 12pt;
  font-weight: 500;
  text-transform: uppercase;
  color: #666666;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .new-customer-address-btn {
  float: right;
  margin-top: 35px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .address-book-btn {
  float: right;
  margin-bottom: 20px;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper .add3,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper .add3 {
  margin-left: 50px;
  width: 256px;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper .add4,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper .add4 {
  margin-left: 50px;
  width: 256px;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper .company-adjust,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper .company-adjust {
  width: 256px;
  padding: 0;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper .add2,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper .add2 {
  width: 256px;
  margin-left: 50px;
  padding: 0;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper .add-company-section.company-adjust,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper .add-company-section.company-adjust {
  width: 256px;
  margin-left: 0;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper select#regionIso,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper select#regionIso {
  height: 35px;
  text-transform: none !important;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper select#countryIso,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper select#countryIso {
  height: 35px;
  border-color: none;
  width: 100%;
  line-height: 18px;
  padding: 11px;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper input[type="text"].form-control,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper input[type="text"].form-control {
  height: 35px;
}
.checkoutMainPage section.checkoutSection #delivery-address .deliveryAddressform-wrapper .non-mandatory-check,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .deliveryAddressform-wrapper .non-mandatory-check {
  display: block !important;
  top: 40px;
  right: -27px;
}
.checkoutMainPage section.checkoutSection #delivery-address .delivery-address-padding .delivery-address-button,
.checkoutMainPage section.checkoutSection #checkout-section-body-billing .delivery-address-padding .delivery-address-button {
  margin-right: 0;
}
.checkoutMainPage section.checkoutSection table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.checkoutMainPage section.checkoutSection table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #d9d9d9;
}
.checkoutMainPage section.checkoutSection table.dataTable.dtr-inline.collapsed thead tr th:first-child:before {
  background-color: #009cdd;
}
.checkoutMainPage section.checkoutSection table.dataTable.dtr-inline.collapsed tbody tr td:first-child:before {
  background-color: #009cdd;
}
.checkoutMainPage section.checkoutSection .eco3-table-pegination table.dataTable tbody tr.child ul.dtr-details {
  background: #f4f4f4 !important;
  opacity: 1;
  padding: 10px 25px;
}
.checkoutMainPage section.checkoutSection .cartDeliveryAddresstable .getdeliveryAddressListTable {
  margin-bottom: 0 !important;
}
.checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr.selected,
.checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr.selected .btn {
  color: #009cdd !important;
}
.checkoutMainPage section.checkoutSection .getdeliveryAddressListTable,
.checkoutMainPage section.checkoutSection .getbillingAddressListTable {
  border-bottom: none;
  margin-bottom: 0 !important;
}
.checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr:last-child td,
.checkoutMainPage section.checkoutSection .getbillingAddressListTable tbody tr:last-child td {
  border-bottom: 1px solid #f3f3f3;
}
.checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr td,
.checkoutMainPage section.checkoutSection .getbillingAddressListTable tbody tr td {
  word-wrap: break-word;
  white-space: normal;
}
.checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr td div,
.checkoutMainPage section.checkoutSection .getbillingAddressListTable tbody tr td div {
  word-wrap: break-word;
  white-space: normal;
}
.checkoutMainPage section.checkoutSection .getbillingAddressListTable tr td a.carrier-delete-button {
  position: relative;
  top: -15px;
}
.checkoutMainPage section.checkoutSection .getbillingAddressListTable tbody tr.selected,
.checkoutMainPage section.checkoutSection .getbillingAddressListTable tbody tr.selected .btn {
  color: #009cdd !important;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper .add3 {
  margin-left: 50px;
  width: 256px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper .add4 {
  margin-left: 70px;
  width: 256px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper .company-adjust {
  width: 256px;
  height: 33px;
  padding: 0;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper .add2 {
  width: 256px;
  margin-left: 50px;
  padding: 0;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper .add2 select {
  height: 35px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper select#regionIso {
  height: 35px;
  text-transform: none !important;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper select#countryIso {
  height: 35px;
  border-color: none;
  width: 100%;
  line-height: 18px;
  padding: 7px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper input[type="text"].form-control {
  height: 35px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper .non-mandatory-check {
  display: block !important;
  top: 40px;
  right: -27px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper .has-feedback.has-success #regionIso {
  border: 1px solid #6bcdfd !important;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .deliveryAddressform-wrapper .dropdown-title {
  font-size: 11pt;
  font-weight: 400;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .billing-address-context-section-display .nav-tabs {
  border-bottom: none;
  text-align: center;
  margin-top: 40px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .billing-address-context-section-display .billingAddressBookTab_2 {
  margin-left: -2px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .eco3-table #custom-search-input input {
  border: 0;
  box-shadow: none;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .AccAddSearch #custom-search-input {
  margin-top: 12%;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .eco3-table #custom-search-input input {
  border: 0;
  box-shadow: none;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .eco3-table #custom-search-input .input-group-btn {
  background-color: #fcfcfc;
  right: 0px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .AccAddSearch .input-group.addressSearchInput {
  width: 100%;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .billingAdddressMain .deliveyAddButton {
  margin-top: 65px;
  left: 2px;
}
.checkoutMainPage section.checkoutSection #invoice-address-form .billingAddressBookTab_2 {
  margin-left: -2px;
}
.checkoutMainPage section.checkoutSection #guestDeliveryAddWrapper #delivery-method-form {
  border-top: none;
}
.checkoutMainPage section.checkoutSection #guest-billingadd-wrapper {
  margin-top: 60px;
}
.checkoutMainPage section.checkoutSection #guest-billingadd-wrapper .delivery-address-title {
  margin-top: 30px;
  font-weight: 500;
  font-size: 12.0pt;
  text-transform: uppercase;
}
.checkoutMainPage section.checkoutSection #guest-billingadd-wrapper .delivery-address-title:before {
  background-color: #009cdd;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-options-container {
  bottom: 0;
  position: absolute;
  text-align: right;
  padding-right: 40px;
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-options-container {
    bottom: none;
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-options-container {
    right: 30px;
    padding-right: 0px;
  }
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer {
  position: relative;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer.border-right {
  border-right: 1px solid #f3f3f3;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer .bullet-checkout-small {
  font-size: 12pt;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer .bullet-checkout-small:before {
  background-color: #009cdd;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer .card-only,
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer .payment-only {
  font-size: 11.9pt;
  font-weight: normal;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentcontentContainer {
  display: none;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentcontentContainer .paymentbtnContainer {
  float: right;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentcontentContainer .paymentbtnContainer .cancelBtnContainer {
  text-align: center;
  margin-top: 8px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentcontentContainer .paymentbtnContainer .cancelBtnContainer .cancel-btn {
  width: 80px;
  height: 45px;
  font-size: 11.0pt;
  text-transform: uppercase;
  color: #434343;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentcontentContainer .paymentbtnContainer .cancelBtnContainer .cancel-btn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .btn-payment-select {
  background-position: center;
  background-color: #7d7d7d;
  width: auto;
  max-width: 200px;
  min-height: 30px;
  height: auto;
  white-space: normal;
  word-wrap: break-word;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 11.0pt;
  font-weight: normal;
  padding: 5px 0;
  cursor: pointer;
  display: none;
}
@media (max-width: 767px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment .btn-payment-select {
    margin-bottom: 30px;
  }
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #payment-tabs {
  display: none;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #payment-tabs .payment-tab-list {
  margin-bottom: 15px;
  text-align: center;
  margin-top: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #payment-tabs .payment-tab-list li a {
  text-transform: capitalize;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionRadioGroup label {
  font-size: 12pt;
  font-weight: normal;
  color: #666666;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptions {
  margin-top: 20px;
  padding-left: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptions .radio label {
  font-size: 16px;
  font-weight: normal;
  padding-left: 20px;
  line-height: 23px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #payment-options-no-radio {
  margin-top: 40px;
  padding-left: 25px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .nav-tabs {
  border-bottom: none;
  margin-top: -28px;
}
@media (max-width: 767px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment input.select-card {
    border: 1px solid #cccccc;
  }
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment input.select-card,
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .expired-card {
  width: 120px;
  font-size: 11.0pt;
  min-width: 120px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-placeholder {
  display: none;
  padding-top: 15px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-placeholder .cvvMessage {
  line-height: 26px;
  color: #333333;
  font-weight: 500;
  font-size: 11.0pt;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-placeholder .fieldContainer {
  line-height: 26px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-placeholder .fieldContainer .form-group.has-feedback {
  margin-right: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-placeholder .fieldContainer .card-key {
  float: left;
  min-width: 70px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment #credit-card-placeholder .fieldContainer .card-value {
  margin: 0 0 0 5px;
  display: inline-block;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .eco3-tabbable .datatable tbody tr.payment-card-select td {
  color: #009cdd;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .eco3-tabbable .datatable tbody tr.payment-card-select td input {
  color: #009cdd !important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .eco3-tabbable .datatable tbody tr.expriceClass td input.btn {
  color: #d50032 !important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .eco3-tabbable .datatable tbody td:last-child input[type="button"] {
  color: #666666;
  float: right;
  font-size: 11pt;
}
@media (max-width: 767px) {
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment .eco3-tabbable .datatable tbody td:last-child span.dtr-data input[type="button"] {
    float: none;
    display: block;
    margin: 15px auto;
  }
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .selected-credit-card .fieldContainer label {
  font-weight: 400;
  font-size: 11pt;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .selected-credit-card input#credit-card-cvv {
  width: 60px;
  padding-left: 12px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .delivery-tab-view:first-child .otherinfoarea {
  margin-top: 30px;
  margin-top: 94px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .delivery-tab-view .otherinfoarea label {
  opacity: 0.5;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .delivery-tab-view .otherinfotext {
  width: 100%;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .bullet-checkout-small:before {
  background-color: #009cdd;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .bullet-checkout-small.list-align {
  width: 100%;
  margin: 30px 0 0 0;
  font-weight: 500;
  font-size: 12pt;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .otherinfoarea {
  margin-top: 5px;
  height: 95px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .otherinfoarea label {
  font-size: 10pt;
  font-weight: 500;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .otherinfoarea .form-group {
  width: 280px;
  min-height: 65px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .otherinfoarea textarea {
  min-height: 70px;
  height: 70px;
  resize: none;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .otherinfoarea input,
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .otherinfoarea select {
  min-height: 35px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .button-block {
  margin-top: 0;
  margin-bottom: 0;
  float: right;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .button-block .cancelBtnContainer {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 25px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .button-block .cancelBtnContainer .cancel-btn {
  display: inline-block;
  height: 30px;
  padding: 5px;
  width: 80px;
  margin-top: 5px;
  font-size: 11.0pt;
  text-transform: uppercase;
  color: #434343;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .button-block .cancelBtnContainer .cancel-btn:hover {
  font-weight: 500;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .delivery-list-date {
  text-transform: uppercase;
  height: 34px;
  color: #666666;
  font-family: Roboto !important;
  font-size: 12pt;
  font-weight: 500;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .select-file-wrapper {
  font-size: 13px !important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .eco3-icon.icon-info-circle {
  position: relative;
  height: 35px;
  background-size: 22px;
  float: right;
  margin-top: -34px;
  margin-right: 5px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .upload-file-display-textbox {
  cursor: pointer;
  height: 35px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .uploadBlock .placeholderText {
  font-size: 12pt;
  float: left;
  color: #434343;
  padding: 6px 10px !important;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .upload-block-button.upload-block-button-mobile {
  display: inline-block;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .upload-block-button.upload-block-button-mobile input#upload-lead-btn {
  height: 35px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .upload-block-button .spinner {
  margin: 0 auto;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .instruction-container .content-section {
  font-size: 12pt;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .instruction-container .content-section textarea {
  resize: none;
  border-radius: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .attachment-container i.eco3-popover {
  position: relative;
  float: right;
  height: 35px;
  background-size: 22px;
  margin-top: -34px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block {
  padding-left: 0;
  width: 350px;
  margin: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block li {
  float: left;
  margin-bottom: 20px;
  width: 50%;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block li a {
  padding-left: 10px;
  cursor: pointer;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block li a .docAttachment {
  background: url(../images/file_icon.svg) no-repeat;
  width: 25px;
  height: 30px;
  cursor: pointer;
  background-size: 25px 30px;
  margin-top: 5px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block li a .docAttachment.pdf {
  background: url(../images/pdf_file_icon.svg) no-repeat;
  background-size: contain;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block li a span.file-name-wrapper {
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block li a i.eco3-icon.calibration-delete-icon {
  width: 20px;
  height: 20px;
  top: 6px;
  position: relative;
  background-size: 16px;
  background-image: url(../images/delete.svg);
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block li a.delete-file-icon {
  padding-left: 15px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .doc-section-block li {
  margin-top: 20px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .upload-mob-align .uploadBlock {
  width: 213px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .upload-mob-align label {
  text-transform: capitalize;
}
/* <checkout payment> iframe LESS code*/
.paymetric-iframe-container #add-credit-card-iframe {
  height: 180px !important;
  width: 100% !important;
  min-height: 180px !important;
}
@media (min-width: 200px) and (max-width: 550px) {
  .paymetric-iframe-container #add-credit-card-iframe {
    height: 300px !important;
  }
}
@media (min-width: 200px) and (max-width: 550px) {
  .form-wrapper .saveInProfile {
    margin: 0 auto 20px auto;
    width: 70%;
  }
}
#guest-paymetric-iframe-container #add-credit-card-iframe {
  height: 180px !important;
  width: 52% !important;
  min-height: 180px !important;
}
@media (max-width: 1200px) {
  #guest-paymetric-iframe-container #add-credit-card-iframe {
    width: 100% !important;
  }
}
@media (max-width: 550px) {
  #guest-paymetric-iframe-container #add-credit-card-iframe {
    height: 440px !important;
  }
}
#guest-checkout-payment .bullet-checkout-small {
  margin-bottom: 30px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 12.0pt;
  color: #666666;
}
#guest-checkout-payment .bullet-checkout-small:before {
  background-color: #009cdd;
}
#guest-checkout-payment #show-guest-creditcard-container {
  margin-left: 20px;
}
#guest-checkout-payment .cvvMessage,
#creditCardAddFormCompleteShow .cvvMessage {
  line-height: 26px;
  color: #333333;
  font-weight: 500;
  font-size: 11.0pt;
}
#guest-checkout-payment .fieldContainer,
#creditCardAddFormCompleteShow .fieldContainer {
  line-height: 26px;
  font-size: 11pt;
  font-weight: 400;
  color: #666666;
}
#guest-checkout-payment .fieldContainer label,
#creditCardAddFormCompleteShow .fieldContainer label {
  color: #666666;
}
#guest-checkout-payment #user-credit-card-container,
#creditCardAddFormCompleteShow #user-credit-card-container {
  text-align: center;
  width: 100%;
}
#guest-checkout-payment #user-credit-card-container .credit-card-type,
#creditCardAddFormCompleteShow #user-credit-card-container .credit-card-type {
  margin-left: 40px;
}
#guest-checkout-payment .ccremoveLikContainer,
#creditCardAddFormCompleteShow .ccremoveLikContainer {
  margin-top: 20px;
  margin-left: 65px;
}
@media (max-width: 767px) {
  #guest-checkout-payment .ccremoveLikContainer,
  #creditCardAddFormCompleteShow .ccremoveLikContainer {
    margin-left: 40px;
  }
}
#guest-checkout-payment .ccremoveLikContainer .blue-link,
#creditCardAddFormCompleteShow .ccremoveLikContainer .blue-link {
  color: #009cdd;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 15px;
}
.payment-credit-card-checkout td {
  float: left;
  display: inline-block;
}
.payment-credit-card-checkout tr {
  float: left;
  width: 50%;
}
.payment-credit-card-checkout select,
.payment-credit-card-checkout input {
  height: 32px;
}
.payment-credit-card-checkout td:nth-child(3) {
  clear: both;
}
.payment-credit-card-checkout td {
  width: 100%;
  display: inline-block;
  padding: 5px 0 0 0;
  font-size: 10pt;
  color: #434343;
}
.payment-credit-card-checkout td:last-child {
  padding: 0;
}
@media (min-width: 201px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 100%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 200px;
  }
}
@media (min-width: 250px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 100%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 250px;
  }
}
@media (min-width: 300px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 95%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 280px;
  }
  .payment-credit-card-checkout select#Paymetric_CreditCardType {
    padding-left: 10px;
  }
}
@media (min-width: 350px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 95%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 320px;
  }
}
@media (min-width: 400px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 100%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 380px;
  }
}
@media (min-width: 450px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 100%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 420px;
  }
}
@media (min-width: 500px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 50%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 230px;
  }
}
@media (min-width: 550px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 50%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 240px;
  }
}
@media (min-width: 600px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 50%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 285px;
  }
}
@media (min-width: 767px) {
  .payment-credit-card-checkout tr {
    float: left;
    width: 50%;
  }
  .payment-credit-card-checkout select,
  .payment-credit-card-checkout input {
    width: 350px;
  }
}
@media (min-width: 727px) {
  .payment-credit-card-checkout tr select#Paymetric_CreditCardType,
  .payment-credit-card-checkout input {
    width: 350px;
  }
}
.payment-credit-card-checkout select,
.payment-credit-card-checkout input {
  height: 32px;
}
.payment-credit-card-checkout #PayNowButton {
  max-width: 200px;
  margin: 0 auto;
  display: block;
  margin-top: 15px;
}
.payment-credit-card-checkout form .has-errors {
  color: #d9534f;
  text-align: center;
  margin-top: 15px;
}
.payment-credit-card-checkout #Paymetric_Exp_Month,
.payment-credit-card-checkout #Paymetric_Exp_Year {
  width: 70px !important;
}
.payment-credit-card-checkout #Paymetric_CustomErrorLogging {
  margin-top: 0;
}
.payment-credit-card-checkout .checkout-add-credit-card-form tr:last-child {
  margin-top: 28px;
  clear: both;
}
.payment-credit-card-checkout .checkout-add-credit-card-form tr:last-child td:nth-child(1) {
  float: right;
  width: 93%;
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0 0 5px;
}
.payment-credit-card-checkout .checkout-add-credit-card-form tr:last-child td:nth-child(2) {
  width: 7%;
}
.payment-credit-card-checkout .checkout-add-credit-card-form tr:last-child td:nth-child(2) input#saveInProfile {
  width: 18px;
  height: 18px;
  margin: 11px 0 0 0;
}
.payment-credit-card-checkout .checkout-add-credit-card-form tr td input,
.payment-credit-card-checkout .checkout-add-credit-card-form tr td select {
  height: 35px;
  font-size: 11.0pt;
  font-weight: normal;
  background: #fcfcfc;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #3c3c3c;
  border-radius: 0;
}
/*END</checkout payment> iframe LESS codeEND*/
#modifyAddressFormNewAddress input[readonly='readonly'] {
  cursor: not-allowed;
  border: 1px solid #cccccc;
  color: #434343;
}
#modifyAddressFormNewAddress input[readonly='readonly']:not(#deliver-method-date) {
  background: #d9d9d9;
}
#modifyAddressFormNewAddress select[disabled='disabled'],
#modifyAddressFormNewAddress select[disabledfield='true'] {
  background-color: #d9d9d9 !important;
  cursor: not-allowed;
  border: 1px solid #cccccc;
  color: #434343;
  z-index: -1;
  position: relative;
}
#modifyAddressFormNewAddress input.error,
#modifyAddressFormNewAddress select.error {
  border: 1px solid #d50032 !important;
  background: #fdf3f5 !important;
}
/* For IE Specific*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checkoutMainPage section .deliveryAddressform-wrapper select#regionIso {
    padding-right: 10px;
    text-transform: none !important;
  }
  .checkoutMainPage section .billingAdddressMain select#regionIso {
    padding-right: 10px;
    text-transform: none !important;
  }
}
/* For Mozila Specific*/
@-moz-document url-prefix() {
  .specifyDeliveryAddress {
    text-align: right;
  }
  .datatable-main #datatableTableID_wrapper {
    padding: 0px 20px 0px 40px;
  }
  .eco3-tabbable .nav-tabs > li > a {
    text-transform: none;
  }
}
@supports (-ms-accelerator:true) {
  .checkoutMainPage section .deliveryAddressform-wrapper select#regionIso {
    padding-right: 10px;
    text-transform: none !important;
  }
  .checkoutMainPage section .billingAdddressMain select#regionIso {
    padding-right: 10px;
    text-transform: none !important;
  }
}
.tc-wrapper .modal-header {
  display: block !important;
  overflow-y: auto;
}
.tc-wrapper .modal-header::-webkit-scrollbar {
  width: 0;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}
.tc-wrapper .modal-body {
  display: block;
  overflow-y: auto;
  height: 600px;
  margin-bottom: 20px;
}
.tc-wrapper .item_container h2 {
  background-color: #ffffff;
  color: #333333;
  width: 100%;
  text-align: left;
  font-size: 14pt;
  font-family: roboto;
  font-weight: 400;
  padding-left: 0px;
}
.tc-wrapper .item_container p {
  font-size: 11pt;
  font-family: roboto;
  font-weight: 400;
  color: #333333;
  text-align: left !important;
}
.isEnabledRDD-div {
  min-height: 20px;
}
#RDD-section {
  padding: 0;
  padding-top: 0;
}
#RDD-section .display {
  font-size: 16px;
  line-height: 23px;
  color: #434343;
  text-align: left;
}
#RDD-section .eco3-datepicker input.fieldError:focus {
  outline: none !important;
  border: 1px solid #d50032 !important;
  box-shadow: 0 0 1px #d50032 !important;
}
#RDD-section label {
  font-weight: 400;
  height: 40px;
  font-family: Roboto;
  font-size: 13px;
  line-height: 21px;
  color: #434343;
}
#RDD-section .checkout-bullet-title {
  text-transform: uppercase;
  color: #666666;
  font-size: 12pt;
  font-family: Roboto !important;
  font-weight: 500;
  margin-bottom: 30px;
}
#RDD-section .radio.radio-inline {
  margin: 10px 0px;
}
#RDD-section .radio.radio-inline label::before {
  margin-left: -15pt !important;
  margin-top: 0.2pt!important;
}
#RDD-section .radio.radio-inline label {
  padding-left: 20px;
  line-height: 25px;
}
#RDD-section .max-width-date {
  max-width: 316px;
}
#RDD-section .text-form-none {
  text-transform: none !important;
}
#RDD-section .rdd-no-top-margin-mobile {
  margin: 5px 0 0 !important;
}
#RDD-section .rdd-no-bottom-margin-mobile {
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}
#RDD-section .rdd-label-height {
  line-height: 22px !important;
}
.RDD-req-cons-del-option {
  margin-top: 20px;
}
.RDD-req-cons-del-option .label-text {
  position: relative;
  top: -10px;
}
.RDD-req-cons-del-option .label-text #infoImageText {
  position: relative;
  top: 0;
  left: 10px;
  width: 22px;
  height: 22px;
  background-size: 100% 100%;
  cursor: pointer;
}
.RDD-req-cons-del-option.disabled {
  opacity: 0.7;
}
.RDD-req-cons-del-option .checkout-consolidate-info {
  top: 0;
}
table.rdd-enabled .display {
  font-size: 15px;
  color: #333333;
  line-height: 21px;
  text-align: left;
}
table.rdd-enabled .eco3-datepicker-rdd label {
  font-size: 15px;
}
.rdd-custom-width2 {
  min-width: 200px !important;
}
/**** End Customer checkout service section start ****/
#end-customer-checkout-service {
  display: inline-block;
  font-family: roboto;
  width: 100%;
}
#end-customer-checkout-service #endCustomerDetailsForm {
  text-align: center;
  margin: 0 30px;
  max-width: initial;
}
#end-customer-checkout-service .bullet-title {
  margin: 20px 0;
  line-height: 25px;
  text-transform: uppercase;
  height: 34px;
  color: #666666;
  font-family: Roboto !important;
  font-size: 16px;
  font-weight: 500;
}
#end-customer-checkout-service .form-section .form-group {
  max-width: 250px;
  min-height: 95px;
  margin-bottom: 0px;
}
#end-customer-checkout-service .form-section .form-group select {
  height: 35px;
  line-height: 34px;
}
#end-customer-checkout-service .form-section .form-group.short {
  max-width: 130px;
}
#end-customer-checkout-service .form-section label {
  width: 260px;
  height: 33px;
  font-family: roboto;
  font-size: 13px;
  line-height: 17px;
  color: #434343;
  text-align: left;
}
#end-customer-checkout-service .form-section .endCustomerRegion .non-mandatory-check {
  display: block !important;
  top: 40px;
  right: -27px;
}
#end-customer-checkout-service .actionButton {
  line-height: 30px;
  float: right;
  display: none;
}
#end-customer-checkout-service .actionButton.cancel-btn {
  width: 80px;
  height: 45px;
  font-size: 11.0pt;
  text-transform: uppercase;
  color: #434343;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  float: right;
}
#end-customer-checkout-service .actionButton.cancel-btn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#end-customer-checkout-service #endCustomerDetailsForm.readonly .form-group {
  opacity: 0.6;
  pointer-events: none;
}
#end-customer-checkout-service #errorConsoleBlock {
  max-width: 573px;
  margin-left: 10px;
}
#end-customer-checkout-service .end-customer-button-section {
  position: relative;
  left: 30px;
  padding-right: 0;
}
#end-customer-checkout-service .checkout-page .ecotabs .ech-tab-table ul {
  margin-bottom: 0;
  margin-top: 40px;
  margin-right: 10px;
}
#end-customer-checkout-service .checkout-page .ecotabs .ech-tab-table ul .active a {
  color: #2b9cea;
}
#end-customer-checkout-service .checkout-page .ecotabs .ech-tab-table ul .disabled {
  color: #434343;
  background-color: #f3f3f3;
  opacity: 0.7;
  cursor: not-allowed;
}
#end-customer-checkout-service-summary {
  padding: 35px 0 40px 0;
}
#end-customer-checkout-service-summary .bullet-title {
  text-transform: uppercase;
  height: 34px;
  color: #666666;
  font-family: Roboto !important;
  font-size: 16px;
  font-weight: 500;
  margin-top: 0px!important;
}
#end-customer-checkout-service-summary .address-block {
  padding-bottom: 10px;
  padding-left: 20px;
}
#end-customer-checkout-service-summary .address {
  width: 100%;
  display: inline-block;
  text-align: left;
  margin-top: 10px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 5px;
}
#end-customer-checkout-service-summary .customer-title {
  margin-top: -2px;
}
.quote-checkout-wrapper .quote-read-agreement {
  padding-right: 0px !important;
}
.quote-checkout-wrapper .quote-read-agreement label.eco3-checkbox {
  padding-right: 30px;
}
.quote-checkout-wrapper .checkout-section-body {
  margin-left: 0;
}
.quote-checkout-wrapper .quote-checkout-download-option p {
  width: 267px;
  height: 29px;
  font-family: Roboto;
  font-size: 15px;
  line-height: 21px;
  color: #434343;
  margin-top: 25px;
}
.quote-checkout-wrapper table.quote-product-list-view tr .add_to_quote_button,
.quote-checkout-wrapper table.quote-product-list-view tr .orderItem_add_to_cart {
  height: 50px;
}
#paymentCVVForm {
  max-width: 160px;
}
#paymentCVVForm .form-control-feedback {
  position: initial;
  float: right;
  margin-top: 10px;
}
#paymentCVVForm .left-label {
  width: 60px;
  float: left;
}
#paymentCVVForm .help-block {
  padding-left: 60px;
  width: 200px;
}
.cartBillingAddresstable .getbillingAddressListTable.display tbody tr td {
  border-top: none;
  height: 70px;
  padding-right: 0;
  border-bottom: 1px solid #f3f3f3;
}
.cartBillingAddresstable .getbillingAddressListTable.display tbody tr.child ul.dtr-details > li {
  border-bottom: none;
}
.cartBillingAddresstable .dataTable.no-footer {
  border-bottom: none;
}
.cartDeliveryAddresstable .getdeliveryAddressListTable.display tbody tr td {
  border-top: none;
  height: 70px;
  border-bottom: 1px solid #f3f3f3;
}
.cartDeliveryAddresstable .getdeliveryAddressListTable.display tbody tr.child ul.dtr-details > li {
  border-bottom: none;
}
.geo-Popup .modal-body {
  padding: 20px 38px;
}
.campaign-icon-item {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.campaign-icon-item img {
  margin: 7px;
  width: 23px;
  max-width: 23px;
  height: 20px;
}
.guest-checkout-add-credit-card-form tr select#Paymetric_CreditCardType,
.guest-checkout-add-credit-card-form .payment-credit-card-checkout input {
  width: 285px;
}
.guest-checkout-add-credit-card-form .payment-credit-card-checkout select,
.guest-checkout-add-credit-card-form .payment-credit-card-checkout input {
  height: 35px;
}
.guest-checkout-add-credit-card-form .payment-credit-card-checkout #PayNowButton {
  max-width: 180px;
  height: 40px;
}
.guest-checkout-add-credit-card-form #Paymetric_Exp_Month,
.guest-checkout-add-credit-card-form #Paymetric_Exp_Year {
  width: 101px !important;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline-offset: unset !important;
}
.bootstrap-select .form-control,
.bootstrap-select .btn,
.bootstrap-select .btn-default:hover,
.bootstrap-select .btn-default:focus,
.bootstrap-select .btn-default:active,
.bootstrap-select .btn-default.active,
.bootstrap-select .open .dropdown-toggle.btn-default {
  background-color: #fcfcfc !important;
  color: #3c3c3c !important;
  text-transform: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  padding-left: 12px !important;
  padding-top: 7px !important;
  height: 32px !important;
  line-height: 18px !important;
  font-size: 13px;
}
.bootstrap-select .form-control option,
.bootstrap-select .btn option,
.bootstrap-select .btn-default:hover option,
.bootstrap-select .btn-default:focus option,
.bootstrap-select .btn-default:active option,
.bootstrap-select .btn-default.active option,
.bootstrap-select .open .dropdown-toggle.btn-default option {
  font-size: 0.875em !important;
  line-height: 18px !important;
  padding: 3px 5px !important;
  color: #3c3c3c !important;
}
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:focus,
.bootstrap-select .dropdown-menu > .active > a:hover,
.bootstrap-select .dropdown-menu > li > a:hover,
.bootstrap-select .dropdown-menu > li > a:focus {
  background-color: #009cdd;
  color: #ffffff;
}
.bootstrap-select .dropdown-menu {
  max-height: 150px;
  overflow: auto;
}
.bootstrap-select .text-muted {
  color: #3c3c3c !important;
}
.bootstrap-select .btn.disabled,
.bootstrap-select .btn.disabled :focus {
  opacity: 0.4 !important;
}
#billing-address-tab .eco3-icon.icon-edit-item {
  top: 0;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-payment .nav-tabs li a,
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .nav-tabs li a {
  width: auto;
  min-width: 200px;
  max-width: 290px;
}
/* RDD Split Section */
.RDD-req-cons-del-option.disabled,
.RDD-split-add-link-section.disabled,
.rdd-split-row.disabled,
.RDD-split-remainingCount-container.disabled,
.RDD-split-quantity-textbox.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
/*******RDD Split Less Start*******/
.RDD-split-quantity-textbox {
  width: 70px;
  margin-bottom: 20px;
  padding: 5px 13px;
  text-align: center;
}
.RDD-split-datepicker {
  margin-bottom: 20px;
  width: 170px;
}
.rdd-desktop-section .input-group.date.eco3-datepicker {
  width: 170px;
}
.RDD-split-add-link-section {
  width: 170px;
  text-align: right;
  float: left;
  cursor: pointer;
}
.RDD-split-add-link-section span {
  color: #333333;
}
.RDD-split-add-link-section .RDD-split-plus {
  margin-right: 8px;
}
.RDD-split-datePicker-container {
  display: table-cell;
  padding-right: 20px;
  height: 32px;
}
.RDD-split-delete-link {
  display: table-cell;
}
.RDD-split-delete-link .eco3-icon.icon-delete-item {
  position: static;
}
.display-table-cell {
  display: table-cell;
}
.RDD-split-datepicker {
  margin-bottom: 20px;
  width: 170px;
}
/*********RDD Split Less End*******/
/**** End Customer checkout service section end *****/
/* RDD Split Section */
.RDD-req-cons-del-option.disabled,
.RDD-split-add-link-section.disabled,
.rdd-split-row.disabled,
.RDD-split-remainingCount-container.disabled,
.RDD-split-quantity-textbox.disabled,
.RDD-split-delete-link.disabled,
.RDD-split-delete-link .icon-delete-item.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.RDD-req-cons-del-option.error,
.RDD-split-add-link-section.error,
.rdd-split-row.error,
.RDD-split-remainingCount-container.error,
.RDD-split-quantity-textbox.error,
.RDD-split-delete-link.error,
.RDD-split-delete-link .icon-delete-item.error {
  border: 1px solid #d50032;
  background: #fdf3f5;
}
/*******RDD Split Less Start*******/
.RDD-split-quantity-textbox {
  width: 70px;
  margin-bottom: 20px;
  padding: 5px 13px;
  text-align: center;
}
.RDD-split-datepicker {
  margin-bottom: 20px;
  width: 170px;
}
.rdd-desktop-section .input-group.date.eco3-datepicker {
  width: 170px;
}
.RDD-split-remainingCount-container {
  display: inline-block;
  margin: 0 auto;
  height: 24px;
}
.RDD-split-add-link-section {
  width: 170px;
  text-align: right;
  float: left;
  cursor: pointer;
}
.RDD-split-add-link-section .RDD-split-add-link {
  display: table;
  float: right;
}
.RDD-split-add-link-section span {
  color: #333333;
}
.RDD-split-add-link-section .RDD-split-plus {
  display: table-cell;
  vertical-align: middle;
}
.RDD-split-add-link-section .RDD-split-add-text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 3px;
  font-size: 15px;
}
.RDD-split-datePicker-container {
  display: table-cell;
  padding-right: 20px;
}
.RDD-split-delete-link {
  display: table-cell;
  vertical-align: middle;
}
.RDD-split-delete-link .eco3-icon.icon-delete-item {
  position: static;
  margin-bottom: 0;
}
.display-table-cell {
  display: table-cell;
}
.display-inline-block {
  display: inline-block;
}
.RDD-split-row-container {
  margin-bottom: 20px;
}
.RDD-split-row-container .RDD-split-datepicker {
  width: 170px;
  margin-bottom: 0 !important;
}
.modal .panelBody #modifyAddressFormNewAddress .is-po-box-address {
  position: relative;
  top: -5px;
}
.modal .panelBody #modifyAddressFormNewAddress .form-group.col-md-6.col-sm-6.col-xs-12 {
  min-height: 70px;
}
.checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table table.dataTable.display td.dataTables_empty {
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
}
.chekout-attachments {
  clear: both;
}
.chekout-attachments span.service-product span.additional-information-section ul.main-summarycheckout-attachment li a {
  cursor: default;
}
.checkout-simulation-error-wrapper {
  overflow: hidden;
}
.checkout-simulation-error-wrapper .simulation-error-wrapper .checkout-simulation-error {
  float: none;
}
.checkout-simulation-error-wrapper .simulation-error-wrapper span.simulation-error-text {
  font-weight: bold;
}
div#globalMessageForPersonalInfo {
  max-width: 800px;
  margin-top: 10px;
}
@media (min-width: 320px) and (max-width: 767px) {
  div#globalMessageForPersonalInfo .alert.alert-bar {
    padding: 10px !important;
  }
}
div#globalMessageForPersonalInfo .alert.alert-bar ul.notificationicon {
  padding: 5px;
}
div#globalMessageForPersonalInfo .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left {
  cursor: pointer;
  color: inherit;
  font-size: 11pt;
}
/**simple registration on order confirmation page**/
.register-checkout-component {
  float: none;
  overflow: auto;
  margin: 0 auto -30px auto;
  padding-top: 60px;
}
.register-checkout-component header.title {
  margin: 0 !important;
}
.register-checkout-component .content {
  padding: 20px;
}
.register-checkout-component .content button {
  white-space: initial;
  height: auto !important;
  min-height: 40px;
}
.billing-po-section select#billingRegionIso,
.billing-po-section select#billingCountryIso {
  height: 35px !important;
  line-height: 15px !important;
}
#paymentOptionWrapper .payment-service-info .eco3-icon.small-info-circle {
  margin-left: 10px;
  margin-top: 3px;
}
.page-checkoutOrderSummaryPage .voucher-title-holder {
  margin-left: 15px !important;
}
#newAddressInvoice {
  float: right;
  margin-top: 35px;
}
#new-address-form {
  margin-top: 2px;
}
#add-table-inv {
  padding-left: 0 !important;
}
#checkout-section-body-end-customer .checkout-section-body {
  padding-left: 0;
}
#checkout-section-body-end-customer #custom-search-input .input-group-btn {
  right: 0;
}
#checkout-section-body-end-customer .searchBox {
  max-width: 270px;
}
#checkout-section-body-end-customer .searchBox .tableSearchInput {
  font-size: 14px;
}
#checkout-section-body-end-customer .new-customer-btn {
  float: right;
}
#checkout-section-body-end-customer .btn-4.deliveryAddressSelect {
  font-size: 16px;
  color: #434343;
  width: 120px;
  height: 40px;
  font-family: roboto;
  font-weight: 400;
  background-color: #f3f3f3;
}
#checkout-section-body-end-customer table#endCustomerDatatableList {
  width: 100% !important;
  border-bottom: none;
}
#checkout-section-body-end-customer table#endCustomerDatatableList thead th {
  font-size: 14px;
  font-weight: 700;
  width: auto !important;
}
#checkout-section-body-end-customer table#endCustomerDatatableList tbody tr td:first-child {
  text-align: left;
}
#checkout-section-body-end-customer table#endCustomerDatatableList tbody tr td.dataTables_empty {
  text-align: center;
}
#checkout-section-body-end-customer table#endCustomerDatatableList tbody tr td:last-child {
  white-space: nowrap;
}
#checkout-section-body-end-customer table#endCustomerDatatableList tbody tr td {
  width: 345px;
  white-space: normal;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  word-break: break-word;
}
#checkout-section-body-end-customer table#endCustomerDatatableList tbody tr:last-child td {
  border-bottom: 1px solid #d9d9d9;
}
#checkout-section-body-end-customer .select-section {
  text-align: right;
}
#checkout-section-body-end-customer .endCustomerTableList tbody tr.selected,
#checkout-section-body-end-customer .endCustomerTableList tbody tr.selected .btn {
  color: #009cdd !important;
}
#checkout-section-body-end-customer .service-selection-radio-type {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 0;
  margin-top: 20px;
}
#checkout-section-body-end-customer .service-selection-radio-type .radio-block {
  width: 273px;
  height: 43px;
  margin: 10px 0px;
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
  color: #333333;
  background-color: #f8f8f8;
  display: inline-table;
}
#checkout-section-body-end-customer .service-selection-radio-type .radio-block .radio.radio-inline {
  margin-top: 0;
  text-align: left;
  float: left;
  line-height: 20px;
  padding: 10px 10px 10px 30px;
}
#checkout-section-body-end-customer .service-selection-radio-type .radio-block .radio.radio-inline label {
  font-size: 16px;
  line-height: 20px;
  color: #434343;
  padding-left: 15px;
  text-transform: none;
}
#checkout-section-body-end-customer .new-customer-btn .btn {
  font-size: 16px;
}
/*********RDD Split Less End*******/
/*****end customer new changes***********/
#endCustomerDetailsForm .endCustomerTelephoneNumber-border {
  border: 1px solid #d50032 !important;
  background: #fdf3f5;
}
#endCustomerDetailsForm .main-content-area {
  position: relative;
  margin-top: 5px;
}
#endCustomerDetailsForm #saveAsNewaddressBlock {
  display: inline-block;
  text-align: right;
  clear: both;
  position: absolute;
  right: 75px;
}
.page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td,
.page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td {
  padding: 20px 0 0 0 !important;
}
.page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td.product_image,
.page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td.product_image {
  padding: 20px 0 20px 20px !important;
}
#dpdSummary {
  margin-top: 20px;
}
#simulation-response-placeholder div.read-agreement .read-agreement-wrapper {
  display: table;
}
#simulation-response-placeholder div.read-agreement .read-agreement-wrapper .label-text {
  display: table-cell;
  float: right;
}
#simulation-response-placeholder div.read-agreement .read-agreement-wrapper .place-order-button {
  display: table-cell;
  float: none;
}
.page-checkoutOrderSummaryPage .otherinfoarea .has-feedback .fa {
  background-image: url(../images/check-symbol.svg);
}
.page-checkoutOrderSummaryPage .otherinfoarea .has-feedback.has-error .fa {
  background-image: url(../images/clear-symbol.svg);
}
.page-checkoutOrderSummaryPage .requested-delivery-date-wrapper .radio label,
.page-checkoutOrderSummaryPage .delivery-list-payment-content .radio label {
  padding-left: 15px !important;
  text-transform: initial;
}
.page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td.service-cart-space,
.page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td.service-cart-space {
  padding: 0 0 15px 0 !important;
}
.page-checkoutOrderSimulationPage #consolidatedDeliveryDateOptionContent,
.page-checkoutOrderSummaryPage #consolidatedDeliveryDateOptionContent {
  font-size: 16px;
  color: #666666;
}
.page-checkoutOrderSimulationPage .checkout-consolidate-info {
  top: 6px;
}
.page-checkoutOrderSimulationPage #simulationSectionDateFormatString {
  display: flex;
}
.page-checkoutOrderSimulationPage #simulationSectionDateFormatString #info-image-text-shipping {
  margin-left: 10px;
}
.page-checkoutOrderSimulationPage #simulation-response .service-product .additional-information-section .doc-section-block {
  margin: 0;
}
.eco3-page #placeOrderForm .create-quote button {
  background-color: #83bc34 !important;
}
div#globalMessages.eco3-globalMessages .global-alerts .payment-info-3ds {
  padding: 8px 16px !important;
}
table#your_cart.rdd-enabled .RDD-req-cons-del-option.disabled,
table#your_cart.rdd-enabled .RDD-split-add-link-section.disabled,
table#your_cart.rdd-enabled .rdd-split-row.disabled,
table#your_cart.rdd-enabled .RDD-split-remainingCount-container.disabled,
table#your_cart.rdd-enabled .RDD-split-quantity-textbox.disabled,
table#your_cart.rdd-enabled .RDD-split-delete-link.disabled,
table#your_cart.rdd-enabled .RDD-split-delete-link .icon-delete-item.disabled,
table#your_cart.rdd-enabled .RDD-split-date.form-control[disabled] {
  cursor: default;
}
div#globalMessages.rdd-disabled-notification {
  max-width: 500px;
  margin-top: 10px;
  margin-bottom: 40px;
}
.eco3-page.checkoutMainPage #globalMessages.eco3-globalMessages .alert-danger {
  padding: 10px !important;
}
.eco3-page.checkoutMainPage #globalMessages.eco3-globalMessages .alert-danger .global-alerts {
  padding: 0;
}
.eco3-page.checkoutMainPage #globalMessages.eco3-globalMessages .alert-danger .global-alerts .error-icon {
  position: relative;
  top: 2px;
  margin: 0 10px 0 0 !important;
}
.eco3-page.checkoutMainPage #globalMessages.eco3-globalMessages .alert-danger ul {
  padding-left: 0;
}
#deliverMethodDate span#specify-delivery-date-item-level {
  font-size: 16px  !important;
}
.checkoutMainPage section.checkoutSection .eco3-table table.getbillingAddressListTable.display {
  font-size: 11pt;
}
.checkoutMainPage section.checkoutSection .eco3-table table.getbillingAddressListTable.display tbody td {
  width: 280px;
  word-wrap: break-word;
  white-space: initial !important;
}
.checkoutMainPage section.checkoutSection .eco3-table table.getbillingAddressListTable.display tbody td.no-border {
  min-width: 350px;
}
.checkoutMainPage section.checkoutSection .eco3-table table.getbillingAddressListTable.display tbody td div.full-gray-bg {
  max-width: 350px !important;
}
#globalMessages.globalMessagesSectionPostalCode {
  max-width: 450px;
}
.address-delivery-context-section #globalMessagesInfo .global-alerts {
  width: 500px;
}
.address-delivery-context-section #globalMessagesInfo .global-alerts .alert-info {
  padding: 8px 16px !important;
}
div#creditCardValidationMessage {
  text-align: center;
  margin-top: -30px;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo {
  max-width: 500px;
  width: auto;
  margin-top: 10px;
  display: table;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts {
  padding-right: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar {
    padding: 10px !important;
  }
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar ul.notificationicon {
  padding: 5px;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left {
  cursor: pointer;
  color: inherit;
  font-size: 11pt;
}
#modifyGuestPersonalInfo .personal-info-wrapper .eco3-globalMessages .global-alerts ul li span {
  vertical-align: top;
}
/****************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .checkoutButtonsSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .checkoutButtonsSection a,
  .checkoutButtonsSection button {
    float: none;
    text-align: center;
    margin: 20px 0px;
  }
  #modifyAddressFormNewAddress .po-box-add2 {
    top: 0 !important;
  }
  #modifyAddressFormNewAddress .po-checkbox-wrapper {
    padding-left: 10px;
  }
  #modifyAddressFormNewAddress select#poboxregionIso,
  #modifyAddressFormNewAddress select#poboxcountryIso {
    height: 33px;
  }
  .payment-credit-card-checkout tr td:first-child {
    padding: 15px 0 0 0;
  }
  .eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-dot {
    width: 35px;
    height: 35px;
    margin-top: -6px;
    font-size: 11pt;
    line-height: 36px;
  }
  .eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-dot .tickHelp {
    margin-top: 7px;
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
  .eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-info {
    font-size: 10pt;
    padding-left: 2px;
  }
  .eco3-stage-indicator .eco3-stage-indicator-step .progressLine {
    margin-left: 26px;
    height: 41px;
  }
  .eco3-stage-indicator .eco3-stage-indicator-step.active .eco3-stage-indicator-dot {
    line-height: 34px;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body {
    margin-left: 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body #paymentBlockFormErrorBlock {
    margin-bottom: 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body #headerLevelNotesFormErrorBlock {
    margin-bottom: 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body .edit-btn-width {
    max-width: 120px !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery #delivery-method-content-block .delivery-prepaid {
    padding-right: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-date-wrapper {
    margin-top: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .radio.radio-inline:first-child .delivery-radio-options {
    margin-right: 15px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .radio.radio-inline .delivery-radio-options {
    padding: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery delivery-prepaid {
    margin-bottom: 30px;
    background: gray;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryAddressBookTabContent .new-customer-address-btn {
    text-align: center;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryAddressBookTabContent .new-customer-address-btn .btn {
    margin-top: 20px;
  }
  .checkoutMainPage .save-default-checkbox {
    text-align: left;
    padding-left: 0 !important;
    padding-top: 0;
  }
  .checkoutMainPage .save-as-default-checkbox {
    text-align: left !important;
    padding-right: 0 !important;
  }
  .checkoutMainPage .save-as-default-checkbox .checkbox-align-desktop {
    margin-left: 0 !important;
  }
  .checkoutMainPage .save-as-default-checkbox .default-box-align {
    float: right;
  }
  .checkoutMainPage .AccAddSearch .tableSearchFild {
    margin-top: 40px !important;
  }
  .checkoutMainPage .AccAddSearch .tableSearchFild .searchBox {
    margin-left: auto;
    margin-right: auto;
    width: 286px;
    float: none !important;
    padding-left: 5px;
  }
  .checkoutMainPage .AccAddSearch .tableSearchFild .searchBox label {
    margin-bottom: 5px;
  }
  .checkoutMainPage .AccAddSearch #custom-search-input {
    margin-top: 0px !important;
    width: 266px;
    float: left;
  }
  #newAddressInvoice {
    margin-top: 20px ;
    margin-bottom: 20px !important;
    margin-right: 50px !important;
  }
  #end-customer-checkout-service-summary .address-block {
    padding-left: 0;
  }
  /* **************** Delivery Address Start ***********************************  */
  #checkout-section-body-delivery,
  #checkout-section-body-payment {
    /* ****************Guest Delivery/Billing Address Start ******************** */
    /* ***************Guest Delivery/Billing Address End ******************** */
    /********************* Delivery Address End ****************************/
    /********************* Billing Address  START  ****************************/
    /********************* Billing Address END  ****************************/
  }
  #checkout-section-body-delivery .delivery-view-section,
  #checkout-section-body-payment .delivery-view-section {
    padding: 0px !important;
  }
  #checkout-section-body-delivery .delivery-list-carrier,
  #checkout-section-body-payment .delivery-list-carrier {
    margin-top: 0px !important;
  }
  #checkout-section-body-delivery .delivery-list-carrier-content,
  #checkout-section-body-payment .delivery-list-carrier-content {
    top: 0px !important;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #checkout-section-body-delivery .delivery-list-date,
  #checkout-section-body-payment .delivery-list-date {
    margin-top: 0;
    margin-bottom: 0px !important;
  }
  #checkout-section-body-delivery .guest-edit-btn,
  #checkout-section-body-payment .guest-edit-btn {
    padding-right: 0 !important;
  }
  #checkout-section-body-delivery .delivery-list-date-content,
  #checkout-section-body-payment .delivery-list-date-content {
    top: 0px !important;
    margin-bottom: 10px;
  }
  #checkout-section-body-delivery .delivery-list-prepaid-content,
  #checkout-section-body-payment .delivery-list-prepaid-content {
    margin-top: 20px !important;
  }
  #checkout-section-body-delivery .delivery-list-prepaid-content.radio-option-block,
  #checkout-section-body-payment .delivery-list-prepaid-content.radio-option-block {
    width: 100% !important;
    text-align: center;
    height: auto !important;
  }
  #checkout-section-body-delivery .delivery-list-prepaid-content.radio-option-block .collect-box-wrapper,
  #checkout-section-body-payment .delivery-list-prepaid-content.radio-option-block .collect-box-wrapper {
    display: inline-block;
    width: 211px;
  }
  #checkout-section-body-delivery .delivery-list-prepaid-content.radio-option-block#collectTextbox,
  #checkout-section-body-payment .delivery-list-prepaid-content.radio-option-block#collectTextbox {
    text-align: left;
  }
  #checkout-section-body-delivery .delivery-list-payment,
  #checkout-section-body-payment .delivery-list-payment {
    top: 0px !important;
    margin-top: 0;
    margin-bottom: 0px !important;
  }
  #checkout-section-body-delivery .delivery-list-payment-content,
  #checkout-section-body-payment .delivery-list-payment-content {
    text-align: left;
    top: 0px !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #checkout-section-body-delivery .delivery-list-payment-content.radio-option-block,
  #checkout-section-body-payment .delivery-list-payment-content.radio-option-block {
    width: 100% !important;
    display: block !important;
  }
  #checkout-section-body-delivery .delivery-btn-save-cancel,
  #checkout-section-body-payment .delivery-btn-save-cancel {
    display: inline-grid !important;
    float: right !important;
    margin-top: 30px !important;
    left: 0;
  }
  #checkout-section-body-delivery .delivery-btn-left,
  #checkout-section-body-payment .delivery-btn-left {
    float: right !important;
    margin-bottom: 20px;
  }
  #checkout-section-body-delivery .delivery-list-date-edit,
  #checkout-section-body-payment .delivery-list-date-edit {
    margin-top: 40px !important;
  }
  #checkout-section-body-delivery .delivery-edit-btn,
  #checkout-section-body-payment .delivery-edit-btn {
    margin-top: 5px;
    float: right;
  }
  #checkout-section-body-delivery .requested-delivery-link,
  #checkout-section-body-payment .requested-delivery-link {
    top: 0px !important;
  }
  #checkout-section-body-delivery .delivery-list-dropdown,
  #checkout-section-body-payment .delivery-list-dropdown {
    height: 30px !important;
    text-align: center !important;
    margin-bottom: 20px;
    top: 0px !important;
  }
  #checkout-section-body-delivery .delivery-date-picker,
  #checkout-section-body-payment .delivery-date-picker {
    margin-top: 0;
  }
  #checkout-section-body-delivery .delivery-carrier-checkout,
  #checkout-section-body-payment .delivery-carrier-checkout {
    margin-bottom: 0px !important;
  }
  #checkout-section-body-delivery .delivery-shipping-center,
  #checkout-section-body-payment .delivery-shipping-center {
    text-align: center !important;
  }
  #checkout-section-body-delivery .delivery-checkout-payment,
  #checkout-section-body-payment .delivery-checkout-payment {
    text-align: center;
    width: 214px !important;
    height: 0px !important;
  }
  #checkout-section-body-delivery .delivery-tool-tip,
  #checkout-section-body-payment .delivery-tool-tip {
    margin-top: 14px !important;
  }
  #checkout-section-body-delivery .cardDeliveryAdddressMain,
  #checkout-section-body-payment .cardDeliveryAdddressMain {
    padding-left: 0px;
  }
  #checkout-section-body-delivery .nav-tabs,
  #checkout-section-body-payment .nav-tabs {
    border-bottom: none !important;
    text-align: center !important;
    margin-top: 30px !important;
  }
  #checkout-section-body-delivery .deliveryAddressform-wrapper .eco3-tabbable .tab-content,
  #checkout-section-body-payment .deliveryAddressform-wrapper .eco3-tabbable .tab-content,
  #checkout-section-body-delivery .billingAdddressMain .eco3-tabbable .tab-content,
  #checkout-section-body-payment .billingAdddressMain .eco3-tabbable .tab-content {
    padding: 0px!important;
  }
  #checkout-section-body-delivery .checkoutMainPage section .checkoutSection .cardDeliveryAdddressMain,
  #checkout-section-body-payment .checkoutMainPage section .checkoutSection .cardDeliveryAdddressMain {
    padding-left: 0px !important;
  }
  #checkout-section-body-delivery .checkoutMainPage section .checkoutSection .cardDeliveryAdddressMain .eco3-tabbable .tab-content,
  #checkout-section-body-payment .checkoutMainPage section .checkoutSection .cardDeliveryAdddressMain .eco3-tabbable .tab-content {
    padding: 0px;
    margin-top: 0;
  }
  #checkout-section-body-delivery .checkoutMainPage section .checkoutSection .cardDeliveryAdddressMain .eco3-tabbable .tab-content .cardDeliveryAdddressTab,
  #checkout-section-body-payment .checkoutMainPage section .checkoutSection .cardDeliveryAdddressMain .eco3-tabbable .tab-content .cardDeliveryAdddressTab {
    margin-top: 30px;
    padding: 0px;
  }
  #checkout-section-body-delivery .checkoutMainPage section .checkoutSection #addressBookBtn,
  #checkout-section-body-payment .checkoutMainPage section .checkoutSection #addressBookBtn {
    margin-top: 40px;
    text-align: center;
  }
  #checkout-section-body-delivery .cartDeliveryAddresstable .eco3-table-pegination .dtr-details li:last-child .dtr-title,
  #checkout-section-body-payment .cartDeliveryAddresstable .eco3-table-pegination .dtr-details li:last-child .dtr-title {
    display: none;
  }
  #checkout-section-body-delivery .cartDeliveryAddresstable .save-as-default-checkbox,
  #checkout-section-body-payment .cartDeliveryAddresstable .save-as-default-checkbox {
    margin-right: 0;
    margin-bottom: 0;
  }
  #checkout-section-body-delivery #delivery-address .deliveryAddressform-wrapper input[type="text"].form-control,
  #checkout-section-body-payment #delivery-address .deliveryAddressform-wrapper input[type="text"].form-control,
  #checkout-section-body-delivery #invoice-address-form .deliveryAddressform-wrapper input[type="text"].form-control,
  #checkout-section-body-payment #invoice-address-form .deliveryAddressform-wrapper input[type="text"].form-control,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveryAddressform-wrapper input[type="text"].form-control,
  #checkout-section-body-payment #checkout-section-body-billing .deliveryAddressform-wrapper input[type="text"].form-control,
  #checkout-section-body-delivery #delivery-address .billingAdddressMain input[type="text"].form-control,
  #checkout-section-body-payment #delivery-address .billingAdddressMain input[type="text"].form-control,
  #checkout-section-body-delivery #invoice-address-form .billingAdddressMain input[type="text"].form-control,
  #checkout-section-body-payment #invoice-address-form .billingAdddressMain input[type="text"].form-control,
  #checkout-section-body-delivery #checkout-section-body-billing .billingAdddressMain input[type="text"].form-control,
  #checkout-section-body-payment #checkout-section-body-billing .billingAdddressMain input[type="text"].form-control {
    height: 33px !important;
  }
  #checkout-section-body-delivery #delivery-address .deliveryAddressform-wrapper .add1,
  #checkout-section-body-payment #delivery-address .deliveryAddressform-wrapper .add1,
  #checkout-section-body-delivery #invoice-address-form .deliveryAddressform-wrapper .add1,
  #checkout-section-body-payment #invoice-address-form .deliveryAddressform-wrapper .add1,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveryAddressform-wrapper .add1,
  #checkout-section-body-payment #checkout-section-body-billing .deliveryAddressform-wrapper .add1,
  #checkout-section-body-delivery #delivery-address .billingAdddressMain .add1,
  #checkout-section-body-payment #delivery-address .billingAdddressMain .add1,
  #checkout-section-body-delivery #invoice-address-form .billingAdddressMain .add1,
  #checkout-section-body-payment #invoice-address-form .billingAdddressMain .add1,
  #checkout-section-body-delivery #checkout-section-body-billing .billingAdddressMain .add1,
  #checkout-section-body-payment #checkout-section-body-billing .billingAdddressMain .add1 {
    padding: 0 20px 0 20px;
  }
  #checkout-section-body-delivery #delivery-address .deliveryAddressform-wrapper .add2,
  #checkout-section-body-payment #delivery-address .deliveryAddressform-wrapper .add2,
  #checkout-section-body-delivery #invoice-address-form .deliveryAddressform-wrapper .add2,
  #checkout-section-body-payment #invoice-address-form .deliveryAddressform-wrapper .add2,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveryAddressform-wrapper .add2,
  #checkout-section-body-payment #checkout-section-body-billing .deliveryAddressform-wrapper .add2,
  #checkout-section-body-delivery #delivery-address .billingAdddressMain .add2,
  #checkout-section-body-payment #delivery-address .billingAdddressMain .add2,
  #checkout-section-body-delivery #invoice-address-form .billingAdddressMain .add2,
  #checkout-section-body-payment #invoice-address-form .billingAdddressMain .add2,
  #checkout-section-body-delivery #checkout-section-body-billing .billingAdddressMain .add2,
  #checkout-section-body-payment #checkout-section-body-billing .billingAdddressMain .add2 {
    width: auto !important;
    padding: 0;
    margin-left: 10px;
    float: none;
  }
  #checkout-section-body-delivery #delivery-address .deliveryAddressform-wrapper .add3,
  #checkout-section-body-payment #delivery-address .deliveryAddressform-wrapper .add3,
  #checkout-section-body-delivery #invoice-address-form .deliveryAddressform-wrapper .add3,
  #checkout-section-body-payment #invoice-address-form .deliveryAddressform-wrapper .add3,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveryAddressform-wrapper .add3,
  #checkout-section-body-payment #checkout-section-body-billing .deliveryAddressform-wrapper .add3,
  #checkout-section-body-delivery #delivery-address .billingAdddressMain .add3,
  #checkout-section-body-payment #delivery-address .billingAdddressMain .add3,
  #checkout-section-body-delivery #invoice-address-form .billingAdddressMain .add3,
  #checkout-section-body-payment #invoice-address-form .billingAdddressMain .add3,
  #checkout-section-body-delivery #checkout-section-body-billing .billingAdddressMain .add3,
  #checkout-section-body-payment #checkout-section-body-billing .billingAdddressMain .add3 {
    width: auto;
    margin-left: 10px;
    float: none;
  }
  #checkout-section-body-delivery #delivery-address .deliveryAddressform-wrapper .add4,
  #checkout-section-body-payment #delivery-address .deliveryAddressform-wrapper .add4,
  #checkout-section-body-delivery #invoice-address-form .deliveryAddressform-wrapper .add4,
  #checkout-section-body-payment #invoice-address-form .deliveryAddressform-wrapper .add4,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveryAddressform-wrapper .add4,
  #checkout-section-body-payment #checkout-section-body-billing .deliveryAddressform-wrapper .add4,
  #checkout-section-body-delivery #delivery-address .billingAdddressMain .add4,
  #checkout-section-body-payment #delivery-address .billingAdddressMain .add4,
  #checkout-section-body-delivery #invoice-address-form .billingAdddressMain .add4,
  #checkout-section-body-payment #invoice-address-form .billingAdddressMain .add4,
  #checkout-section-body-delivery #checkout-section-body-billing .billingAdddressMain .add4,
  #checkout-section-body-payment #checkout-section-body-billing .billingAdddressMain .add4 {
    width: auto;
    margin-left: 10px;
    float: none;
  }
  #checkout-section-body-delivery #delivery-address .deliveryAddressform-wrapper .company-adjust,
  #checkout-section-body-payment #delivery-address .deliveryAddressform-wrapper .company-adjust,
  #checkout-section-body-delivery #invoice-address-form .deliveryAddressform-wrapper .company-adjust,
  #checkout-section-body-payment #invoice-address-form .deliveryAddressform-wrapper .company-adjust,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveryAddressform-wrapper .company-adjust,
  #checkout-section-body-payment #checkout-section-body-billing .deliveryAddressform-wrapper .company-adjust,
  #checkout-section-body-delivery #delivery-address .billingAdddressMain .company-adjust,
  #checkout-section-body-payment #delivery-address .billingAdddressMain .company-adjust,
  #checkout-section-body-delivery #invoice-address-form .billingAdddressMain .company-adjust,
  #checkout-section-body-payment #invoice-address-form .billingAdddressMain .company-adjust,
  #checkout-section-body-delivery #checkout-section-body-billing .billingAdddressMain .company-adjust,
  #checkout-section-body-payment #checkout-section-body-billing .billingAdddressMain .company-adjust {
    width: auto !important;
    padding: 0;
    margin-left: 10px;
    float: none;
  }
  #checkout-section-body-delivery #delivery-address .deliveryAddressform-wrapper .address-book-btn,
  #checkout-section-body-payment #delivery-address .deliveryAddressform-wrapper .address-book-btn,
  #checkout-section-body-delivery #invoice-address-form .deliveryAddressform-wrapper .address-book-btn,
  #checkout-section-body-payment #invoice-address-form .deliveryAddressform-wrapper .address-book-btn,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveryAddressform-wrapper .address-book-btn,
  #checkout-section-body-payment #checkout-section-body-billing .deliveryAddressform-wrapper .address-book-btn,
  #checkout-section-body-delivery #delivery-address .billingAdddressMain .address-book-btn,
  #checkout-section-body-payment #delivery-address .billingAdddressMain .address-book-btn,
  #checkout-section-body-delivery #invoice-address-form .billingAdddressMain .address-book-btn,
  #checkout-section-body-payment #invoice-address-form .billingAdddressMain .address-book-btn,
  #checkout-section-body-delivery #checkout-section-body-billing .billingAdddressMain .address-book-btn,
  #checkout-section-body-payment #checkout-section-body-billing .billingAdddressMain .address-book-btn {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
  }
  #checkout-section-body-delivery #delivery-address .deliveryAddressform-wrapper .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-payment #delivery-address .deliveryAddressform-wrapper .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-delivery #invoice-address-form .deliveryAddressform-wrapper .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-payment #invoice-address-form .deliveryAddressform-wrapper .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveryAddressform-wrapper .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-payment #checkout-section-body-billing .deliveryAddressform-wrapper .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-delivery #delivery-address .billingAdddressMain .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-payment #delivery-address .billingAdddressMain .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-delivery #invoice-address-form .billingAdddressMain .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-payment #invoice-address-form .billingAdddressMain .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-delivery #checkout-section-body-billing .billingAdddressMain .address-book-btn#addressBillingBookBtn,
  #checkout-section-body-payment #checkout-section-body-billing .billingAdddressMain .address-book-btn#addressBillingBookBtn {
    margin-top: 0px;
  }
  #checkout-section-body-delivery #delivery-address select#regionIso,
  #checkout-section-body-payment #delivery-address select#regionIso,
  #checkout-section-body-delivery #invoice-address-form select#regionIso,
  #checkout-section-body-payment #invoice-address-form select#regionIso,
  #checkout-section-body-delivery #checkout-section-body-billing select#regionIso,
  #checkout-section-body-payment #checkout-section-body-billing select#regionIso {
    height: 33px;
    line-height: 11px;
    line-height: 18px;
    padding: 7px;
  }
  #checkout-section-body-delivery #delivery-address select#countryIso,
  #checkout-section-body-payment #delivery-address select#countryIso,
  #checkout-section-body-delivery #invoice-address-form select#countryIso,
  #checkout-section-body-payment #invoice-address-form select#countryIso,
  #checkout-section-body-delivery #checkout-section-body-billing select#countryIso,
  #checkout-section-body-payment #checkout-section-body-billing select#countryIso {
    height: 33px;
  }
  #checkout-section-body-delivery #delivery-address .checkboxAdjust,
  #checkout-section-body-payment #delivery-address .checkboxAdjust,
  #checkout-section-body-delivery #invoice-address-form .checkboxAdjust,
  #checkout-section-body-payment #invoice-address-form .checkboxAdjust,
  #checkout-section-body-delivery #checkout-section-body-billing .checkboxAdjust,
  #checkout-section-body-payment #checkout-section-body-billing .checkboxAdjust {
    padding-top: 0;
    position: relative;
    text-align: left;
    padding-left: 0 !important;
  }
  #checkout-section-body-delivery #delivery-address .deliveyAddButton,
  #checkout-section-body-payment #delivery-address .deliveyAddButton,
  #checkout-section-body-delivery #invoice-address-form .deliveyAddButton,
  #checkout-section-body-payment #invoice-address-form .deliveyAddButton,
  #checkout-section-body-delivery #checkout-section-body-billing .deliveyAddButton,
  #checkout-section-body-payment #checkout-section-body-billing .deliveyAddButton {
    padding-right: 0;
    margin-top: 20px !important;
  }
  #checkout-section-body-delivery #delivery-address .delivery-address-padding,
  #checkout-section-body-payment #delivery-address .delivery-address-padding,
  #checkout-section-body-delivery #invoice-address-form .delivery-address-padding,
  #checkout-section-body-payment #invoice-address-form .delivery-address-padding,
  #checkout-section-body-delivery #checkout-section-body-billing .delivery-address-padding,
  #checkout-section-body-payment #checkout-section-body-billing .delivery-address-padding {
    padding-left: 0;
  }
  #checkout-section-body-delivery #delivery-address .non-mandatory-check,
  #checkout-section-body-payment #delivery-address .non-mandatory-check,
  #checkout-section-body-delivery #invoice-address-form .non-mandatory-check,
  #checkout-section-body-payment #invoice-address-form .non-mandatory-check,
  #checkout-section-body-delivery #checkout-section-body-billing .non-mandatory-check,
  #checkout-section-body-payment #checkout-section-body-billing .non-mandatory-check {
    display: block !important;
    top: 40px;
    right: -27px;
  }
  #checkout-section-body-delivery .delevryAddresLeftPanel,
  #checkout-section-body-payment .delevryAddresLeftPanel {
    border-right: none !important;
    padding: 0px;
  }
  #checkout-section-body-delivery .delivery-btn-left,
  #checkout-section-body-payment .delivery-btn-left {
    margin-bottom: 20px;
    float: right !important;
  }
  #checkout-section-body-delivery .billingAddressRightPanel,
  #checkout-section-body-payment .billingAddressRightPanel {
    padding-left: 40px;
  }
  #checkout-section-body-delivery .billingAddressRightPanel .billing-address-label,
  #checkout-section-body-payment .billingAddressRightPanel .billing-address-label {
    margin-top: 100px;
  }
  #checkout-section-body-delivery .billingAddressRightPanel .billing-adddress-tab,
  #checkout-section-body-payment .billingAddressRightPanel .billing-adddress-tab {
    margin-right: 0px;
  }
  #checkout-section-body-delivery .billingAddressRightPanel .billing-adddress-tab ul li span,
  #checkout-section-body-payment .billingAddressRightPanel .billing-adddress-tab ul li span {
    display: inline-block;
    vertical-align: top;
  }
  #checkout-section-body-delivery .billingAddressRightPanel #billToInvoiceContactEmailContainer,
  #checkout-section-body-payment .billingAddressRightPanel #billToInvoiceContactEmailContainer {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  #checkout-section-body-delivery #billAddressContainer,
  #checkout-section-body-payment #billAddressContainer {
    padding-left: 0px;
    margin-top: 20px;
  }
  #checkout-section-body-delivery .checkoutMainPage section.checkoutSection .delivery-tooltip,
  #checkout-section-body-payment .checkoutMainPage section.checkoutSection .delivery-tooltip {
    margin-top: 16px;
  }
  .checkoutMainPage section.checkoutSection .title-plate {
    margin: 25px 0 25px 0;
    height: 30px;
  }
  .checkoutMainPage section.checkoutSection .title-plate h2 {
    min-width: 127px;
    height: 30px;
    line-height: 12px;
  }
  .checkoutMainPage section.checkoutSection .edit-billing-btn {
    text-align: right !important;
    padding-right: 0 !important;
  }
  .checkoutMainPage section.checkoutSection .total-voucher-wrapper-container {
    text-align: center;
  }
  .checkoutMainPage section.checkoutSection .total-voucher-wrapper-container .voucher-outer-container.cart-tab-totals {
    width: 100%;
    max-width: 450px;
    text-align: center;
    float: none;
  }
  .checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .tab_title_holder.col-xs-6 {
    margin-top: 60px;
  }
  .checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .tab_title_holder.total-label {
    margin-top: 30px;
  }
  .checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .item_container_holder.order-totals {
    color: #808080;
    margin: 0 0 75px 0;
  }
  .checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .item_container_holder.order-totals .order_totals.order_totals_table .col-xs-6:nth-child(even) {
    font-size: 12pt;
    text-align: left;
  }
  .checkoutMainPage section.checkoutSection .place-order-cart-total.cart-tab-totals .item_container_holder.order-totals .order_totals.order_totals_table .totalPrice .col-xs-6:last-child {
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-section-body {
    padding-top: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .bullet-checkout-small {
    font-size: 10.0pt;
    font-weight: 600;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .button-block {
    margin-bottom: 0px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .delivery-tab-view .otherinfoarea {
    margin-top: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .delivery-tab-view:nth-of-type(3) .otherinfoarea {
    margin-top: 25px !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .delivery-tab-view {
    margin-top: 5px;
    width: 100%;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .delivery-tab-view .otherinfoarea {
    padding: 0 30px;
    width: 100%;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .delivery-tab-view .otherinfoarea .form-group {
    width: 100%;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .delivery-tab-view .otherinfoarea select.form-control {
    height: 35px !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .upload-mob-align {
    padding-left: 30px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-upload-section .uploadBlock {
    width: 190px !important;
  }
  .delevryAddresLeftPanel {
    border-right: none;
  }
  .deliveryAddressSelect {
    background: none;
    border: 1px solid;
    margin-top: 20px;
  }
  .billingAddressSelect {
    background: none;
    border: 1px solid;
  }
  /****************Guest Checkout Personal Information start*****************/
  #checkout-section-body-personal-info .personalInfo-Form-wrapper .form-group {
    padding-left: 0px;
    padding-right: 0px;
  }
  /***************Guest Checkout Personal Information start*****************/
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer {
    border-right: none !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer #paymentOptionRadioGroup {
    min-height: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer .bullet-checkout-small {
    font-size: 10pt;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer .bullet-checkout-small:before {
    margin-top: 2px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment #paymentOptionContainer .radio label {
    font-size: 11pt;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment .credit-card-panel-container {
    min-height: 0 !important;
    border-right: none !important;
    padding-right: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment .credit-card-panel-container #credit-card-panel-wrapper {
    margin-bottom: 20px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment .credit-card-panel-container #credit-card-options-container {
    width: 100%;
    right: 20px;
    border-bottom: 1px solid #f3f3f3;
    padding-right: 0;
  }
  .checkoutMainPage section.checkoutSection .eco3-table table.dataTable.display td.child {
    background: #f4f4f4 !important;
    padding-left: 0;
    padding-right: 0;
  }
  .checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr.selected .btn {
    color: #009cdd !important;
  }
  .checkoutMainPage section.checkoutSection .cartDeliveryAddresstable .getdeliveryAddressListTable {
    padding: 0;
    word-break: break-word;
  }
  .checkoutMainPage section.checkoutSection .eco3-icon.icon-edit-item {
    top: 7px;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .eco3-icon.icon-edit-item {
    top: 7px;
  }
  .checkoutMainPage section.checkoutSection .getdeliveryAddressListTable.dtr-inline.collapsed tbody tr td:first-child:before {
    margin-top: -10px;
    top: 50%;
  }
  .eco3-table-pegination table.dataTable tbody tr.child ul.dtr-details {
    padding: 10px 0 0 5px;
  }
  /****************Guest Checkout Personal Information start*****************/
  #checkout-section-body-personal-info .personalInfo-Form-wrapper .personal-info-form-input .email-mobile-adjust {
    margin-top: -15px;
  }
  #checkout-section-body-personal-info .personalInfo-Form-wrapper .personal-info-form-input .personal-info-first-name {
    padding: 0 30px 0 20px;
  }
  #checkout-section-body-personal-info .personalInfo-Form-wrapper .personal-info-form-input .personal-info-email {
    padding: 0 30px 0 20px;
  }
  section#checkout-section-body-product .checkout-section-body {
    padding-left: 0px!important;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart.rdd-enabled tbody#cart_items_tbody tr .eco3-datepicker-rdd {
    float: left;
    padding: 0px;
    position: relative;
    top: -10px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart.rdd-enabled tbody#cart_items_tbody tr .eco3-datepicker-rdd .rdd-input-label {
    width: 100%;
    height: 31px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart.rdd-enabled tbody#cart_items_tbody tr .eco3-datepicker-rdd .rdd-date-label {
    width: 41px;
    height: 31px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image {
    min-width: 75px;
    padding: 0 10px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image span.product_image,
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image span.product_image a {
    display: block;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-icon-class {
    padding-top: 20px;
    min-height: 145px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-icon-class .product_image {
    display: table-cell;
    vertical-align: middle;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-icon-class .product_image a {
    width: 96px;
    height: 96px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-icon-class .product_image a img {
    margin-left: -5px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details p.price-value {
    width: max-content;
  }
  #end-customer-checkout-service .form-section .form-group {
    max-width: 100%;
  }
  #end-customer-checkout-service #endCustomerDetailsForm {
    margin: 0 auto;
  }
  #end-customer-checkout-service .end-customer-button-section {
    left: 0;
    padding-right: 10px;
  }
  #end-customer-checkout-service .checkout-page li {
    height: 45px;
  }
  .quote-info .square-bullet {
    margin-bottom: 35px;
  }
  .quote-info .links {
    text-align: center;
  }
  .quote-info .links a {
    float: none !important;
  }
  #end-customer-checkout-service .form-section .form-group {
    min-height: 80px;
    width: auto;
    margin-left: 10px;
    margin-right: 20px;
  }
  #end-customer-checkout-service .end-customer-button-section {
    left: 0;
  }
  #RDD-section,
  #RDD-section div {
    padding-left: 0;
    padding-right: 0;
  }
  #RDD-section .radio.radio-inline,
  #RDD-section div .radio.radio-inline {
    margin-left: 20px;
  }
  .table.rdd-enabled .display {
    text-align: left;
  }
  #RDD-section {
    padding-top: 4px;
  }
  #RDD-section .RDD-input-mobile {
    width: 239px;
  }
  #RDD-section .rdd-label-height {
    line-height: 22px !important;
  }
  #RDD-section .rdd-deliverydate-mobile {
    padding: 15px 0 30px;
  }
  #RDD-section .rdd-no-top-margin-mobile {
    margin-top: 0 !important;
    margin-left: 20px !important;
  }
  #RDD-section .rdd-no-bottom-margin-mobile {
    margin-bottom: 0 !important;
  }
  #RDD-section .requested-delivery-date-label {
    margin-bottom: 37px;
  }
  .rdd-mobile-section .eco3-datepicker-rdd .no-margin-mobile {
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 20px;
  }
  .rdd-mobile-section .eco3-datepicker-rdd .no-margin-mobile .mobile-rdd-label {
    width: 100%;
    margin-bottom: 0;
    height: 29px;
  }
  .checkoutMainPage section.checkoutSection .cartBillingAddresstable .getbillingAddressListTable.dtr-inline.collapsed tbody tr td:first-child:before {
    margin-top: -10px;
    top: 50%;
  }
  .checkoutMainPage section.checkoutSection .cartBillingAddresstable .getbillingAddressListTable.dtr-inline.collapsed tbody tr td.last-child td {
    border-bottom: none;
  }
  .checkoutMainPage section.checkoutSection .cartBillingAddresstable .getbillingAddressListTable.dtr-inline.collapsed tbody tr td .carrier-delete-button .eco3-icon.icon-delete-item,
  .checkoutMainPage section.checkoutSection .cartBillingAddresstable .getbillingAddressListTable.dtr-inline.collapsed tbody tr td .editLink .eco3-icon.icon-delete-item {
    top: 15px;
    left: 0;
  }
  .checkoutMainPage section.checkoutSection .cartBillingAddresstable .getbillingAddressListTable.dtr-inline.collapsed tbody tr.child ul.dtr-details {
    padding: 10px 25px 0 25px;
  }
  .checkoutMainPage section.checkoutSection .cartBillingAddresstable .dataTable.no-footer {
    border-bottom: none;
  }
  .delivery-list-date {
    font-size: 10pt!important;
    line-height: 20px;
  }
  #checkout-delivery-address-add-edit .cardDeliveryAdddressMain .eco3-tabbable .nav-tabs > li > a {
    min-width: 165px;
  }
  .address-delivery-context-section .deliveryMethodRightPanel {
    padding-left: 0px;
  }
  .eco3-datepicker.RDD-split-datepicker {
    margin-bottom: 20px;
  }
  .RDD-split-add-link-section {
    width: 150px;
  }
  .RDD-split-tablet-cell {
    display: table;
    table-layout: fixed;
    margin-bottom: 25px;
    position: relative;
    top: 20px;
    right: 0;
    left: -82%;
  }
  .RDD-split-tablet-cell .RDD-split-remainingCount-container {
    width: 100%;
    text-align: center;
    white-space: nowrap;
  }
  .RDD-split-tablet-cell .bogo-qty-section {
    position: relative;
    left: 30px;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    min-width: 100px;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo .rdd-split-row {
    text-align: center;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo .mobile-rdd-label {
    height: 29px;
    text-align: center;
    margin-bottom: 0;
    padding-top: 2px;
  }
  .rdd-mobile-section.RDD-split-tablet-cell > .eco3-datepicker-rdd {
    display: table-cell;
    vertical-align: top;
    float: none !important;
    position: static !important;
    top: 0;
  }
  .rdd-mobile-section.RDD-split-tablet-cell > .eco3-datepicker-rdd .RDD-date-section {
    padding-top: 0;
  }
  .rdd-mobile-section.RDD-split-tablet-cell > .checkoutQuantityNo .qty-section {
    display: block;
    padding-top: 5px;
    height: 31px;
  }
  .rdd-mobile-section.RDD-split-tablet-cell > .checkoutQuantityNo .rdd-split-row.adjust-qty-height {
    height: 31px;
    padding-top: 5px;
  }
  .rdd-mobile-section.RDD-split-tablet-cell > .checkoutQuantityNo .rdd-split-row input.RDD-split-quantity-textbox {
    width: 60px ;
    padding: 0 ;
  }
  .rdd-mobile-section.RDD-split-tablet-cell > .checkoutQuantityNo .rdd-split-row .checkoutQuantityNo.RDD-split-Qty-section {
    height: 31px;
    padding-top: 5px;
  }
  .rdd-mobile-section.RDD-split-tablet-cell > .checkoutQuantityNo.RDD-split-Qty-section {
    display: inline-block;
    width: 60px;
    text-align: center;
    margin: 0 auto;
  }
  .rdd-mobile-section.RDD-split-tablet-cell .eco3-datepicker-rdd {
    width: 70%;
  }
  .rdd-mobile-section.RDD-split-tablet-cell .eco3-datepicker-rdd .RDD-split-row-container .eco3-datepicker.RDD-split-datepicker {
    width: 165px;
  }
  .rdd-mobile-section.RDD-split-tablet-cell .eco3-datepicker-rdd .RDD-split-row-container .eco3-datepicker.RDD-split-datepicker input.RDD-split-date {
    width: 104px;
  }
  .summary-page-mobile-section {
    left: -9%;
    min-width: 210px;
  }
  .summary-page-mobile-section .display .summary-page-header {
    height: 29px;
    margin-bottom: 0;
    text-align: center;
    font-size: 13px;
  }
  .summary-page-mobile-section .display .RDD-date-display-section {
    margin-bottom: 8px;
    text-align: center;
    font-size: 13px;
    height: 18px;
  }
  .summary-page-mobile-section .RDD-summary-qty-cell {
    font-size: 13px;
    margin-bottom: 8px;
    height: 18px;
  }
  .summary-page-mobile-section > .checkoutQuantityNo {
    min-width: 60px;
    margin-right: 15px;
  }
  .summary-page-mobile-section > .checkoutQuantityNo .qty-section {
    width: 50px;
  }
  .summary-mobile-container {
    display: inline-block !important;
    min-width: 120px !important;
    max-width: 165px;
  }
  .geocode-rdd-popup-summary-container {
    width: 171px;
    text-align: center;
    margin-bottom: 12px;
  }
  .geocode-rdd-date-section {
    margin-bottom: 0 !important;
  }
  .summary-page-mobile-section .geocode-rdd-summary-container .RDD-summary-qty-cell {
    min-height: 55px;
  }
  .summary-page-mobile-section .RDD-summary-date-wrapper {
    min-height: 55px;
  }
  .default-address-info {
    text-align: center;
    padding-left: 0 !important;
  }
  .default-address-info .small-blue-info-icon {
    top: 15px;
  }
  .chekout-attachments {
    clear: none;
  }
  .chekout-attachments span.service-product span.additional-information-section ul.main-summarycheckout-attachment {
    width: 100%;
    overflow: auto;
  }
  .chekout-attachments span.service-product span.additional-information-section ul.main-summarycheckout-attachment li {
    width: 100%;
  }
  form#placeOrderForm .card-payment-msg {
    text-align: left;
    font-weight: 600;
    text-align: center;
  }
  form#placeOrderForm .card-margin-top-10 {
    margin-top: 10px;
    padding-left: 6px;
  }
  form#placeOrderForm .card-padding-right-0 {
    padding-right: 0 !important;
  }
  form#placeOrderForm .create-quote-validity-info {
    margin-bottom: 0;
  }
  #checkout-section-body-end-customer .new-customer-btn {
    text-align: center;
    padding: 60px 0 40px 0;
  }
  #checkout-section-body-end-customer .service-selection-radio-type .radio-block {
    width: 100%;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList {
    width: 100% !important;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList th:first-child {
    text-align: center;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList tbody tr td:first-child {
    text-align: center;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList tbody tr td:last-child {
    white-space: normal;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList tbody tr.child ul.dtr-details {
    padding: 10px;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList tr:last-child td {
    border-bottom: none;
  }
  #checkout-section-body-end-customer .select-section {
    text-align: center;
    margin-top: -20px;
  }
  #checkout-section-body-end-customer .eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child.device-fix:before {
    line-height: 20px;
  }
  #checkout-section-body-end-customer table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 30px;
  }
  #checkout-section-body-end-customer .eco3-table table.dataTable {
    margin-bottom: 0;
  }
  #checkout-section-body-end-customer tbody tr.child ul.dtr-details > li:first-child .dtr-data {
    display: inline-flex;
  }
  #checkout-section-body-end-customer tbody tr.child ul.dtr-details > li:first-child .dtr-data div {
    margin-right: 5px;
  }
  #checkout-section-body-end-customer .eco3-icon.icon-edit-item,
  #checkout-section-body-end-customer .eco3-icon.icon-delete-item {
    top: 10px;
  }
  #endCustomerDetailsForm #saveAsNewaddressBlock {
    left: 0;
    right: 0;
    text-align: left;
    margin-top: 20px;
    max-width: 200px;
  }
  #endCustomerDetailsForm .main-content-area {
    margin-top: 5px;
  }
  #end-customer-checkout-service .end-customer-button-section {
    margin-top: 20px !important;
  }
  #end-customer-checkout-service .checkout-page .primary-nav-tabs-content ul.secondary-nav-tabs li {
    height: 32px;
    padding: 4px 8px;
  }
  .page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td,
  .page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td {
    padding: 20px 0 20px 5px !important;
  }
  #simulation-response-placeholder div.read-agreement .read-agreement-wrapper {
    display: block;
  }
  #simulation-response-placeholder div.read-agreement .read-agreement-wrapper .place-order-button {
    display: block;
    float: none;
    margin: 0 auto;
  }
  .page-checkoutOrderSimulationPage #requestedDeliveryDateLabel {
    clear: both;
  }
  .RDD-split-add-link-section {
    width: auto;
  }
  .RDD-split-add-link-section .RDD-split-add-text {
    text-align: left;
  }
  div#globalMessages.rdd-disabled-notification {
    margin-bottom: 0;
  }
  #checkout-section-body-payment .billingAddressRightPanel .billing-adddress-tab ul li:last-child span.dtr-title {
    display: none;
  }
  #checkout-section-body-payment .billingAddressRightPanel .billing-adddress-tab ul li:last-child span.dtr-data {
    width: 100%;
  }
  .address-delivery-context-section #globalMessagesInfo .global-alerts {
    width: 320px;
    margin: auto;
  }
  .address-delivery-context-section #globalMessagesInfo .global-alerts .info-icon {
    width: 34px;
    height: 34px;
    margin: 4px 0 10px -7px !important;
  }
  div#creditCardValidationMessage {
    margin-top: -10px;
  }
  div#creditCardValidationMessage .global-alerts .alert.alert-bar ul li .error-icon {
    margin: 0 0 0 -8px;
  }
  div#creditCardValidationMessage .global-alerts .alert.alert-bar ul li span.global-alerts {
    vertical-align: top;
  }
  /*****************************Mobile-End*********************************/
}
@media (min-width: 320px) and (max-width: 767px) and (max-width: 320px) {
  #checkout-section-body-delivery .delivery-edit-btn,
  #checkout-section-body-payment .delivery-edit-btn {
    margin-bottom: -10px;
  }
}
@media (min-width: 320px) and (max-width: 767px) and (max-width: 360px) {
  #checkout-section-body-delivery .nav-tabs li,
  #checkout-section-body-payment .nav-tabs li {
    margin-bottom: 3px;
    margin-left: 0 !important;
  }
  #checkout-section-body-delivery .nav-tabs li.active,
  #checkout-section-body-payment .nav-tabs li.active {
    top: 0;
    margin-left: 0 !important;
  }
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .chekout-attachments {
    clear: none;
  }
  .chekout-attachments span.service-product span.additional-information-section ul.main-summarycheckout-attachment {
    width: 100%;
    overflow: auto;
  }
  .chekout-attachments span.service-product span.additional-information-section ul.main-summarycheckout-attachment li {
    width: 100%;
  }
  #modifyAddressFormNewAddress .po-box-add2 .po-box-region select,
  #modifyAddressFormNewAddress .po-box-add2 .po-box-country select {
    width: 256px !important;
    height: 35px !important;
    line-height: 13px;
  }
  #modifyAddressFormNewAddress .po-checkbox-wrapper .po-box-checkbox.deliveryAddressFormCheckbox {
    margin-left: 30px;
  }
  #new-address-form {
    padding-bottom: 0;
  }
  #newDelAddress {
    padding-top: 10px !important;
    margin-top: 12px !important;
    margin-bottom: 20px !important;
    margin-right: 0 !important;
  }
  #newAddressInvoice {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryAddressSelect {
    margin-top: 20px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .checkout-edit-save-btn {
    margin-top: 10px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .delivery-radio-options {
    margin-right: 10px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delivery-list-carrier,
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delivery-list-date,
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .delivery-list-payment {
    height: auto !important;
    margin-bottom: 20px !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryAddressBookTabContent .searchBox {
    padding-left: 0!important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryAddressBookTabContent .new-customer-address-btn {
    float: right;
  }
  .checkoutMainPage .AccAddSearch .tableSearchFild {
    margin-top: 40px !important;
  }
  .checkoutMainPage .AccAddSearch #custom-search-input {
    margin-top: 7% !important;
  }
  .checkoutMainPage .save-as-default-checkbox {
    padding-right: 0 !important;
    margin-top: 0 !important;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body .edit-btn-width {
    max-width: 120px !important;
  }
  .page-checkoutOrderSummaryPage .cartDeliveryAddresstable {
    margin-bottom: 30px;
  }
  .page-checkoutOrderSummaryPage section.checkoutSection .getbillingAddressListTable {
    margin-bottom: 40px !important;
  }
  #guest-checkout-payment #checkout-guest-paymetric #add-credit-card-iframe {
    min-width: 768px;
  }
  .guest-checkout-add-credit-card-form .payment-credit-card-checkout #PayNowButton {
    width: 200px;
    max-width: 200px;
    position: relative;
    left: -40px;
  }
  .guest-checkout-add-credit-card-form tr select#Paymetric_CreditCardType,
  .guest-checkout-add-credit-card-form .payment-credit-card-checkout input {
    width: 195px;
  }
  .guest-checkout-add-credit-card-form #Paymetric_Exp_Month,
  .guest-checkout-add-credit-card-form #Paymetric_Exp_Year {
    width: 68px !important;
  }
  .quote-checkout-wrapper .quote-read-agreement label.eco3-checkbox {
    padding-right: 0;
  }
  #end-customer-checkout-service .name-addr-block {
    margin-bottom: 0;
  }
  #end-customer-checkout-service .form-section .form-group {
    max-width: 300px;
  }
  #end-customer-checkout-service .end-customer-button-section {
    left: 20px;
  }
  #end-customer-checkout-service .checkout-page li {
    min-width: 180px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr .eco3-datepicker-rdd .rdd-input-label {
    width: 100%;
    height: 32px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image {
    min-width: 100px;
    vertical-align: top !important;
    padding-top: 20px !important;
    padding: 0 10px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image span.product_image,
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image span.product_image a {
    display: block;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-icon-class {
    padding-top: 0;
    padding-bottom: 0;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-icon-class a {
    width: 96px;
    height: 96px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery #collectTxt {
    max-width: 178px;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body {
    margin-left: 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body .checkoutButtonsSection {
    margin-top: 20px;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body .voucher-outer-container.cart-tab-totals {
    margin: 40px 0 0 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body #paymentBlockFormErrorBlock {
    margin-bottom: 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body #headerLevelNotesFormErrorBlock {
    margin-bottom: 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body .checkout-edit-save-btn {
    left: 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body .edit-billing-btn {
    text-align: right;
    padding-right: 0;
  }
  .checkoutMainPage section.checkoutSection .title-plate {
    margin: 25px 0 25px 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-section-body {
    padding-top: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .delivery-tab-view:last-child .otherinfoarea {
    margin-top: 30px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .delivery-tab-view .otherinfoarea {
    margin-top: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .delivery-tab-view .otherinfoarea .form-group {
    width: 340px;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .additional-info .button-block {
    margin-bottom: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .delivery-tab-view {
    margin-top: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .delivery-tab-view .otherinfoarea .form-control {
    height: 35px !important;
    line-height: 35px;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .delivery-date-picker {
    top: 0px !important;
    margin-top: 13px !important;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .deliveryMethodRightPanel {
    padding: 0px !important;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .delivery-list-date-content {
    margin-top: 0px;
    top: 0px !important;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .delivery-btn-save-cancel {
    margin-top: 90px;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .requested-delivery-link {
    top: 0px !important;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .delivery-edit-btn {
    margin-top: 0px !important;
    float: right;
    margin-right: 5px;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .delivery-edit-btn .delivery-method-section-btn {
    margin-top: 0px !important;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .guest-edit-btn {
    padding-right: 0 !important;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .delivery-list-prepaid-content {
    margin-left: 0px !important;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery .delivery-list-payment-content {
    text-align: left;
    top: 0px !important;
    margin-top: 0px;
  }
  .checkoutMainPage section.checkoutSection #checkout-section-body-delivery #info-image-text-shipping {
    margin-left: 30px;
    margin-top: 3px;
  }
  #delivery-date-section .delivery-prepaid {
    padding-left: 0;
  }
  #delivery-method-content-block .delivery-prepaid {
    padding-left: 0;
    clear: unset;
  }
  .checkoutMainPage #paymentOptionContainer {
    border-right: none !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel .requested-delivery-link {
    min-width: 300px;
  }
  .checkoutMainPage .save-to-default {
    padding-left: 0;
  }
  #delivery-method-content-block {
    min-height: 204px !important;
  }
  #delivery-address .deliveryAddressform-wrapper .company-adjust,
  #invoice-address-form .deliveryAddressform-wrapper .company-adjust,
  #checkout-section-body-billing .deliveryAddressform-wrapper .company-adjust,
  #delivery-address .billingAdddressMain .company-adjust,
  #invoice-address-form .billingAdddressMain .company-adjust,
  #checkout-section-body-billing .billingAdddressMain .company-adjust {
    padding: 0;
    margin-left: 30px;
  }
  #delivery-address .deliveryAddressform-wrapper .add2,
  #invoice-address-form .deliveryAddressform-wrapper .add2,
  #checkout-section-body-billing .deliveryAddressform-wrapper .add2,
  #delivery-address .billingAdddressMain .add2,
  #invoice-address-form .billingAdddressMain .add2,
  #checkout-section-body-billing .billingAdddressMain .add2 {
    margin-left: 95px !important;
    width: 256px !important;
  }
  #delivery-address .deliveryAddressform-wrapper .checkboxAdjust,
  #invoice-address-form .deliveryAddressform-wrapper .checkboxAdjust,
  #checkout-section-body-billing .deliveryAddressform-wrapper .checkboxAdjust,
  #delivery-address .billingAdddressMain .checkboxAdjust,
  #invoice-address-form .billingAdddressMain .checkboxAdjust,
  #checkout-section-body-billing .billingAdddressMain .checkboxAdjust {
    padding-top: 0;
    position: relative;
    float: left;
    padding-left: 0;
  }
  #delivery-address .deliveryAddressform-wrapper .add3,
  #invoice-address-form .deliveryAddressform-wrapper .add3,
  #checkout-section-body-billing .deliveryAddressform-wrapper .add3,
  #delivery-address .billingAdddressMain .add3,
  #invoice-address-form .billingAdddressMain .add3,
  #checkout-section-body-billing .billingAdddressMain .add3 {
    margin-left: 30px !important;
    width: 256px !important;
  }
  #delivery-address .deliveryAddressform-wrapper .add4,
  #invoice-address-form .deliveryAddressform-wrapper .add4,
  #checkout-section-body-billing .deliveryAddressform-wrapper .add4,
  #delivery-address .billingAdddressMain .add4,
  #invoice-address-form .billingAdddressMain .add4,
  #checkout-section-body-billing .billingAdddressMain .add4 {
    width: 256px !important;
    margin-left: 95px !important;
  }
  #delivery-address .deliveryAddressform-wrapper .cityAdjust,
  #invoice-address-form .deliveryAddressform-wrapper .cityAdjust,
  #checkout-section-body-billing .deliveryAddressform-wrapper .cityAdjust,
  #delivery-address .billingAdddressMain .cityAdjust,
  #invoice-address-form .billingAdddressMain .cityAdjust,
  #checkout-section-body-billing .billingAdddressMain .cityAdjust {
    padding-right: 0;
  }
  #delivery-address .deliveryAddressform-wrapper .stateAdjust,
  #invoice-address-form .deliveryAddressform-wrapper .stateAdjust,
  #checkout-section-body-billing .deliveryAddressform-wrapper .stateAdjust,
  #delivery-address .billingAdddressMain .stateAdjust,
  #invoice-address-form .billingAdddressMain .stateAdjust,
  #checkout-section-body-billing .billingAdddressMain .stateAdjust {
    padding-right: 0;
  }
  #delivery-address .deliveryAddressform-wrapper .deliveyAddButton,
  #invoice-address-form .deliveryAddressform-wrapper .deliveyAddButton,
  #checkout-section-body-billing .deliveryAddressform-wrapper .deliveyAddButton,
  #delivery-address .billingAdddressMain .deliveyAddButton,
  #invoice-address-form .billingAdddressMain .deliveyAddButton,
  #checkout-section-body-billing .billingAdddressMain .deliveyAddButton {
    margin-top: 50px;
  }
  #delivery-address .deliveryAddressform-wrapper select#regionIso,
  #invoice-address-form .deliveryAddressform-wrapper select#regionIso,
  #checkout-section-body-billing .deliveryAddressform-wrapper select#regionIso,
  #delivery-address .billingAdddressMain select#regionIso,
  #invoice-address-form .billingAdddressMain select#regionIso,
  #checkout-section-body-billing .billingAdddressMain select#regionIso {
    height: 32px;
    line-height: 11px;
  }
  #delivery-address .deliveryAddressform-wrapper select#countryIso,
  #invoice-address-form .deliveryAddressform-wrapper select#countryIso,
  #checkout-section-body-billing .deliveryAddressform-wrapper select#countryIso,
  #delivery-address .billingAdddressMain select#countryIso,
  #invoice-address-form .billingAdddressMain select#countryIso,
  #checkout-section-body-billing .billingAdddressMain select#countryIso {
    height: 32px;
    padding: 0;
  }
  #delivery-address .deliveryAddressform-wrapper .address-book-btn,
  #invoice-address-form .deliveryAddressform-wrapper .address-book-btn,
  #checkout-section-body-billing .deliveryAddressform-wrapper .address-book-btn,
  #delivery-address .billingAdddressMain .address-book-btn,
  #invoice-address-form .billingAdddressMain .address-book-btn,
  #checkout-section-body-billing .billingAdddressMain .address-book-btn {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: right;
  }
  #delivery-address .delivery-address-padding,
  #invoice-address-form .delivery-address-padding,
  #checkout-section-body-billing .delivery-address-padding {
    padding-left: 0 !important;
  }
  .deliveryAddressSelect {
    background: none;
    border: 1px solid;
  }
  .AccAddSearch .tableSearchFild {
    margin-bottom: 0px !important;
  }
  .delevryAddresLeftPanel {
    border-right: none !important;
    padding: 0px;
  }
  .delevryAddresLeftPanel .deliverAddressPanel {
    min-height: 110px;
    margin-bottom: 0px;
  }
  .delivery-btn-left {
    margin-bottom: 20px;
    float: right !important;
  }
  .billingyAddressSelect {
    background: none;
    border: 1px solid;
  }
  .checkoutSection#checkout-section-body-payment .credit-card-panel-container {
    padding: 0;
    border-right: 1px solid #cccccc;
  }
  .checkoutSection#checkout-section-body-payment .nav-tabs {
    margin-top: 100px !important;
  }
  .checkoutSection#checkout-section-body-payment #paymentOptions {
    width: 200px;
  }
  .checkoutSection#checkout-section-body-payment #checkout-add-credit-card-form {
    padding-top: 30px;
    padding-left: 40px;
    margin-left: 90px;
  }
  .checkoutSection#checkout-section-body-payment #checkout-add-credit-card-form .saveInProfile {
    margin-left: 10px;
  }
  .cartDeliveryAddresstable .full-gray-bg {
    margin-bottom: 0px;
  }
  .cartBillingAddresstable .full-gray-bg {
    margin-bottom: 0px;
  }
  #billAddressContainer .billingAdddressMain #billing-address-tab {
    margin-top: -57px;
  }
  #billAddressContainer .deliverAddressPanel {
    min-height: 110px;
  }
  .deliveryMethodRightPanel .delivery-edit-btn {
    margin-top: 25px !important;
    position: relative !important;
  }
  .checkoutMainPage section.checkoutSection .eco3-table table.dataTable.display td.child {
    background: #f4f4f4 !important;
  }
  .checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr.selected .btn {
    color: #009cdd !important;
  }
  .checkoutMainPage section.checkoutSection .cartDeliveryAddresstable .getdeliveryAddressListTable {
    padding: 0;
  }
  .checkoutMainPage section.checkoutSection .cartDeliveryAddresstable .getdeliveryAddressListTable.dtr-inline.collapsed tbody tr td:first-child:before {
    margin-top: -10px;
    top: 50%;
  }
  #RDD-section {
    padding: 0;
  }
  #RDD-section .rdd-label-height {
    line-height: 22px !important;
  }
  #RDD-section .rdd-no-top-margin-mobile {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    padding-bottom: 50px;
  }
  #RDD-section .rdd-no-bottom-margin-mobile {
    margin-bottom: 0 !important;
  }
  #RDD-section .rdd-tab-float-right {
    float: left;
    padding-left: 25px;
  }
  #RDD-section .rdd-block-alignment {
    padding-left: 0;
    padding-right: 0;
  }
  #RDD-section .rdd-header-block {
    padding-left: 0;
    padding-right: 0;
  }
  .rdd-mobile-section .eco3-datepicker {
    margin-bottom: 0;
  }
  .rdd-mobile-section .eco3-datepicker-rdd .no-margin-mobile {
    padding-top: 8px;
    margin-bottom: 0;
  }
  .rdd-mobile-section .eco3-datepicker-rdd .no-margin-mobile .mobile-rdd-label {
    height: 24px;
    display: inline-block !important;
  }
  /****************Guest Checkout Personal Information start*****************/
  #checkout-section-body-personal-info .personalInfo-Form-wrapper .personal-info-form-input .personal-info-first-name {
    padding: 0 0px 0 20px;
    width: 220px;
  }
  #checkout-section-body-personal-info .personalInfo-Form-wrapper .personal-info-form-input .personal-info-email {
    padding: 0 0px 0 20px;
    width: 220px;
  }
  .checkoutMainPage section.checkoutSection .cartBillingAddresstable .getbillingAddressListTable.dataTable.dtr-inline.collapsed tbody tr td:first-child:before {
    margin-top: -10px;
    top: 50%;
  }
  .checkoutMainPage section.checkoutSection .cartBillingAddresstable .getbillingAddressListTable.dataTable.dtr-inline.collapsed tbody tr.last-child td {
    border-bottom: none;
  }
  #quote-details-item .quote-details-content .dtr-details {
    padding: 27px;
  }
  #quote-details-item .quote-details-content .dtr-details li {
    border-bottom: none;
  }
  .address-delivery-context-section .deliveryMethodRightPanel {
    padding-left: 30px;
  }
  /*****RDD Split Section Start*****/
  .RDD-tablet-cell .RDD-date-section {
    text-align: left;
  }
  .RDD-split-tablet-cell {
    margin-top: 12px;
    display: table;
  }
  .RDD-split-tablet-cell .eco3-datepicker {
    width: 170px;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo {
    margin-right: 20px;
    text-align: center;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo .rdd-split-row {
    text-align: center;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo .checkoutQuantityNo.RDD-split-Qty-section {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding-top: 5px;
    width: 60px;
    height: 32px;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo .qty-section {
    height: 32px;
    display: inline-block;
    padding-top: 5px;
    text-align: center;
    width: 100px;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo .qty-label {
    text-align: center;
  }
  .RDD-split-tablet-cell .mobile-rdd-label {
    text-align: center;
    margin-bottom: 5px;
    height: 23px;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo {
    display: inline-block;
    width: 100px;
    margin-top: 10px;
  }
  .RDD-split-tablet-cell > .checkoutQuantityNo .RDD-split-quantity-textbox {
    width: 60px;
    margin-bottom: 15px;
    height: 32px;
  }
  .RDD-split-tablet-cell .RDD-date-section {
    text-align: left;
  }
  .RDD-split-tablet-cell > .eco3-datepicker-rdd {
    display: table-cell;
    text-align: right;
    float: right;
  }
  .RDD-split-tablet-cell .RDD-split-row-container.rdd-split-row {
    margin-bottom: 15px;
  }
  .summary-page-mobile-section .RDD-split-Qty-section {
    padding-top: 0 !important;
  }
  .summary-page-mobile-section .display {
    margin-top: 10px;
  }
  .summary-page-mobile-section .display .summary-page-header {
    height: 23px;
    margin-bottom: 15px;
    font-size: 15px;
  }
  .summary-page-mobile-section .display .RDD-date-display-section {
    margin-bottom: 8px;
    text-align: center;
  }
  .summary-page-mobile-section > .checkoutQuantityNo {
    min-width: 60px;
    margin-right: 15px;
  }
  .summary-page-mobile-section > .checkoutQuantityNo .qty-section {
    min-width: 50px;
    padding-top: 0;
  }
  .summary-page-mobile-section > .checkoutQuantityNo .qty-label {
    font-size: 15px;
  }
  .summary-vat-adjustment .vat-exempt {
    bottom: 33% !important;
  }
  .geocode-rdd-popup-summary-container {
    width: 163px;
    text-align: center;
    margin-bottom: 12px;
  }
  .geocode-rdd-date-section {
    margin-bottom: 0 !important;
  }
  .summary-page-mobile-section .geocode-rdd-summary-container .RDD-summary-qty-cell {
    margin-bottom: 34px;
  }
  /*****RDD Split Section End*****/
  form#placeOrderForm #checkout-simulation-strip .block-data:nth-child(4) {
    clear: both;
  }
  .default-address-info {
    width: max-content;
  }
  .save-as-default-checkbox .default-box-align {
    float: right;
  }
  form#placeOrderForm .card-payment-msg {
    width: 305px;
    text-align: right;
    font-weight: 600;
  }
  form#placeOrderForm .card-margin-top-10 {
    margin-top: 10px;
    padding-left: 6px;
  }
  form#placeOrderForm .card-padding-right-0 {
    padding-right: 0 !important;
  }
  form#placeOrderForm .card-padding-right-0.card-payment-msg {
    clear: both;
  }
  form#placeOrderForm .create-quote-validity-info {
    margin-bottom: 0;
  }
  #checkout-section-body-end-customer .tableSearchFild {
    margin-bottom: 40px !important;
  }
  #checkout-section-body-end-customer .searchBox,
  #checkout-section-body-end-customer .new-customer-btn {
    padding-left: 0;
  }
  #checkout-section-body-end-customer .select-section {
    text-align: center;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList tbody tr td:first-child {
    text-align: center;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList tbody tr td:first-child div {
    width: 80%;
    margin: 0 auto;
    padding-left: 12px;
  }
  #checkout-section-body-end-customer table#endCustomerDatatableList tr:last-child td {
    border-bottom: none;
  }
  #checkout-section-body-end-customer .eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child.device-fix:before {
    line-height: 20px;
  }
  #endCustomerDetailsForm #saveAsNewaddressBlock {
    margin-top: 20px;
    right: 90px;
  }
  #endCustomerDetailsForm .main-content-area {
    margin-top: 5px;
  }
  #end-customer-checkout-service .end-customer-button-section {
    margin-top: 20px !important;
  }
  #simulation-response-placeholder div.read-agreement .read-agreement-wrapper .place-order-button {
    float: right;
  }
  #simulation-response-placeholder div.read-agreement .read-agreement-wrapper .label-text {
    float: left;
  }
  #consolidatedDeliverySection .delivery-list-date {
    width: 70%;
  }
  .page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td,
  .page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td {
    padding: 20px 0 5px 15px !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .deliveryMethodRightPanel #info-image-text-shipping {
    margin-left: 5px;
  }
  .checkoutMainPage section.checkoutSection .eco3-table table.getbillingAddressListTable.display tbody td div.full-gray-bg {
    margin: 0 auto;
  }
  div#creditCardValidationMessage {
    margin-top: 0px;
  }
  div#creditCardValidationMessage .global-alerts ul li span.global-alerts {
    vertical-align: top;
  }
  /*****************************Tablet-End*********************************/
}
@media only screen and (min-width: 767px) and (max-width: 768px) {
  .deliveryAddressform-wrapper .add2 {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1026px) {
  .deliveryAddressform-wrapper .add2,
  .billingAdddressMain .add2 {
    padding-left: 0px !important;
  }
  .deliveryAddressform-wrapper .checkboxAdjust,
  .billingAdddressMain .checkboxAdjust {
    padding-top: 0px;
    position: relative;
    top: 160px;
    text-align: center;
  }
  .deliveryAddressform-wrapper .add3,
  .billingAdddressMain .add3 {
    margin-left: 20px !important;
    width: 300px !important;
  }
  .deliveryAddressform-wrapper .add4,
  .billingAdddressMain .add4 {
    padding-left: 0px !important;
    margin-right: 0px !important;
    width: 250px;
  }
  .deliveryAddressform-wrapper .cityAdjust,
  .billingAdddressMain .cityAdjust {
    padding-right: 0px;
  }
  .deliveryAddressform-wrapper .stateAdjust,
  .billingAdddressMain .stateAdjust {
    padding-right: 0px !important;
  }
  .deliveryAddressform-wrapper .deliveyAddButton,
  .billingAdddressMain .deliveyAddButton {
    margin-top: 50px;
  }
  .deliveryAddressform-wrapper select#regionIso,
  .billingAdddressMain select#regionIso {
    height: 32px;
    line-height: 11px;
  }
  .deliveryAddressform-wrapper select#countryIso,
  .billingAdddressMain select#countryIso {
    height: 32px;
    padding: 0px;
  }
  .deliveryAddressform-wrapper .address-book-btn,
  .billingAdddressMain .address-book-btn {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: right;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart.rdd-enabled tbody#cart_items_tbody tr .eco3-datepicker-rdd {
    float: left;
    padding: 0px;
    position: relative;
    top: -10px;
  }
  .quote-info .square-bullet {
    margin-bottom: 30px;
  }
  #RDD-section,
  #RDD-section div {
    padding-left: 0;
    padding-right: 0;
  }
  #RDD-section .radio.radio-inline,
  #RDD-section div .radio.radio-inline {
    margin-left: 20px;
  }
  .table.rdd-enabled .display {
    text-align: left;
  }
  .RDD-split-remainingCount-container {
    white-space: nowrap;
    padding-top: 4px;
  }
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info #normal-user-other-info .checkout-phone-number {
    margin-top: 0;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body .checkoutButtonsSection {
    margin-top: 5px;
  }
  .checkoutMainPage section.checkoutSection .checkout-section-body .edit-btn-width {
    max-width: 120px !important;
  }
  #end-customer-checkout-service .form-section .form-block {
    max-width: 310px;
  }
  .quote-info .square-bullet {
    margin-bottom: 25px;
  }
  table.rdd-enabled .display {
    text-align: center;
  }
  #RDD-section .display {
    margin-left: 30px;
  }
  #RDD-section .rdd-header-block {
    padding-left: 0;
    margin-left: 30px;
  }
  #RDD-section .RDD-input-mobile {
    width: 279px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder .table-wrapper {
    padding-left: 0;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart {
    table-layout: fixed;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image {
    padding: 0 10px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-icon-class {
    padding-top: 20px;
    padding-bottom: 10px;
    min-height: 145px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_image .campaign-icon-class .product_image {
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
  }
  .checkoutSection#checkout-section-body-payment .credit-card-panel-container {
    padding: 0;
    border-right: 1px solid #cccccc;
  }
  .checkoutSection#checkout-section-body-payment #checkout-add-credit-card-form {
    padding-top: 30px;
    padding-left: 40px;
    margin-left: 120px;
  }
  .address-delivery-context-section .deliveryMethodRightPanel {
    padding-left: 20px;
  }
  .address-delivery-context-section .new-customer-btn {
    float: right;
  }
  .RDD-split-remainingCount-container {
    white-space: initial;
    padding-top: 4px;
  }
  .RDD-date-display-section {
    margin-bottom: 15px;
  }
  .RDD-summary-qty-cell {
    font-size: 15px;
    min-height: 35.449px;
  }
  .geocode-rdd-summary-container .RDD-summary-qty-cell {
    min-height: 55px;
  }
  .RDD-summary-date-wrapper {
    min-height: 55px;
  }
  .geocode-rdd-date-section {
    margin-bottom: 0;
  }
  .geocode-rdd-popup-summary-container {
    margin-bottom: 13px;
  }
  .extra-width {
    width: 225px !important;
    text-align: center;
  }
  form#placeOrderForm #checkout-simulation-strip .block-data:nth-child(5) {
    clear: both;
  }
  .default-address-container {
    padding-right: 0px;
  }
  .default-address-info {
    width: max-content;
  }
  form#placeOrderForm .card-payment-msg {
    width: 305px;
    text-align: right;
    font-weight: 600;
  }
  form#placeOrderForm .card-margin-top-10 {
    margin-top: 10px;
    padding-left: 9px;
    text-align: right;
  }
  form#placeOrderForm .card-padding-right-0 {
    padding-right: 0 !important;
    text-align: right;
  }
  form#placeOrderForm .create-quote-validity-info {
    margin-bottom: 0;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table table.dataTable.display tbody td {
    width: 280px;
    word-wrap: break-word;
    white-space: initial !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table table.dataTable.display tbody td div {
    word-wrap: break-word;
    white-space: initial;
    word-break: break-word;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table table.dataTable.display tbody td div.full-gray-bg {
    white-space: nowrap !important;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-delivery .eco3-table table.dataTable.display thead th {
    width: 280px;
  }
  .eco3-page.checkoutMainPage .col-md-2.save-default-checkbox {
    text-align: center !important;
    width: 22%;
  }
  .eco3-page.checkoutMainPage .save-as-default-checkbox {
    width: 90%;
  }
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment #normal-user-other-info,
  .checkoutMainPage section.checkoutSection#checkout-section-body-end-customer #normal-user-other-info,
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info #normal-user-other-info,
  .checkoutMainPage section.checkoutSection#checkout-section-body-payment .checkout-section-body,
  .checkoutMainPage section.checkoutSection#checkout-section-body-end-customer .checkout-section-body,
  .checkoutMainPage section.checkoutSection#checkout-section-body-other-info .checkout-section-body {
    padding-left: 20px;
  }
  .page-checkoutOrderSummaryPage section#checkout-section-body-product .checkout-section-body {
    padding-left: 0;
  }
  .page-checkoutOrderSummaryPage #endDestinationDeliveryAddressSection .delivery-btn-left {
    left: 10px !important;
  }
  .page-checkoutOrderSimulationPage #simulation-response .simulationSection .orderSummary {
    padding-left: 20px;
  }
  .page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td .service-name-cart,
  .page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td .service-name-cart,
  .page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td .service-price-value-cart,
  .page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td .service-price-value-cart {
    font-weight: 500;
    font-size: 14px;
  }
  .page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td .service-name-cart .price-data,
  .page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td .service-name-cart .price-data,
  .page-checkoutOrderSummaryPage .container .containerInnerSection table#your_cart tbody tr td .service-price-value-cart .price-data,
  .page-checkoutOrderSimulationPage .container .containerInnerSection table#your_cart tbody tr td .service-price-value-cart .price-data {
    font-size: 14px;
  }
  .checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr td,
  .checkoutMainPage section.checkoutSection .getbillingAddressListTable tbody tr td {
    max-width: 300px;
  }
  .checkoutMainPage section.checkoutSection .getdeliveryAddressListTable tbody tr td div,
  .checkoutMainPage section.checkoutSection .getbillingAddressListTable tbody tr td div {
    max-width: 250px;
  }
  .deliveryAddressform-wrapper .address-book-btn,
  .billingAdddressMain .address-book-btn {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: right;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import checkout page*/
/******************************************************************************************************************
/* File Name        :order-summary.less							 
/* Created By       : Shaym Sapate
/* Created Date     : 12-Jan-2018
/* Description      : This is less code for the order-summary less.
/*******************************************************************************************************************/
/* imports the variable.less */
form#placeOrderForm .item_container .total-header {
  color: #009cdd;
}
form#placeOrderForm .error {
  margin: 50px 0 0 0;
}
form#placeOrderForm .error ul li {
  color: #333333;
  font-size: 12pt;
  font-weight: bold;
  list-style-type: none;
}
form#placeOrderForm button#retry-simulation-button {
  margin: 50px 0;
  color: #ffffff !important;
  width: 180px;
  height: 40px;
  border: none;
  font-size: 11pt;
  background-color: #7d7d7d;
  font-weight: normal;
}
form#placeOrderForm .item_container_holder table#your_cart tr th {
  min-width: 170px;
}
form#placeOrderForm .item_container_holder table#your_cart tr .vat-exempt-align {
  min-width: 0;
}
form#placeOrderForm #checkout-simulation-strip {
  width: 100%;
}
form#placeOrderForm #checkout-simulation-strip .checkout-box .step {
  height: auto !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  form#placeOrderForm #checkout-simulation-strip .block-data {
    min-height: 155px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  form#placeOrderForm #checkout-simulation-strip .block-data {
    min-height: 200px;
  }
}
.modal .modal-dialog .btn-accept-decline {
  font-size: 15px;
}
#simulation-response .simulationSection .title-plate {
  height: 40px;
  width: 100%;
  background-color: #f3f3f3;
  margin: 25px 0px 20px 0px;
}
#simulation-response .simulationSection .title-plate h2 {
  color: #ffffff;
  line-height: 20px;
  font-size: 14pt;
  background-color: #009cdd;
  height: 40px;
  min-width: 180px;
  padding: 10px 30px;
  float: left;
  margin: 0px;
  text-align: center;
}
#simulation-response .simulationSection .orderSummary {
  word-wrap: break-word;
  padding: 0;
  text-align: left;
}
#simulation-response .simulationSection .orderSummary .bullet-title {
  text-align: left;
  font-size: 12pt;
  font-weight: 500;
  color: #666666;
  display: block;
  margin-top: 20px;
  min-height: 45px;
  text-transform: uppercase;
}
#simulation-response .simulationSection .orderSummary .bullet-title:before {
  content: "";
  font-size: 24px;
  left: 0;
  width: 16px;
  height: 15px;
  background: #009cdd;
  display: block;
  float: left;
  margin-right: 15px;
  margin-bottom: 30px;
}
#simulation-response .simulationSection .orderSummary #end-customer-checkout-service-summary .bullet-title:before {
  margin-top: -3px;
}
#simulation-response .simulationSection .orderSummary .title-desc {
  box-shadow: none;
  font-size: 12pt;
  color: #666666;
  line-height: 25px;
  margin-top: 0;
}
#simulation-response .simulationSection .orderSummary .title-desc legend {
  display: none;
}
#simulation-response .simulationSection .orderSummary .step {
  height: auto !important;
}
#simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4 .title-desc {
  width: 280px;
  margin-top: 65px;
}
#simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4 .title-desc label {
  margin-bottom: 10px;
}
#simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4 .title-desc span {
  display: block;
  font-size: 11pt;
  background: #f3f3f3;
  color: #7d7d7d;
  border: 1px solid #cccccc;
  min-height: 70px;
  padding: 4px 7px;
  word-wrap: break-word;
  clear: both;
}
#globalMessages {
  margin-top: 30px;
}
.tickHelp {
  margin-top: 12px;
  width: 24px;
  height: 24px;
}
.span-24 a[href="/checkout"] {
  display: none;
}
.span-24 div.read-agreement {
  text-align: right;
}
.span-24 div.read-agreement .label-text {
  margin-top: 10px;
  color: #333333;
  font-size: 12pt;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
}
.span-24 div.read-agreement .label-text input[type="checkbox"] {
  margin: 14px;
}
.span-24 div.read-agreement .label-text .checkmark {
  top: 2px;
}
.span-24 div.read-agreement .label-text .compare-size {
  font-size: 12pt;
  display: inline-block;
  text-align: left;
}
.span-24 div.read-agreement .label-text .compare-size.first {
  margin-right: 50px;
}
.span-24 div.read-agreement .label-text label {
  font-size: 12pt;
  float: right;
}
.span-24 div.read-agreement .label-text label .terms-and-conditions {
  color: #009cdd;
}
.span-24 div.read-agreement .button-block .col-sm-6:first-child {
  text-align: left;
  margin-bottom: 0;
}
.span-24 div.read-agreement .btn.bg-secondary.green-go.place-order-button img {
  display: none;
}
.span-24 div.read-agreement:last-child {
  margin-top: 20px;
  margin-bottom: 50px;
  padding-bottom: 30px;
}
.span-24 div.read-agreement:last-child .btn-block {
  margin: 0 0;
}
.span-24 div.read-agreement:last-child .btn-block div {
  padding: 0;
}
.span-24 div.read-agreement:last-child .btn-block div.backToCheckBtn {
  text-align: left;
}
.span-24 div.read-agreement .place-order-button {
  float: right;
}
.span-24.checkout-summary-page-top-container {
  margin: 30px 0 0 0;
}
.span-24.checkout-summary-page-top-container .create-quote {
  padding-right: 0;
}
.span-24.checkout-summary-page-top-container .eco3-checkbox .checkmark {
  top: 5px;
}
.span-24.checkout-summary-page-top-container .terms-align {
  display: initial;
}
.read-agreement.read-agreement-bottom .create-quote {
  padding-right: 0;
}
.read-agreement.read-agreement-bottom .terms-below-text-right {
  float: right !important;
}
.voucher-outer-container.cart-tab-totals {
  display: inline-block;
  width: 329px;
  margin: 50px 0 50px 0;
  float: right;
  padding-right: 0px;
}
.voucher-outer-container.cart-tab-totals .control-label {
  color: #666666;
  font-size: 10pt;
}
.voucher-outer-container.cart-tab-totals .voucher-code.form-control,
.voucher-outer-container.cart-tab-totals .voucher-code-display.form-control {
  height: 40px;
  width: 93.2% !important;
  margin-left: 3px !important;
}
.voucher-outer-container.cart-tab-totals .voucher-code.form-control:focus,
.voucher-outer-container.cart-tab-totals .voucher-code-display.form-control:focus {
  box-shadow: none !important;
}
.voucher-outer-container.cart-tab-totals .input-group-addon {
  padding: 0;
  border: 0;
  line-height: 0;
  background: #009cdd;
}
.voucher-outer-container.cart-tab-totals .input-group-addon .icon {
  display: inline-block;
  width: 60px;
  height: 40px;
  background-repeat: no-repeat !important;
  cursor: pointer;
  background-position: center !important;
}
.voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-close-o {
  background: url("../images/icon-close-o.svg");
  background-size: 22px;
}
.voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-right {
  background: url("../images/icon-right-white.svg");
  background-size: 17px 32px;
}
.voucher-outer-container.cart-tab-totals .input-group-addon .icon.icon-submit {
  background: url("../images/icon-submit.svg");
  background-size: 30px 30px;
}
.voucher-outer-container.cart-tab-totals .tab_title_holder.voucher-title-holder.control-label.text-left {
  display: block;
  float: none;
  font-size: 13px;
  font-weight: 500;
}
.simulation-error-wrapper .error-text-label {
  font-size: 16pt;
  font-weight: 500;
  color: #434343;
  font-family: Roboto;
}
.simulation-error-wrapper .error-tryagain-label {
  font-size: 12pt;
  font-weight: 400;
  color: #434343;
  font-family: Roboto;
}
.simulation-error-wrapper .error-contact-us {
  font-size: 12pt;
  font-weight: 400;
  color: #ffffff;
  font-family: Roboto;
  background-color: #009cdd !important;
}
/**** START - Checkout-order-confirmation section LESS code block ***/
.order-msg-wrapper .thank-you-label {
  font-size: 24px;
  font-weight: 500;
  color: #666666;
  font-family: Roboto;
}
.order-msg-wrapper .order-complete-label {
  font-size: 24px;
  font-weight: 700;
  color: #666666;
  font-family: Roboto;
}
.order-msg-wrapper .order-label {
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  font-family: Roboto;
}
.order-msg-wrapper .order-number-label {
  font-size: 19px;
  font-weight: bold;
  color: #434343;
  font-family: Roboto;
}
.order-msg-wrapper .order-backto-shop {
  font-size: 12pt;
  font-weight: 400;
  color: #ffffff;
  font-family: Roboto;
}
.orderSummaryPageImageBlockComponent .componentSection {
  margin-bottom: 20px;
}
.orderSummaryPageImageBlockComponent .componentsBox ul.componentListView li {
  width: 180px;
}
.orderSummaryPageImageBlockComponent .padding-order-confirmation {
  margin-bottom: 36px;
}
.orderSummaryPageImageBlockComponent .eco3-comp-box,
.orderSummaryPageImageBlockComponent .eco3-prod-list {
  min-height: 325px;
}
.orderSummaryPageImageBlockComponent .eco3-comp-box .componentListView {
  overflow: auto;
  max-height: 203px;
}
.orderSummaryPageImageBlockComponent .simple-banner-component {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.orderSummaryPageImageBlockComponent .simple-banner-component a {
  padding: 0px;
}
.orderSummaryPageImageBlockComponent .simple-banner-component h3 {
  min-height: 45px;
  height: 46px !important;
  text-align: center;
  color: #ffffff;
  font-size: 14pt;
  background: -moz-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, 160deg, color-stop(0, 97 DB), color-stop(80%, 1 FA4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
  /* for IE */
  background: linear-gradient(160deg, #001fa4 0, #009cdd 80%);
  /* W3C */
  line-height: 20px;
  margin: 0px;
  width: 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .orderSummaryPageImageBlockComponent .simple-banner-component h3 {
    height: 52px !important;
  }
}
.orderSummaryPageImageBlockComponent .simple-banner-component img {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.summary .eco3-icon.icon-tick-item {
  position: relative;
  top: -5px;
}
.page-orderConfirmationPage #breadcrumb .breadcrumb {
  padding-left: 24px;
}
.page-orderConfirmationPage #breadcrumb ul {
  margin-left: -10px;
  margin-right: -10px;
}
.page-orderConfirmationPage #breadcrumb ul li {
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  color: #666666;
  padding-left: 15px;
}
.page-orderConfirmationPage #breadcrumb ul li.active {
  font-family: Roboto;
  font-size: 21px;
  line-height: 34px;
  color: #666666;
  padding-left: 15px !important;
}
.page-orderConfirmationPage #breadcrumb ul .breadcrumb-smallarrow {
  width: 14px;
  height: 18px;
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
.page-orderConfirmationPage #breadcrumb ul .breadcrumb-page-title {
  margin-right: 10px;
  height: 20px;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #009cdd;
  line-height: 0;
  _border-color: #000000 #000000 #000000 #009cdd;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='@accordion-bg');
}
.page-orderConfirmationPage .quick-registration-form {
  padding: 20px;
}
.page-orderConfirmationPage .quick-registration-form .company-address-width {
  width: 100%;
}
.page-orderConfirmationPage .quick-registration-form .right-align-section {
  float: right;
}
.page-orderConfirmationPage .cross-selling-section {
  min-height: 1px;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer {
  -webkit-box-shadow: 0 0 0 0 #d9d9d9;
  -moz-box-shadow: 0 0 0 0 #d9d9d9;
  box-shadow: 0 0 0 0 #d9d9d9;
  min-height: 100px;
  height: auto !important;
  margin-bottom: 50px;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer .crossSellingContainerHorizontal .headline {
  font-size: 21px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 25px;
  color: #009cdd;
  text-align: left;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer .crossSellingContainerHorizontal .price {
  height: 33px;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer .crossSellingContainerHorizontal .price .product-item {
  margin: 8px 0;
  height: 20px;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer .crossSellingContainerHorizontal .price .product-item .priceValue {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer .crossSellingContainerHorizontal .product-title {
  background: #f3f3f3;
  min-height: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer .crossSellingContainerHorizontal .product-title .item-name {
  display: contents;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer #featuredHome .carousel .item .thumb img {
  display: inline-block;
  margin-left: 0px;
  width: 96px;
  height: 96px;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer #featuredHome .owl-carousel .owl-controls .owl-buttons .owl-prev {
  top: 35% !important;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer #featuredHome .owl-carousel .owl-controls .owl-buttons .owl-prev:before {
  content: url(../images/chevron-left_25x34.svg);
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer #featuredHome .owl-carousel .owl-controls .owl-buttons .owl-next {
  top: 35% !important;
}
.page-orderConfirmationPage .cross-selling-section #crossSellingContainer #featuredHome .owl-carousel .owl-controls .owl-buttons .owl-next:before {
  content: url(../images/chevron-right_25x34.svg);
}
/*** END - Checkout-order-confirmation section LESS code block ***/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  #simulation-response .simulationSection .title-plate {
    margin-bottom: 20px;
    height: 30px;
  }
  #simulation-response .simulationSection .title-plate h2 {
    line-height: 10px;
    font-size: 11pt;
    height: 30px;
    min-width: 127px;
  }
  #simulation-response .simulationSection .customer-title {
    margin-top: -2px;
  }
  #simulation-response .simulationSection .orderSummary {
    padding: 0;
  }
  #simulation-response .simulationSection .orderSummary .col-sm-4 .title-desc {
    margin-left: 0;
  }
  #simulation-response .simulationSection .orderSummary .bullet-title {
    margin-top: 30px;
    font-size: 10pt;
    font-weight: bold;
    min-height: 40px;
  }
  #simulation-response .simulationSection .orderSummary .bullet-title:before {
    width: 12px;
    height: 12px;
  }
  #simulation-response .simulationSection .orderSummary .title-desc {
    margin-top: 5px;
    font-size: 11pt;
  }
  #simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4 .title-desc {
    width: 100%;
    margin-top: 10px;
  }
  #simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4:nth-of-type(2) {
    margin-top: 30px;
  }
  #simulation-response .simulationSection .orderSummary .block-data.left-div-xs {
    padding-right: 0;
  }
  #simulation-response .simulationSection .orderSummary .block-data.right-div-xs {
    padding-left: 10px;
  }
  #simulation-response .simulationSection .orderSummary .block-data.right-div-xs .bullet-title {
    display: inline-block;
  }
  #simulation-response .simulationSection .orderSummary .invoice-payment-info .title-desc {
    width: 35%;
  }
  .span-24 a[href="/checkout"] {
    display: none;
  }
  .span-24 tbody#cart_items_tbody tr td.product_details {
    display: block;
    min-width: 100%;
    text-align: left;
  }
  .span-24 tbody#cart_items_tbody tr td.product_details.geo-code-alignment .vat-exempt {
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
    margin: 18px 0 10px 0;
  }
  .span-24 div.read-agreement {
    text-align: center;
  }
  .span-24 div.read-agreement .label-text {
    display: block;
    padding: 0 0 20px 0;
  }
  .span-24 div.read-agreement .label-text label {
    padding: 0;
    text-align: center;
    margin-top: 12px;
    font-size: 11pt;
    margin-bottom: 25px;
    float: unset;
  }
  .span-24 div.read-agreement .label-text label .terms-and-conditions {
    display: block;
  }
  .span-24 div.read-agreement .label-text label .checkmark {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 13px;
    vertical-align: top;
  }
  .span-24 div.read-agreement .label-text label .compare-size {
    font-size: 11pt;
    width: 86%;
  }
  .span-24 div.read-agreement .label-text label .compare-size.first {
    margin-right: 0;
  }
  .span-24 div.read-agreement:last-child {
    margin-top: 0;
    margin-bottom: 5px;
    padding-bottom: 30px;
  }
  .span-24 div.read-agreement:last-child .btn-block div {
    text-align: center;
  }
  .span-24 div.read-agreement:last-child .btn-block div .place-order-button {
    float: none !important;
  }
  .span-24 div.read-agreement:last-child .btn-block div.backToCheckBtn {
    margin-top: 30px;
    text-align: center;
  }
  .span-24 div.read-agreement:last-child .btn-block div.backToCheckBtn button {
    width: auto !important;
    padding: 0 10px;
  }
  .span-24 div.read-agreement .button-block .col-sm-6:first-child {
    text-align: center;
    margin-bottom: 30px;
  }
  .span-24 div.read-agreement .place-order-button {
    float: unset;
    clear: both;
  }
  .span-24 .order-msg-wrapper .order-email-mob {
    margin-top: 30px;
  }
  .order-msg-wrapper .thank-you-label {
    font-size: 15px;
  }
  .order-msg-wrapper .order-label {
    font-size: 15px;
  }
  .order-msg-wrapper .order-number-label {
    font-size: 15px;
  }
  form#placeOrderForm .item_container_holder {
    margin-top: 20px;
  }
  form#placeOrderForm .item_container_holder table#your_cart thead {
    display: none;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td .product_image {
    display: table-cell;
    vertical-align: middle;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td .product_image a {
    width: 96px;
    height: 96px;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td .product_image a img {
    margin-left: -5px;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.total.cartValue .vat-exempt {
    text-transform: uppercase;
    margin-top: 24px;
    font-size: 10pt;
    font-weight: 500;
    color: #333333;
  }
  form#placeOrderForm .voucher-outer-container.cart-tab-totals .item_container_holder.voucher-container.bg-transparent {
    margin-top: 0;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display {
    display: flex;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background {
    background-color: #ddf5ff;
    width: 45px;
    height: 32px;
    margin-top: 10px;
    margin-right: 3px;
    text-align: center;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background img {
    margin: 7px;
    width: 19px;
    height: 16px;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .heavy-weight-image {
    background-color: #ddf5ff;
    width: 45px !important;
    height: 32px !important;
    margin-top: 10px;
    margin-right: 3px;
    text-align: center;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .heavy-weight-image img {
    width: 30px;
    height: 20px;
    margin: 5px;
  }
  .bookin-billing-date {
    width: 215px;
    margin: 0 auto;
    float: none;
  }
  .select-person {
    width: 215px;
    float: none;
  }
  .page-orderConfirmationPage .quick-registration-form .right-align-section {
    float: left;
  }
  .page-orderConfirmationPage .quick-registration-form button {
    margin-left: 45px;
  }
  .page-orderConfirmationPage .orderConfirmationPageSectionCrossSelling {
    margin: auto;
    width: 95%;
  }
  .page-orderConfirmationPage .orderConfirmationPageSectionCrossSelling #crossSellingContainer #featuredHome .owl-carousel .item {
    width: 90%;
    margin: auto;
  }
  .page-orderConfirmationPage .orderConfirmationPageSectionCrossSelling #crossSellingContainer #featuredHome .owl-carousel .owl-controls .owl-buttons .owl-prev {
    top: 35% !important;
    left: -35px;
  }
  .page-orderConfirmationPage .orderConfirmationPageSectionCrossSelling #crossSellingContainer #featuredHome .owl-carousel .owl-controls .owl-buttons .owl-next {
    top: 35% !important;
    right: -35px;
  }
  .checkout-summary-page-top-container .terms-align {
    display: block !important;
  }
  .read-agreement.read-agreement-bottom .terms-below-text-right {
    float: unset !important;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  #simulation-response .simulationSection .endCustomer-info .address-block {
    margin-left: -10px;
  }
  #simulation-response .simulationSection .endCustomer-info .address-block .address {
    margin-top: 10px;
  }
  #simulation-response .simulationSection .orderSummary {
    padding: 0;
  }
  #simulation-response .simulationSection .orderSummary .bullet-title {
    min-height: 25px;
  }
  #simulation-response .simulationSection .orderSummary .title-desc {
    margin-top: 25px;
  }
  #simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4 .title-desc {
    width: 100%;
    margin-top: 70px;
  }
  #simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4 .title-desc span {
    width: 280px;
  }
  #simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4:first-child .bullet-title {
    width: 200%;
  }
  #simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4:first-child .title-desc {
    margin-top: 25px;
  }
  .order-msg-wrapper .thank-you-label {
    font-size: 24px;
  }
  .orderSummaryPageImageBlockComponent .padding-order-confirmation {
    margin-bottom: 58px;
  }
  .orderSummaryPageImageBlockComponent .eco3-comp-box {
    min-height: 319px;
    margin-bottom: 0;
  }
  form#placeOrderForm .checkout-totals-section .span-8.last.right.cart-tab-totals {
    right: 10px;
    margin-bottom: 10px;
  }
  form#placeOrderForm .item_container_holder table#your_cart {
    margin-top: 20px;
    text-align: left;
  }
  form#placeOrderForm .item_container_holder table#your_cart thead {
    display: none;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.total.cartValue {
    min-width: 207px;
    text-align: right;
    position: relative;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.total.cartValue .price-val {
    position: absolute;
    top: 15px;
    right: 0;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.total.cartValue .vat-exempt {
    position: absolute;
    bottom: 15px;
    right: 0;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
    margin: 115px 0 0 0;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.product_image {
    padding: 20px 10px;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.product_image .campaign-icon-class {
    display: table;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.product_image .campaign-icon-class .product_image {
    display: table-cell;
    vertical-align: middle;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.product_image .campaign-icon-class .product_image a {
    width: 96px;
    height: 96px;
  }
  .voucher-outer-container.cart-tab-totals .voucher-code.form-control,
  .voucher-outer-container.cart-tab-totals .voucher-code-display.form-control {
    margin-left: -3px !important;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display {
    display: flex;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background {
    background-color: #ddf5ff;
    width: 44px;
    height: 35px;
    margin-top: 10px;
    margin-right: 3px;
    text-align: center;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background img {
    margin: 7px;
    width: 23px;
    height: 20px;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .heavy-weight-image {
    background-color: #ddf5ff;
    width: 44px;
    height: 35px;
    margin-top: 10px;
    margin-right: 3px;
    text-align: center;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .heavy-weight-image img {
    width: 33px;
    height: 22px;
    margin: 5px;
  }
  .page-orderConfirmationPage #breadcrumb ul {
    margin-right: -30px !important;
  }
  .page-orderConfirmationPage #breadcrumb .breadcrumb li.active {
    overflow: unset;
  }
  .page-orderConfirmationPage #crossSellingContainer #featuredHome .carousel-component {
    width: 90%;
    margin: 35px auto 15px;
  }
  .page-orderConfirmationPage #crossSellingContainer #featuredHome .owl-carousel .item {
    width: 90%;
    margin: auto;
  }
  .page-orderConfirmationPage #crossSellingContainer #featuredHome .owl-carousel .owl-controls .owl-buttons .owl-prev {
    top: 35% !important;
    left: -30px;
  }
  .page-orderConfirmationPage #crossSellingContainer #featuredHome .owl-carousel .owl-controls .owl-buttons .owl-next {
    top: 35% !important;
    right: -30px;
  }
  .checkout-summary-page-top-container .terms-align {
    display: block !important;
  }
  .page-checkoutOrderSummaryPage .checkout-totals-section .cart-tab-totals {
    margin-top: 55px !important;
  }
  .page-checkoutOrderSummaryPage .span-8.last.right.cart-tab-totals {
    width: 100% !important;
  }
  .page-checkoutOrderSummaryPage .span-8.last.right.cart-tab-totals .cart-totals {
    width: 100% !important;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  #simulation-response .simulationSection .orderSummary .additional-info .col-sm-6.col-md-4:first-child .title-desc {
    margin-top: 0;
  }
  #simulation-response .simulationSection #end-customer-checkout-service-summary {
    margin-left: 5px;
  }
  #simulation-response .simulationSection #end-customer-checkout-service-summary .address {
    margin-top: -10px;
  }
  #simulation-response .endCustomer-section {
    margin-left: -20px;
  }
  .span-24 a[href="/checkout"] {
    display: none;
  }
  .span-24 div.read-agreement .button-block .col-sm-6:first-child {
    text-align: center;
    margin-top: 30px;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.product_image {
    min-height: 145px;
    padding-left: 20px !important;
  }
  form#placeOrderForm .item_container_holder table#your_cart tbody tr td.product_image .product_image {
    display: table-cell;
    vertical-align: middle;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display {
    display: flex;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background {
    background-color: #ddf5ff;
    width: 44px;
    height: 35px;
    margin-top: 10px;
    margin-right: 3px;
    text-align: center;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .campaign-icon-background img {
    margin: 7px;
    width: 23px;
    height: 20px;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .heavy-weight-image {
    background-color: #ddf5ff;
    width: 44px;
    height: 35px;
    margin-top: 10px;
    margin-right: 3px;
    text-align: center;
  }
  #simulation-response-placeholder .campaign-summarycart-page .campaign-display .summarycart-campaign-display .heavy-weight-image img {
    margin: 5px;
    width: 33px;
    height: 22px;
  }
  .order-msg-wrapper .order-email-mob-quote {
    width: 42%;
    margin: 0 auto;
    float: none;
    overflow: auto;
  }
  .page-orderConfirmationPage .orderConfirmationPageSectionCrossSelling {
    margin: auto;
    width: 95%;
  }
  .page-orderConfirmationPage .orderConfirmationPageSectionCrossSelling .item {
    margin: 0 20px;
  }
  /*****************************Desktop-End*********************************/
}
/* import order-summary page*/
/******************************************************************************************************************
/* File Name        : wishlist.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 24-Jan-2018
/* Description      : This is less code for the wishlist main page
/*******************************************************************************************************************/
/* imports the variable.less */
/* *********************** Wishlist Popup **************************/
form#favoriteListForm,
form#favoriteListEditForm {
  overflow: auto;
}
form#favoriteListForm .fabpopupError,
form#favoriteListEditForm .fabpopupError {
  display: inline-block;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-bottom: 20px;
}
form#favoriteListForm .fabpopupError div,
form#favoriteListEditForm .fabpopupError div {
  display: none;
  width: 100%;
  padding: 10px;
  text-align: left;
}
form#favoriteListForm .fabpopupError div i,
form#favoriteListEditForm .fabpopupError div i,
form#favoriteListForm .fabpopupError div span,
form#favoriteListEditForm .fabpopupError div span {
  display: table-cell;
  vertical-align: middle;
  background-position: left center;
}
form#favoriteListForm .fabpopupError div.success,
form#favoriteListEditForm .fabpopupError div.success {
  color: #83bc34 !important;
  background: none;
  border: none;
}
form#favoriteListForm .fabpopupError .global-alerts-icon.confirmation-icon,
form#favoriteListEditForm .fabpopupError .global-alerts-icon.confirmation-icon,
form#favoriteListForm .fabpopupError .global-alerts-icon.error-icon,
form#favoriteListEditForm .fabpopupError .global-alerts-icon.error-icon {
  width: 34px;
  height: 34px;
  text-align: left;
  background-size: 74%;
  background-repeat: no-repeat;
}
form#favoriteListForm button#favoriteListFormButton,
form#favoriteListEditForm button#favoriteListFormButton,
form#favoriteListForm button.favorite-list-form-button,
form#favoriteListEditForm button.favorite-list-form-button {
  display: block;
  text-align: center;
  margin: 1px auto;
  width: 180px;
  outline: none;
}
form#favoriteListForm .wishlist-allowed-flag,
form#favoriteListEditForm .wishlist-allowed-flag,
form#favoriteListForm .wishlist-edit-allowed-flag,
form#favoriteListEditForm .wishlist-edit-allowed-flag {
  margin-bottom: 33px;
}
form#favoriteListForm .wishlist-allowed-flag .eco3-checkbox,
form#favoriteListEditForm .wishlist-allowed-flag .eco3-checkbox,
form#favoriteListForm .wishlist-edit-allowed-flag .eco3-checkbox,
form#favoriteListEditForm .wishlist-edit-allowed-flag .eco3-checkbox {
  text-align: center;
}
form#favoriteListForm .wishlist-allowed-flag .eco3-checkbox .checkmark,
form#favoriteListEditForm .wishlist-allowed-flag .eco3-checkbox .checkmark,
form#favoriteListForm .wishlist-edit-allowed-flag .eco3-checkbox .checkmark,
form#favoriteListEditForm .wishlist-edit-allowed-flag .eco3-checkbox .checkmark {
  left: 126px;
}
form#favoriteListForm .wishlist-allowed-flag .eco3-checkbox span.addToCheck,
form#favoriteListEditForm .wishlist-allowed-flag .eco3-checkbox span.addToCheck,
form#favoriteListForm .wishlist-edit-allowed-flag .eco3-checkbox span.addToCheck,
form#favoriteListEditForm .wishlist-edit-allowed-flag .eco3-checkbox span.addToCheck {
  font-weight: 400;
  line-height: 19px;
  font-size: 14px;
  text-transform: none;
  width: 320px;
  display: inline-block;
  margin-left: 50px;
  text-align: left;
}
form#favoriteListForm .favEditHideShowBlock,
form#favoriteListEditForm .favEditHideShowBlock {
  margin-left: 30px;
}
form#favoriteListForm .container ul.nav.nav-tabs,
form#favoriteListEditForm .container ul.nav.nav-tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
  border: none;
  margin: 30px 0 0 0;
}
form#favoriteListForm .container ul.nav.nav-tabs li,
form#favoriteListEditForm .container ul.nav.nav-tabs li {
  background: none;
  color: #434343;
  display: inline-block;
  cursor: pointer;
  width: 170px;
}
form#favoriteListForm .container ul.nav.nav-tabs li a,
form#favoriteListEditForm .container ul.nav.nav-tabs li a {
  width: auto !important;
  padding: 10px;
  font-size: 11pt;
  font-weight: normal;
  text-transform: capitalize;
}
form#favoriteListForm .container ul.nav.nav-tabs li.active a,
form#favoriteListEditForm .container ul.nav.nav-tabs li.active a {
  font-weight: 500;
  color: #009cdd;
}
form#favoriteListForm .container ul.nav.nav-tabs li.disabled,
form#favoriteListEditForm .container ul.nav.nav-tabs li.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.4;
}
form#favoriteListForm .container .tab-content,
form#favoriteListEditForm .container .tab-content {
  padding: 35px 10px 0px 10px;
}
form#favoriteListForm .container .tab-content.current,
form#favoriteListEditForm .container .tab-content.current {
  display: inherit;
}
form#favoriteListForm div#createnewishlistTab h3,
form#favoriteListEditForm div#createnewishlistTab h3,
form#favoriteListForm div#addtoexistingTab h3,
form#favoriteListEditForm div#addtoexistingTab h3 {
  display: none;
}
form#favoriteListForm div#createnewishlistTab .inputRow,
form#favoriteListEditForm div#createnewishlistTab .inputRow,
form#favoriteListForm div#addtoexistingTab .inputRow,
form#favoriteListEditForm div#addtoexistingTab .inputRow {
  display: block;
  width: 81%;
  margin: 30px auto 30px auto;
}
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap {
  width: 49%;
  display: inline-block;
}
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap .wishlist-dropdown-radius,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap .wishlist-dropdown-radius,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap .wishlist-dropdown-radius,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap .wishlist-dropdown-radius {
  border-radius: 0 !important;
}
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap label,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap label,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap label,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap label {
  display: block;
  font-size: 10pt;
  font-weight: 500;
  color: #434343;
}
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select#myselectListCreate,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap select#myselectListCreate,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select#myselectListCreate,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap select#myselectListCreate,
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select#myselectExistingList,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap select#myselectExistingList,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select#myselectExistingList,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap select#myselectExistingList,
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select#existingNamesPrivate,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap select#existingNamesPrivate,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select#existingNamesPrivate,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap select#existingNamesPrivate,
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select#existingNamesPublic,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap select#existingNamesPublic,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select#existingNamesPublic,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap select#existingNamesPublic {
  height: 35px;
  width: 180px;
  border: 1px solid #cccccc;
  padding-left: 10px;
}
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap input#enteredName,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap input#enteredName,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap input#enteredName,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap input#enteredName {
  width: 180px;
  height: 35px;
  padding: 0 0 0 5px;
}
form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select:focus,
form#favoriteListEditForm div#createnewishlistTab .inputRow .left.inputWrap select:focus,
form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select:focus,
form#favoriteListEditForm div#addtoexistingTab .inputRow .left.inputWrap select:focus {
  outline: none;
}
form#favoriteListForm div#createnewishlistTab #createFavoriteList,
form#favoriteListEditForm div#createnewishlistTab #createFavoriteList {
  margin-left: 20px;
}
form#favoriteListForm .cancel,
form#favoriteListEditForm .cancel {
  min-width: 180px;
  width: 180px;
  height: 40px;
  color: #434343;
  text-transform: uppercase;
  font-size: 11pt;
  font-weight: normal;
  background-color: #ffffff;
  padding: 0;
  border: none;
}
form#favoriteListForm .sub-title,
form#favoriteListEditForm .sub-title {
  display: block;
  width: 81%;
  margin: 0 auto 0 auto;
}
.modal-dialog.highlight.eco3-addToCart .modal-header {
  height: 40px;
}
.modal-dialog.highlight.eco3-addToCart .modal-header span#myModalLabel {
  min-width: 200px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
.modal-dialog.highlight.eco3-addToCart h4#myModalLabel {
  height: 45px;
}
.alertpopup {
  background-color: #f3f3f3;
  left: 50%;
  padding: 35px 20px 20px 20px;
  position: fixed;
  text-align: center;
  top: 80px;
  width: 374px;
  z-index: 99999999;
  font-size: 12pt;
  font-weight: normal;
  color: #333333;
  margin: 0 0 0 -172px;
}
.alertpopup button.green-go.form {
  font-size: 11pt !important;
  height: 30px;
  min-width: 70px;
  color: #ffffff;
  border: none;
  margin: 40px 0px 20px 0px;
  background-color: #009cdd;
}
.alertpopup button.green-go.form.cancel {
  background-color: #f3f3f3;
  color: #7d7d7d;
  border: none;
}
.alertpopup .popup-close {
  position: relative;
  top: -20px;
  float: right;
  right: -10px;
  padding: 10px;
  margin: 0;
  background-image: url(../images/icon-close.svg) !important;
  background-size: 20px;
  border: none !important;
  background-color: #f3f3f3;
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.5);
  top: 0;
  left: 0;
  z-index: 9999999;
  opacity: 0.8;
  pointer-events: none;
  overflow: hidden;
}
/* *********************** Wishlist Popup ends **************************/
/* *************************** Wishlist List page Start ********************/
#wishlistTabs {
  margin-bottom: 50px;
}
#wishlistTabs .nav-tabs {
  padding: 50px 10px;
}
#wishlistTabs .wishlist-button {
  float: right;
}
#wishlistTabs .btn.delConfirm {
  max-width: 90px;
  min-height: 30px;
  height: 30px;
  min-width: 90px;
}
#wishlistTabs .eco3-table .favourite-list-top-container .favourite-list-info-container {
  margin-left: -4px;
}
#wishlistTabs .eco3-table .favourite-list-top-container .favourite-list-top-wrapper a.btn.btn-1.blue {
  float: left;
  color: #ffffff !important;
  width: 180px;
  font-size: 11pt;
  font-weight: normal;
}
#wishlistTabs .eco3-table th,
#wishlistTabs .eco3-table td,
#wishlistTabs .eco3-table a.favName {
  color: #333333;
}
#wishlistTabs .eco3-table .fav-list-owner-msg {
  color: #333333;
  font-size: 9pt;
  font-weight: normal;
}
#wishlistTabs .eco3-table th.no-sort {
  cursor: default;
  background-image: none !important;
}
@media (max-width: 1200px) and (min-width: 768px) {
  #wishlistTabs .eco3-table td .icon-delete-item,
  #wishlistTabs .eco3-table td .icon-edit-item {
    top: 0 !important;
  }
  #wishlistTabs .eco3-table td .icon-edit-item {
    margin-right: 40px;
  }
}
#wishlistTabs .eco3-table td .icon-delete-item,
#wishlistTabs .eco3-table td .icon-edit-item {
  top: 0;
}
#wishlistTabs .eco3-table td .product-btn {
  width: 70px;
  height: 35px;
  margin-right: 17px;
  line-height: 35px;
  background-size: auto 21px;
}
#wishlistTabs .eco3-table td .product-btn a.highlight {
  color: #2b9cea !important;
}
#wishlistTabs #wishlistPrivateTab .eco3-table .wishlist-button {
  padding-top: 7px;
}
#wishlistTabs #wishlistShareTab .eco3-table .public-list-select {
  top: 6px;
}
.wishlistTab {
  display: inline-block;
  width: 100%;
  min-height: 400px;
}
.wishlistTab table {
  margin: 0 auto;
  max-width: 1366px;
}
.wishlistTab table thead tr th,
.wishlistTab table tbody tr td {
  border-bottom: 1px solid #f3f3f3;
  height: 70px;
  padding: 0 10px;
  text-align: center;
}
.wishlistTab table td.no-border {
  border-bottom: none;
}
.wishlistTab .sharelistLink {
  position: relative;
  top: -10px;
}
.wishlistTab table.dataTable > tbody > tr.child ul.dtr-details > li {
  border: none;
}
.wishlistTab .private-list-icons {
  display: inline-block;
  float: none;
  min-width: 100px;
  margin-left: 20px;
}
.wishlistTab .public-list-select select.form-control {
  height: 35px;
}
.wishlistTab .eco3-table table#sharedWishListTable tr th.sharedListHeader,
.wishlistTab .eco3-table table#privateWishListTable tr th.sharedListHeader,
.wishlistTab .eco3-table table#sharedWishListTable tr th.privateListHeader,
.wishlistTab .eco3-table table#privateWishListTable tr th.privateListHeader {
  pointer-events: none;
}
.private-list-search #custom-search-input {
  width: 280px;
  margin-top: 8px;
}
.private-list-search .searchBox {
  padding: 0;
}
.public-list-search #custom-search-input .icon-container,
.private-list-search #custom-search-input .icon-container {
  border-left: 1px solid lightgrey;
  float: right;
  top: -26px;
  position: relative;
  z-index: 999;
  padding-left: 18px;
  height: 20px;
}
.public-list-search #custom-search-input .icon-container .search-magnifier,
.private-list-search #custom-search-input .icon-container .search-magnifier {
  top: 3px !important;
  background-size: 17px;
}
.wish-list-columns .wishlist-name {
  width: 20% !important;
  font-size: 15px;
}
.wish-list-columns .wishlist-quantity {
  width: 16% !important;
  font-size: 15px;
}
.wish-list-columns .wishlist-created-date {
  width: 20% !important;
  font-size: 15px;
}
.wish-list-columns .wishlist-edit-section {
  font-size: 15px;
}
.wish-list-columns .wishlist-action-section {
  width: 25% !important;
  font-size: 15px;
}
.wishtable-pad-top {
  padding-top: 45px;
}
.wishtable-pad-top .editFav {
  height: 30px;
  width: 38px;
}
.wishtable-pad-top .deleteFav {
  height: 30px;
  width: 38px;
}
.wishtable-pad-top .btn-group-product .product-btn.product-btn-ATQ.qtyBtn {
  background-size: 18px;
}
.wishtable-pad-top .btn-group-product .product-btn.product-btn-ATC.favourite-list_add_to_cart {
  background-size: 25px;
}
.wishtable-pad-top .btn-group-product {
  top: 5px;
  float: none;
}
.mobile-action-buttons a {
  font-size: 15px;
}
.wishList-empty h3 {
  font-size: 22px;
  color: #666666;
}
.wishList-empty h4 {
  font-size: 19px;
  font-weight: 400;
  color: #666666;
  padding: 25px 0 50px 0;
}
.wish-buttons-padding {
  float: right;
  padding-top: 10px;
  padding-left: 30px;
}
.wish-list-columns td {
  font-size: 15px;
}
#breadcrumb ul {
  box-shadow: 0 2px 7px 0 #d9d9d9;
}
#breadcrumb ul li {
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  color: #666666;
}
#breadcrumb ul li.active {
  font-family: Roboto;
  font-size: 21px;
  line-height: 34px;
  color: #666666;
  padding-left: 40px;
}
#breadcrumb ul .breadcrumb-smallarrow {
  width: 14px;
  height: 18px;
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
#breadcrumb ul .breadcrumb-page-title {
  height: 20px;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #009cdd;
  line-height: 0px;
  _border-color: #000000 #000000 #000000 #009cdd;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='@accordion-bg');
  margin-right: 10px;
}
table.wishlist-action-elements {
  margin: 0 !important;
}
table.wishlist-action-elements tr td {
  min-width: 100px;
  border: none !important;
}
#favoriteListForm .nav-tabs {
  display: table;
  margin: 30px auto 0 auto !important;
}
#favoriteListForm .nav-tabs .favoriteListPopupTab {
  float: none;
  display: table-cell !important;
  vertical-align: middle;
}
#favoriteListForm .nav-tabs .favoriteListPopupTab a {
  height: auto !important;
}
/* *************************** Wishlist List page end***************** */
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  /* *********************** Wishlist Popup **************************/
  #wishlistTabs .nav-tabs {
    padding: 30px 0;
  }
  #wishlistTabs .nav-tabs li {
    width: 49%;
    max-width: 200px;
  }
  #wishlistTabs .nav-tabs a {
    min-width: 135px;
    width: 100%;
  }
  #wishlistTabs .wishlist-button {
    float: none;
  }
  #wishlistTabs .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    padding: 14px 10px;
  }
  #wishlistTabs .eco3-table table.dataTable tbody tr.child ul.dtr-details .product-btn {
    width: 60px;
    height: 30px;
    line-height: 30px;
  }
  #wishlistTabs .eco3-table table.dataTable tbody tr.child ul.dtr-details .product-btn.product-btn-ATQ {
    margin-left: 17px;
  }
  #wishlistTabs .eco3-table table.dataTable tbody tr.child ul.dtr-details .product-btn.product-btn-ATC {
    margin-right: 0;
  }
  #wishlistTabs .eco3-table table.dataTable tbody tr.child ul.dtr-details .product-btn {
    margin-right: 20px !important;
    padding-bottom: 10px;
  }
  #wishlistTabs .eco3-table .order-history-list tbody tr.child span.dtr-data {
    word-break: normal!important;
  }
  .wish-list-columns .wishlist-edit-section {
    width: 25% !important;
  }
  .list-tabs-mobile .addShaddow {
    font-size: 13px;
  }
  .wishtable-pad-top span.dtr-data .editFav {
    margin-right: 20px !important;
  }
  .wishtable-pad-top span.dtr-data .deleteFav {
    margin-right: 30px;
  }
  .public-list-select select.form-control {
    height: 35px;
  }
  .public-list-search #custom-search-input {
    width: 100%;
  }
  .public-list-search .tableSearchField {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
  }
  .private-list-search #custom-search-input {
    width: 100%;
  }
  .private-list-search .eco3-table-search-field {
    width: 100%;
  }
  .private-list-search .searchBox label {
    font-weight: bold;
  }
  .wish-list-columns .wishlist-name,
  .wish-list-columns .wishlist-quantity,
  .wish-list-columns .wishlist-created-date {
    font-size: 13px;
  }
  a {
    font-size: 13px;
  }
  .wish-buttons-padding {
    padding: 10px 30px 0;
    float: none;
  }
  form#favoriteListForm {
    overflow: auto;
  }
  form#favoriteListForm button#favoriteListFormButton,
  form#favoriteListForm button.favorite-list-form-button {
    text-align: center;
    min-width: 70px;
    position: relative;
    height: 30px;
    display: inline-block;
    margin: 30px auto;
  }
  form#favoriteListForm button.favorite-list-form-button {
    margin: 0px auto 30px auto !important;
  }
  form#favoriteListForm .wishlist-save-align {
    text-align: center;
  }
  form#favoriteListForm .container ul.nav.nav-tabs li {
    display: grid !important;
    margin: 0 auto;
  }
  form#favoriteListForm .container ul.nav.nav-tabs li a {
    width: auto !important;
    padding: 10px;
  }
  form#favoriteListForm div#createnewishlistTab .inputRow,
  form#favoriteListForm div#addtoexistingTab .inputRow {
    width: 100%;
  }
  form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap,
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap {
    display: block;
    width: 200px;
    margin: 30px auto;
    text-align: center;
  }
  form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap label,
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap label {
    text-align: left;
  }
  form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select#myselectListCreate,
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select#myselectListCreate,
  form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select#myselectExistingList,
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select#myselectExistingList {
    width: 200px;
  }
  form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap input#enteredName,
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap input#enteredName,
  form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select#existingNamesPrivate,
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select#existingNamesPrivate,
  form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select#existingNamesPublic,
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select#existingNamesPublic {
    width: 200px;
  }
  form#favoriteListForm div#createnewishlistTab .inputRow .left.inputWrap select option,
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap select option {
    width: 200px;
  }
  form#favoriteListForm .wishlist-allowed-flag {
    width: 220px !important;
    margin: auto;
  }
  form#favoriteListForm .wishlist-allowed-flag .eco3-checkbox {
    padding-left: 28px;
    text-align: left;
  }
  form#favoriteListForm .wishlist-allowed-flag .eco3-checkbox .checkmark {
    left: 1px;
  }
  form#favoriteListForm .wishlist-allowed-flag .eco3-checkbox span.addToCheck {
    width: 190px;
    margin-left: 10px;
  }
  form#favoriteListEditForm #createnewishlistTab {
    margin-left: 40px !important;
  }
  form#favoriteListEditForm #createnewishlistTab .sub-title {
    width: 84%;
  }
  form#favoriteListEditForm #createnewishlistTab .inputRow {
    margin-bottom: 0 !important;
  }
  form#favoriteListEditForm .wishlist-edit-allowed-flag {
    width: 220px !important;
    margin: auto;
  }
  form#favoriteListEditForm .wishlist-edit-allowed-flag .eco3-checkbox {
    padding-left: 28px;
    text-align: left;
  }
  form#favoriteListEditForm .wishlist-edit-allowed-flag .eco3-checkbox .checkmark {
    left: -5px;
  }
  form#favoriteListEditForm .wishlist-edit-allowed-flag .eco3-checkbox span.addToCheck {
    width: 190px;
    margin-left: 10px;
  }
  form#favoriteListEditForm .favEditSaveBlock {
    margin-top: 30px;
  }
  .alertpopup {
    width: 75%;
    position: fixed;
    left: 50%;
    margin-left: -37.5%;
  }
  .wishList-empty h3 {
    font-size: 19px;
  }
  .wishList-empty h4 {
    font-size: 15px;
  }
  .wishtable-pad-top .editFav {
    height: 31px;
    width: 25px;
    margin-right: 43px;
  }
  .wishtable-pad-top .deleteFav {
    height: 31px;
    width: 25px;
  }
  .private-list-search table.dataTable > tbody > tr.child span.dtr-title {
    display: none;
  }
  .private-list-search table.dataTable > tbody > tr.child span.dtr-title:after {
    content: '';
  }
  select#wishlitSelectType {
    width: 180px;
  }
  #wishlistTabs .eco3-table-search-field .searchBox {
    padding-top: 20px;
  }
  #wishlistTabs .favourite-list-owner-names {
    max-width: 230px;
    width: 100%;
    float: none;
    margin: 0 auto 20px auto;
  }
  #wishlistTabs table thead tr th:first-child {
    min-width: 69px;
    padding-left: 30px;
  }
  #wishlistTabs #wishlistShareTab table.dataTable.no-footer {
    padding: 45px 0 0 0;
  }
  #wishlistTabs #wishlistShareTab .favourite-list-top-container {
    display: inline-block;
    margin: 0 auto;
    max-width: 250px;
  }
  #wishlistTabs .private-list-icons {
    margin-left: 0;
    float: none;
  }
  #wishlistTabs span.dtr-data .private-list-icons {
    float: left;
  }
  tr.child .mobile-action-buttons {
    display: block;
    position: static;
    left: 0;
    float: none;
  }
  tr.child .mobile-action-buttons table.wishlist-action-elements {
    margin: 0 auto !important;
    float: left;
  }
  tr.child .mobile-action-buttons table.wishlist-action-elements tr td {
    background-color: #f4f4f4 !important;
    border: 2px solid #f4f4f4 !important;
    padding: 0;
    min-width: auto;
  }
  .public-wish-table {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .wish-table tr.child li:not(:first-child) .dtr-title:after {
    content: '' !important;
  }
  .wish-table tr.child .wishlist-action-elements .row {
    max-width: 300px;
    margin: 0 auto;
  }
  .wishlistTab table thead tr th,
  .wishlistTab table tbody tr td {
    box-sizing: border-box;
    height: 50px;
  }
  .page-myFavoriteListPage #wishlistShareTab .favourite-list-top-container .bgcolor-popover .popover {
    width: 250px !important;
  }
  #favoriteListForm .nav-tabs .favoriteListPopupTab {
    width: 140px !important;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .wish-buttons-padding {
    padding-left: 0px;
  }
  .wishlistTab table.dataTable tbody td.no-left-padding {
    padding-left: 0;
  }
  .no-right-padding {
    padding-right: 0 !important;
  }
  .public-list-select {
    margin-top: 0;
  }
  .public-list-select select.form-control {
    height: 35px;
  }
  #wishlistTabs .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    padding: 14px 10px;
  }
  #wishlistTabs .eco3-table table.dataTable tbody tr.child ul.dtr-details .product-btn.detail-link {
    margin-right: 10px;
  }
  div#wishlistShareTab table.wish-table {
    width: 95% !important;
  }
  .wishlistTab table thead tr th:first-child {
    padding-left: 20px;
  }
  .wishlistTab table thead tr th {
    min-width: 132px;
    height: 55px;
  }
  .wishlistTab table tbody tr td {
    height: 55px;
  }
  .wishlistTab .btn-group-product {
    top: -3px;
    float: none;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  tr.child table.wishlist-action-elements {
    margin: 0 auto !important;
  }
  tr.child table.wishlist-action-elements tr td {
    background-color: #f4f4f4 !important;
    border: 2px solid #f4f4f4 !important;
  }
  .wishlistTab table.dataTable > tbody > tr.child span.dtr-title:after {
    content: '' !important;
    display: none !important;
  }
  .wishlistTab td:first-child:before {
    margin-top: 9%;
  }
  .wishlistTab td.action-buttons {
    padding-top: 20px !important;
  }
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap#favNameValues {
    float: right;
    width: 45%;
  }
  form#favoriteListForm div#addtoexistingTab .inputRow .left.inputWrap#favNameValues label {
    display: inline-block;
  }
  span.dtr-data .wishlist-action-elements .row div {
    width: 100px;
  }
  #wishlistTabs .eco3-table th span {
    padding-right: 15px;
  }
  form#favoriteListForm div#createnewishlistTab .inputRow {
    margin-left: 60px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  #wishlistTabs #wishlistShareTab table.dataTable.no-footer .edit-delete-block {
    width: 200px;
    box-sizing: border-box;
  }
  table.dataTable > tbody > tr.child span.dtr-title:after {
    content: '' !important;
    display: none !important;
  }
  .wishlistTab td:first-child:before {
    margin-top: 9%;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import Wishlist page*/
/******************************************************************************************************************
/* File Name        : wishlist-details.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 24-Jan-2018
/* Description      : This is less code for the wishlist details main page
/*******************************************************************************************************************/
/* imports the variable.less */
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .campaign-summarycart-page .campaign-icon {
    margin-left: 0;
  }
  #breadcrumb .breadcrumb ul {
    margin-right: -20px;
  }
  #breadcrumb .breadcrumb ul li.active {
    font-size: 19px !important;
    text-align: center;
    padding-left: 0;
  }
  #breadcrumb .breadcrumb ul .breadcrumb-page-title {
    width: 10px;
    height: 15px;
    margin-right: 10px;
  }
  #breadcrumb .breadcrumb li.active {
    padding-left: 0;
  }
  #your_cart.wishlist-detail-table .atp-loaded .content {
    font-size: 13px !important;
    line-height: 20px !important;
  }
  #your_cart.wishlist-detail-table .wishlist-campaign-align .campaign-wishlist-page .campaign-display .wishlist-campaign-display {
    margin-left: -11px !important;
  }
  #your_cart.wishlist-detail-table .wishlist-campaign-align .campaign-wishlist-page .campaign-display .wishlist-campaign-display .campaign-icon {
    width: 45px;
    height: 32px;
  }
  #your_cart.wishlist-detail-table .wishlist-campaign-align .campaign-wishlist-page .campaign-display .wishlist-campaign-display .campaign-icon img {
    width: 19px;
    height: 16px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table .wishlist-qtyPicker .product-quantity-picker {
    margin-right: 6px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.content-align-left-tablet {
    padding-left: 12px !important;
    padding-top: 16px !important;
  }
  .wishlist-qty-btn {
    margin-top: 10px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .campaign-summarycart-page .campaign-icon {
    margin-left: 0;
  }
  #breadcrumb ul {
    margin-right: -19px !important;
  }
  #breadcrumb .breadcrumb .breadcrumb-page-title {
    width: 18px;
    height: 18px;
  }
  .wishlist-detail-table .wishlist-campaign-align .campaign-wishlist-page .campaign-display .wishlist-campaign-display {
    margin-left: 1px !important;
  }
  .wishlist-cart-buttons {
    width: 23.6%;
  }
  .wish-list-details .wishlist-qtyPicker .product-quantity-picker {
    height: 25px;
    float: none;
  }
  .wish-list-details tr td.content-align-left-tablet {
    padding-left: 20px !important;
    padding-right: 0 !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table .wishlist-qtyPicker {
    position: relative !important;
    bottom: 0 !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .availability-column span.content div {
    text-align: left !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .favourite-list-prod-name {
    width: 120%;
  }
  .updateDelete .eco3-icon.icon-refresh {
    margin-bottom: -8px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .updateDelete {
    right: 0;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .wish-list-details .wish-details-wrapper #your_cart tbody {
    border-bottom: none;
  }
  .wish-list-details .wish-details-wrapper #your_cart td {
    padding-right: 0;
  }
  .wish-list-details .wish-details-wrapper #your_cart td.details-action-buttons #wishlist-product-btn {
    left: 0;
    float: left;
    position: static;
  }
  .wish-list-details .wish-details-wrapper #your_cart td.details-action-buttons .qtyBtn {
    margin-left: 20px;
    margin-right: 0;
  }
  .wish-list-details .wish-details-wrapper #your_cart.wishlist-detail-table thead tr th.no-top-border {
    border-bottom: none;
  }
  .wishlistDetailsQuickOrder .componentBlock {
    margin: 0;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
.wish-list-details {
  padding-top: 35px;
}
.wish-list-details #wishlist-empty-container {
  color: #666666;
  font-size: 16.0pt;
  font-weight: 500;
  padding-top: 30px;
}
.wish-list-details #wishlist-empty-container .wishlist-addproduct-warning {
  font-size: 12.0pt;
  color: #434343;
  font-weight: normal;
}
@media (max-width: 767px) {
  .wish-list-details #wishlist-empty-container .wishlist-addproduct-warning {
    font-size: 11pt;
  }
}
@media (max-width: 767px) {
  .wish-list-details #wishlist-empty-container {
    margin-top: 30px;
    font-size: 14pt;
    padding-top: 0;
  }
}
.wish-list-details #select-all-container {
  margin: 40px 0 50px 0;
}
@media (max-width: 1200px) {
  .wish-list-details .wish-list-info {
    padding-left: 0;
  }
  .wish-list-details #select-all-container {
    margin-left: 0;
  }
}
.wish-list-details .wishlist-name-container {
  margin-left: 25px;
  font-weight: 500;
  font-size: 14.0pt;
  color: #001fa4;
  line-height: 1.7;
}
.wish-list-details .wishlist-name-container .wishlist-name,
.wish-list-details .wishlist-name-container .wishlist-type {
  font-weight: normal;
}
@media (max-width: 1200px) {
  .wish-list-details .wishlist-name-container {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .wish-list-details .wishlist-name-container {
    font-size: 12.0pt;
  }
}
.wish-list-details .wislist-others-empty-container {
  margin-top: 70px;
}
.wish-list-details .wislist-others-empty-container .wislist-others-empty-text {
  color: #7d7d7d;
  font-weight: 500;
  font-size: 14.0pt;
  margin-top: 30px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .wish-list-details {
    padding-top: 25px;
  }
  .wish-list-details .wishlist-buttons {
    padding: 16px 0 30px 0;
  }
  .wish-list-details .item_container_holder #select-all-container {
    width: 100%;
  }
}
.wish-list-details table#your_cart.wishlist-detail-table tr td .favourite-list-prod-name {
  font-weight: 500;
  font-size: 11pt;
  min-height: 45px;
}
.wish-list-details table#your_cart.wishlist-detail-table tr td .product-info-container {
  margin-top: 20px;
  font-size: 10.0pt;
  font-weight: normal;
  color: #333333;
}
.wish-list-details table#your_cart.wishlist-detail-table tr td .favlist-price-details-page-price-value {
  font-size: 12pt;
  font-weight: 500;
  color: #333333;
}
.wish-list-details table#your_cart.wishlist-detail-table tr td .favlis-details-page-standard-price-container {
  font-size: 10.0pt;
  font-weight: normal;
}
.wish-list-details table#your_cart.wishlist-detail-table tr td.availability-column a,
.wish-list-details table#your_cart.wishlist-detail-table tr td .availability-column a,
.wish-list-details table#your_cart.wishlist-detail-table tr td.availability-column span.content,
.wish-list-details table#your_cart.wishlist-detail-table tr td .availability-column span.content {
  font-weight: normal;
  font-size: 11.0pt;
  color: #333333;
}
.wish-list-details table#your_cart.wishlist-detail-table tr td.availability-column a div,
.wish-list-details table#your_cart.wishlist-detail-table tr td .availability-column a div,
.wish-list-details table#your_cart.wishlist-detail-table tr td.availability-column span.content div,
.wish-list-details table#your_cart.wishlist-detail-table tr td .availability-column span.content div {
  text-align: center;
}
.wish-list-details table#your_cart.wishlist-detail-table tr td.availability-column a,
.wish-list-details table#your_cart.wishlist-detail-table tr td .availability-column a {
  text-decoration: none;
  color: #fd9927;
}
.wish-list-details table#your_cart.wishlist-detail-table tr td .updateDelete {
  display: block;
  padding-top: 15px;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .wish-list-details table#your_cart.wishlist-detail-table tr {
    width: 100%;
    display: inline-table;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr:first-child {
    border-top: 1px solid #d9d9d9 !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr:last-child {
    border-bottom: 1px solid #d9d9d9 !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr .details-action-buttons .qtyBtn {
    margin-right: 0;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.quantity-column {
    min-width: 200px;
    vertical-align: bottom !important;
    position: relative;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.quantity-column > div {
    position: absolute;
    bottom: 15px;
    width: 100%;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .favlist-details-page-delete.trash {
    top: 4px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.product-info-column {
    min-width: 160px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.content-align-bottom-tablet {
    vertical-align: bottom !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.content-align-left-tablet {
    text-align: left;
    padding-left: 10px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .product-info-container {
    margin-top: 0;
    font-size: 11.0pt;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .updateDelete {
    float: none;
    display: inline;
    padding-top: 0;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.border-tablet {
    border-bottom: 1px solid #d9d9d9 !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .favlist-price-details-page-price-value {
    font-size: 11.0pt;
    font-weight: normal;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td#wishlist-checkall {
    max-width: 20px;
    width: 20px;
  }
}
@media (max-width: 767px) and (min-width: 320px) {
  .wish-list-details table#your_cart.wishlist-detail-table tr:first-child {
    border-top: 1px solid #d9d9d9 !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr:last-child {
    border-bottom: 1px solid #d9d9d9 !important;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .btn-container-mobile {
    float: right;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .btn-container-mobile .favlist-details-page-delete {
    text-align: right;
    margin-top: -40px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.content-align-left-tablet {
    vertical-align: top;
    padding-top: 20px;
    text-align: left;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.content-align-left-tablet .favourite-list-prod-name a {
    font-size: 10pt;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.content-align-left-tablet .thumb {
    margin-left: -10px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.content-align-left-tablet .availability-column .content div {
    text-align: left;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td.content-align-left-tablet .availability-column .content div a {
    font-size: 10pt;
    text-align: left;
    color: #fd9927;
    text-decoration: none;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .wishlist-qtyPicker {
    display: inline-block;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .updateDelete {
    float: none;
    display: inline;
    padding-top: 0;
    right: 0;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .updateDelete .eco3-icon.icon-refresh {
    top: 0;
    position: relative;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .details-action-buttons .qtyBtn {
    margin-right: 0;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td #wishlist-product-btn {
    margin-top: 20px;
    left: 0;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .wishlist-detail-select {
    margin-bottom: 77px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .product-info-container {
    font-size: 13px;
    color: #333333;
    margin-top: 0;
    min-height: 50px;
  }
  .wish-list-details table#your_cart.wishlist-detail-table tr td .favlist-price-details-page-price-value {
    font-size: 13px;
    font-weight: normal;
  }
}
.wish-list-details button#remove_button {
  color: #009cdd;
  font-size: 11pt;
  font-weight: normal;
  width: 140px;
  min-width: 140px;
}
.wish-list-details .wishlist-buttons .favourite-list_add_to_cart {
  width: 200px;
  float: right;
  font-size: 11.0pt;
}
.wish-list-details .wishlist-buttons .favourite-list_add_to_quote {
  margin-top: 15px;
  width: 200px;
  float: right;
  font-size: 11.0pt;
  white-space: normal;
  line-height: 18px;
}
.wish-list-details .pad-right-0 {
  padding-right: 0 !important;
}
.wish-list-details .pad-right-5 {
  padding-right: 5px !important;
}
.content-details-wrapper {
  border: none !important;
}
.content-details-wrapper td {
  border-bottom: 1px solid #d9d9d9;
}
.content-details-wrapper .content-align-middle {
  vertical-align: middle !important;
}
.wish-details-wrapper {
  padding-top: 50px;
}
.wish-details-wrapper .favourite-list-prod-name a {
  color: #009cdd;
}
.wish-details-wrapper .content-details-wrapper .icon-delete-item {
  top: 0;
}
.wish-details-wrapper #wishlist-product-btn .product-btn-ATQ {
  background-size: 17px;
}
.wish-details-wrapper #wishlist-product-btn .product-btn-ATC {
  background-size: 25px;
}
.wish-details-wrapper #wishlist-product-btn .product-btn-ATQ,
.wish-details-wrapper #wishlist-product-btn .product-btn-ATC {
  background-size: auto 21px;
}
.details-action-buttons .qtyBtn {
  width: 70px;
  height: 35px;
  margin-right: 20px;
  line-height: 35px;
  background-size: 18px;
}
.details-action-buttons .product-btn-ATC .qtyBtn {
  background-size: 25px;
}
@media only screen and (max-width: 767px) {
  .wishlist-buttons .favourite-list_add_to_cart {
    float: none !important;
  }
  .wishlist-buttons .favourite-list_add_to_quote {
    float: none !important;
  }
}
.quickOrderBlock {
  max-width: 280px;
  margin: 0 auto;
  text-align: center;
}
.quickOrderBlock .add_to_list_btn {
  padding: 5px 20px;
  position: relative;
  left: 30px;
  top: 0px;
  width: 80px;
  height: 40px;
}
.wishlistDetailsQuickOrder .empty {
  float: none;
  text-align: center;
  margin: 0 auto;
}
.wishlistDetailsQuickOrder form {
  padding: 0px 20px;
  margin-bottom: 30px;
}
.wishlist-detail-table .atp-loaded .content {
  font-size: 15px !important;
  line-height: 21px;
}
.wishlist-detail-table .wishlist-campaign-align .campaign-wishlist-page .campaign-display .wishlist-campaign-display {
  display: flex;
  margin-left: 6px;
}
.wishlist-detail-table .wishlist-campaign-align .campaign-wishlist-page .campaign-display .wishlist-campaign-display .campaign-icon {
  background-color: #ddf5ff;
  width: 44px;
  height: 35px;
  margin-top: 10px;
  margin-right: 3px;
  text-align: center;
}
.wishlist-detail-table .wishlist-campaign-align .campaign-wishlist-page .campaign-display .wishlist-campaign-display .campaign-icon img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
.wish-list-details .wish-details-wrapper table#your_cart.wishlist-detail-table thead tr {
  border: none;
}
.wish-list-details .wish-details-wrapper table#your_cart.wishlist-detail-table thead tr th {
  border-bottom: 1px solid #d9d9d9;
}
.wish-list-details .wish-details-wrapper .bgcolor-popover .popover .popover-content ul li.listAlign a.textAlignList {
  margin-left: 0;
}
.wish-list-details .updateDelete {
  float: right;
  position: relative;
  right: 20px;
}
/* import Wishlist details page*/
/******************************************************************************************************************
/* File Name        : ecotabs.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 24-Jan-2018
/* Description      : This is less code for the common tabs for website
/*******************************************************************************************************************/
.main-ecotabs .eco3-responsive-tabs {
  max-width: none;
}
.main-ecotabs .eco3-responsive-tabs .main-tab-border {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  position: relative;
}
.main-ecotabs .eco3-responsive-tabs .nav-tabs,
.main-ecotabs .eco3-responsive-tabs .nav {
  display: flex !important;
  border-bottom: none;
}
.main-ecotabs .eco3-responsive-tabs .nav-tabs > .tab-heading,
.main-ecotabs .eco3-responsive-tabs .nav > .tab-heading {
  min-width: 140px;
  position: relative;
}
.main-ecotabs .eco3-responsive-tabs .nav-tabs > .tab-heading.active a,
.main-ecotabs .eco3-responsive-tabs .nav > .tab-heading.active a {
  color: #2b9cea;
}
.main-ecotabs .eco3-responsive-tabs .nav-tabs > .tab-heading.active a:hover,
.main-ecotabs .eco3-responsive-tabs .nav > .tab-heading.active a:hover {
  color: #2b9cea;
}
.main-ecotabs .eco3-responsive-tabs .nav-tabs > .tab-heading > a,
.main-ecotabs .eco3-responsive-tabs .nav > .tab-heading > a {
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #cccccc;
  border-bottom: none;
  font-size: 10pt;
  font-weight: 500;
  padding: 5px 15px;
  margin-top: 10px;
  min-height: 30px;
}
.main-ecotabs .eco3-responsive-tabs .nav-tabs > .tab-heading > a:first-child,
.main-ecotabs .eco3-responsive-tabs .nav > .tab-heading > a:first-child {
  margin-left: 0;
}
.main-ecotabs .eco3-responsive-tabs .nav-tabs > .tab-heading > a:hover,
.main-ecotabs .eco3-responsive-tabs .nav > .tab-heading > a:hover {
  background: #fcfcfc;
  color: #999999;
}
.ecotabs .accordion-link {
  display: none;
}
.ecotabs .ech-tab-table ul {
  display: inline-block;
  margin-bottom: 60px;
  list-style-type: none;
}
.ecotabs .ech-tab-table ul .tab-menu-list-menu {
  background-color: #fcfcfc;
  display: inline-block;
  box-shadow: 0 0 2px 1px #d9d9d9;
  z-index: 99;
  height: 32px;
  min-width: 165px;
  font-size: 16px;
  color: #434343;
  padding: 6px 8px;
  font-weight: 400;
  cursor: pointer;
  -webkit-box-shadow: 0 0 4px 1px #cccccc;
  box-shadow: 0 0 4px 1px #cccccc;
  -moz-box-shadow: 0 0 4px 1px #cccccc;
  margin-right: -2px;
}
.ecotabs .ech-tab-table ul .tab-menu-list-menu.active {
  color: #009cdd;
  box-shadow: 0 0 4px 0 #009cdd;
  z-index: 9;
  position: relative;
  font-weight: 500;
}
.ecotabs .ech-tab-table ul .tab-menu-list-menu a {
  font-size: 16px;
  color: #434343;
}
.ecotabs .eco3-table table {
  width: 100% !important;
  border-bottom: none !important;
  margin: 0 0 200px 0;
}
.ecotabs .eco3-table table .add-to-list-icon {
  background-image: url("../images/add_to_lists.svg");
  width: 18px;
  height: 22px;
}
.ecotabs .eco3-table table .add-to-quote-icon {
  background-image: url("../images/quote_white.svg");
}
.ecotabs .eco3-table table .add-to-cart-icon {
  background-image: url("../images/cart_icon.svg");
  width: 34px;
  height: 28px;
}
.ecotabs .eco3-table table .convert-to-quote-icon {
  background-image: url("../images/convertquote_icon.svg");
  width: 30px;
  height: 30px;
}
.ecotabs .eco3-table table .reorder-icon {
  background-image: url("../images/reorder_white.svg");
}
.ecotabs .eco3-table table tr.child span.no-colon {
  display: inline-block;
  width: 10px;
  height: 13px;
  background-color: #f4f4f4;
  position: relative;
  top: 2px;
  left: 6px;
}
.ecotabs .eco3-table table tr:nth-child(1) td {
  border-top: none;
}
.ecotabs .eco3-table table tr th {
  box-sizing: border-box;
  color: #333333;
  font-weight: 700;
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
}
.ecotabs .eco3-table table tr td {
  box-sizing: border-box;
  border-top: none !important;
  border-bottom: 1px solid #d9d9d9;
  vertical-align: middle;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.ecotabs .eco3-table table tr td:focus {
  outline: none;
}
.ecotabs .eco3-table table tr td a {
  color: #333333;
}
.ecotabs .eco3-table table tr td a.eco2-tab-action-link {
  text-decoration: underline;
}
.ecotabs .eco3-table table tr td a.eco2-tab-action-link:hover {
  color: #009cdd;
}
.ecotabs .eco3-table table tr td a.eco2-tab-action-link.transaction-no {
  margin-left: 15px;
}
.ecotabs .eco3-table table tr td.history-order-confirm {
  text-align: center;
}
.ecotabs .eco3-table table tr td.order-price-column {
  min-width: 150px;
}
.ecotabs .eco3-table table tr td form {
  margin-bottom: 0px;
}
.ecotabs .eco3-table table tr td form .add_to_quote_button {
  background-color: #009cdd;
  background-size: 17px;
  border: none;
}
.ecotabs .eco3-table table tr td form .add_to_cart_button {
  background-color: #83bc34;
  background-size: 25px;
  border: none;
}
.ecotabs .eco3-table table tr td .action-items-list {
  display: flex;
}
.ecotabs .eco3-table table tr td .doc-download {
  background-repeat: no-repeat;
  height: 23px;
  width: 28px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.ecotabs .eco3-table table tr.child td {
  padding: 0px !important;
  border-top: none;
}
.ecotabs .eco3-table table tr.child td ul {
  padding-top: 20px !important;
  padding-left: 20px !important;
  margin-bottom: 0px !important;
  padding-bottom: 13px !important;
}
.ecotabs .eco3-table table tr.child td ul li {
  padding-left: 40px;
  border-bottom: none !important;
}
.ecotabs .eco3-table table tr.child td ul li:last-child:not(.left-aligned) {
  padding-left: 0 !important;
}
.ecotabs .eco3-table .order-history-list-details {
  min-width: 60px;
}
.ecotabs .eco3-table .order-history-list-details a {
  color: #009cdd;
  text-transform: uppercase;
}
.ecotabs .eco2-commontab-advance-search-form + .dataContent {
  margin-top: 21px;
  text-align: left;
}
.ecotabs .eco2-commontab-advance-search-form + .dataContent .search-result-divider {
  margin-bottom: 74px;
}
.ecotabs .eco2-commontab-advance-search-form + .dataContent .search-result-divider .search-result-label {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  top: 12px;
  background-color: #ffffff;
  font-size: 12pt;
  color: #009cdd;
}
.ecotabs .eco2-commontab-advance-search-form + .dataContent .search-result-divider .divider {
  margin: 0px;
  border-top: 1px solid #999999;
}
.ecotabs .eco2-commontab-advance-search-form .adv-search-container .Adv-pd-help {
  padding-left: 5px;
}
.ecotabs .eco2-commontab-advance-search-form .adv-search-container .Adv-mgbt-help {
  margin-bottom: 10px;
}
.ecotabs .eco2-commontab-advance-search-form .adv-search-container .search-inner-container .hide-label {
  visibility: hidden;
}
.ecotabs .eco2-commontab-advance-search-form .adv-search-container .search-inner-container .advance-search-fields {
  margin-bottom: 20px;
}
.ecotabs .eco2-commontab-advance-search-form .adv-search-container select#status option {
  font-size: 13px;
}
.ecotabs .eco2-commontab-advance-search-form .common-tab-adv-search-submit button {
  height: 40px;
  background-color: #009cdd;
  font-weight: 400;
}
.ecotabs .eco2-commontab-advance-search-form .eco3-datepicker {
  margin-bottom: 13px;
}
.ecotabs .eco2-commontab-advance-search-form .bullet-title {
  max-width: 200px;
  padding-top: 12px;
  height: 38px;
  font-size: 11pt;
  font-weight: 500;
  color: #434343;
  margin-bottom: 19px;
  line-height: 22px;
}
.ecotabs .eco2-commontab-advance-search-form label {
  height: 30px;
  font-size: 10pt;
  font-weight: 500;
  float: left;
  text-transform: none;
  margin-bottom: 10px;
}
.ecotabs .eco2-commontab-advance-search-form .Search-type-label {
  color: #333333;
  font-weight: 500;
  text-align: left;
  padding-top: 12px;
}
.ecotabs .eco2-commontab-advance-search-form .input-group-addon {
  display: inline-table;
  position: relative;
  height: 35px;
  padding-top: 8px;
}
.ecotabs .eco2-commontab-advance-search-form .eco3-datepicker-input {
  padding-left: 12px;
}
.no-side-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#order_history_report .tab-menu-list .tab-menu-list-menu {
  text-transform: lowercase;
}
#order_history_report .tab-menu-list .tab-menu-list-menu:first-letter {
  text-transform: capitalize;
}
.delete-update.advance-search i.global-alerts-icon.error-icon {
  margin: -7px 10px 0 -13px;
}
#catalog-extraction-tabs .alert-info {
  color: #0086be;
  font-size: 16px;
  line-height: 18px;
  background-color: #e9f7fd;
}
#catalog-extraction-tabs .alert.alert-bar span {
  font-size: 14px;
  font-weight: 500;
}
#catalog-extraction-tabs #catalogExtractionInProgressInfo .in-progress-msg-block-wrapper {
  max-width: 461px;
  margin: auto;
}
#catalog-extraction-tabs #catalogExtractionInProgressInfo .in-progress-icon-block {
  margin-right: 5px;
}
#catalog-extraction-tabs #catalogExtractionInProgressInfo .global-alerts-icon.icon-confirmation {
  background-image: url("../images/info-icon.svg");
}
#catalog-extraction-tabs .message-info-block {
  max-width: 461px;
  font-family: Roboto-Regular;
  font-size: 15px;
  text-align: center;
  line-height: 19px;
  padding-top: 10px;
  margin-bottom: 50px;
}
#catalog-extraction-tabs .message-info-block p {
  padding: 5px;
  font-weight: normal;
}
#catalog-extraction-tabs .message-info-block .left-margin-info-icon {
  margin-left: 43%;
}
#catalog-extraction-tabs .info-icon-extraction {
  background: url("../images/info-icon.svg") no-repeat;
  background-size: 55px 55px;
  width: 55px;
  height: 55px;
  position: relative;
  z-index: 1000;
  display: block;
  margin-top: -60%;
}
#catalog-extraction-tabs #actionCreateCatalogExtraction {
  margin-top: 50px;
  margin-bottom: 50px;
}
#catalog-extraction-tabs .csv-icon {
  display: inline-block;
  width: 29px;
  height: 40px;
  background: url("../images/file_csv.svg") no-repeat left;
  background-size: 29px 40px;
  margin: 10px 20px 10px 0px;
}
#catalog-extraction-tabs #languageSelectedSection {
  font-size: 13px;
  max-width: 233px;
  margin: auto;
}
#catalog-extraction-tabs #languageSelectedSection p {
  margin: 0 0 2px;
}
#catalog-extraction-tabs .catalogExtractionPossible {
  font-size: 11px;
  text-align: left;
}
#catalog-extraction-tabs .catalogExtractionPossible select {
  width: 233px;
  height: 33px;
  font-size: 15px;
  font-style: italic;
  line-height: 21px;
}
#catalog-extraction-tabs .yourFiles p {
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  line-height: 0.1em;
  margin: 82px 0 30px;
  font-size: 17px;
}
#catalog-extraction-tabs .yourFiles span {
  color: #2b9cea;
  background: #ffffff;
  font-size: 19px;
}
#catalog-extraction-tabs .downloadableFile {
  margin-bottom: 35px;
  font-size: 15px;
  color: #434343;
}
#catalog-extraction-tabs .downloadableFile span {
  position: absolute;
  text-align: left;
  margin-top: 1%;
  width: 100px;
}
.page-quoteHistoryPage .eco2-commontab-advance-search-form .dataContent {
  margin-top: 21px;
  text-align: left;
}
.page-quoteHistoryPage .eco2-commontab-advance-search-form .dataContent .search-result-divider {
  margin-bottom: 74px;
}
.page-quoteHistoryPage .eco2-commontab-advance-search-form .dataContent .search-result-divider .search-result-label {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  top: 12px;
  background-color: #ffffff;
  font-size: 12pt;
  color: #009cdd;
}
.page-quoteHistoryPage .eco2-commontab-advance-search-form .dataContent .search-result-divider .divider {
  margin: 0;
  border-top: 1px solid #999999;
}
/* imports the variable.less */
@media (min-width: 320px) and (max-width: 360px) {
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateFrom {
    max-width: 64%  !important;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateTo {
    max-width: 64%  !important;
  }
}
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
 /* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .common-tab-info .alert-info {
    padding-top: 15px;
    padding-left: 20px;
  }
  .main-ecotabs .main-tab-border {
    display: none;
  }
  .main-ecotabs .nav-tabs,
  .main-ecotabs .nav {
    border-bottom: none;
  }
  .main-ecotabs .nav-tabs > .__left-tabunlimited,
  .main-ecotabs .nav > .__left-tabunlimited,
  .main-ecotabs .nav-tabs > .__right-tabunlimited,
  .main-ecotabs .nav > .__right-tabunlimited {
    min-width: 0;
  }
  .main-ecotabs .nav-tabs > .tab-heading,
  .main-ecotabs .nav > .tab-heading {
    top: -9px;
    min-width: 165px !important;
  }
  .main-ecotabs .nav-tabs > .tab-heading:last-of-type a,
  .main-ecotabs .nav > .tab-heading:last-of-type a {
    border-right: none;
  }
  .main-ecotabs .nav-tabs > .tab-heading a,
  .main-ecotabs .nav > .tab-heading a {
    font-size: 10pt;
  }
  .ecotabs .eco3-table table {
    margin: 0 0 100px 0;
  }
  .ecotabs .eco3-table table tr .responsive-center-align {
    text-align: center;
  }
  .ecotabs .eco3-table table tr th,
  .ecotabs .eco3-table table tr td {
    height: 50px;
    font-size: 10pt;
    width: 100px !important;
  }
  .ecotabs .eco3-table table tr td form .add_to_quote_button {
    width: 60px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ecotabs .eco3-table table tr td form .add_to_cart_button {
    width: 60px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ecotabs .eco3-table table tr td .order-history-list-details {
    line-height: 29px;
    margin-right: 14px;
  }
  .ecotabs .eco3-table table tr td .action-items-list {
    justify-content: center;
  }
  .ecotabs .eco3-table table tr td .action-items-list > form,
  .ecotabs .eco3-table table tr td .action-items-list div {
    margin-left: 20px;
  }
  .ecotabs .eco3-table table tr td .action-items-list > a {
    line-height: 28px;
  }
  .ecotabs .eco3-table .dataTable > tbody > tr.child ul.dtr-details li {
    padding-top: 0;
    padding-bottom: 5px;
  }
  .ecotabs .eco3-table .dataTable > tbody > tr.child ul.dtr-details li:nth-last-child(1) {
    padding-top: 21px;
  }
  .ecotabs .eco3-table .dataTable > tbody.remove-nth-last-child-padding > tr.child ul.dtr-details li:nth-last-child(1) {
    padding: 0 !important;
  }
  .ecotabs .eco3-table span.dtr-title {
    min-width: 0;
  }
  .ecotabs .eco3-table .dtr-data .download-grey-icon {
    background-size: 24px;
    margin-left: 0;
  }
  .ecotabs .ech-tab-table ul:not(.report-menu-list) {
    margin-bottom: 80px;
  }
  .ecotabs .ech-tab-table ul:not(.report-menu-list) .tab-menu-list-menu {
    font-size: 16px;
    padding: 6px 8px;
    min-width: 165px;
  }
  .ecotabs .ech-tab-table ul.report-menu-list {
    padding-left: 0;
    margin-bottom: 55px;
  }
  .ecotabs .ech-tab-table ul.report-menu-list .tab-menu-list-menu {
    font-size: 16px;
    padding: 6px 8px;
    min-width: 165px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form#booking-report-search,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form#booking-report-search,
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form#billing-report-search,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form#billing-report-search {
    margin: 0;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form .select-person-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form .select-person-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form .date-to-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form .date-to-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form .date-from-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form .date-from-container {
    margin: 0 auto;
    float: none;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form .select-person-container:not(.date-from-container),
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form .select-person-container:not(.date-from-container),
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form .date-to-container:not(.date-from-container),
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form .date-to-container:not(.date-from-container),
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form .date-from-container:not(.date-from-container),
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form .date-from-container:not(.date-from-container) {
    margin-top: 32px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container tr.child span.dtr-title:after,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container tr.child span.dtr-title:after {
    content: ":" !important;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container label,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container label {
    height: auto;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .input-group-addon,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .input-group-addon {
    width: 0%;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback {
    right: -35px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback.fa-times,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback.fa-times {
    top: 32px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback.fa-check,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback.fa-check {
    top: 27px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input {
    width: 180px;
    height: 30px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input + .input-group-addon,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input + .input-group-addon {
    padding: 5px 10px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input + .input-group-addon.color-black,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input + .input-group-addon.color-black {
    color: #3c3c3c;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container select,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container select {
    width: 220px;
    height: 30px;
    line-height: 30px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-search-button-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-search-button-container {
    margin-top: 35px;
    margin-bottom: 62px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-search-button-container .report-search-button,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-search-button-container .report-search-button {
    min-width: 100px !important;
    width: 120px;
    min-height: 30px;
    height: 30px;
    background-color: #7d7d7d;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    color: #ffffff;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt {
    text-align: right;
    margin-top: 18px;
    margin-bottom: 20px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span {
    display: inline-block;
    height: 60px;
    padding-right: 20px;
    padding-top: 22px;
    width: 216px;
    background-color: #f3f3f3;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span .text,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span .text {
    padding-left: 10px;
    float: left;
    font-size: 15px;
    font-weight: 400;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span .value,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span .value {
    color: #009cdd;
    font-size: 15px;
    font-weight: 500;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .report-table-container tr.child li.report-page-alignment {
    display: table;
    padding-top: 0 !important;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .report-table-container tr.child li.report-page-alignment .dtr-title,
  .ecotabs .ech-tab-table .ech-tab-table-content .report-table-container tr.child li.report-page-alignment .dtr-data {
    display: table-cell;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .report-table-container tr.child li.report-page-alignment .dtr-title.dtr-title,
  .ecotabs .ech-tab-table .ech-tab-table-content .report-table-container tr.child li.report-page-alignment .dtr-data.dtr-title {
    width: 110px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .Search-type-label {
    font-size: 12pt;
    margin-bottom: 24px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit {
    margin-top: 25px;
    margin-bottom: 59px;
    padding-right: 10px;
    text-align: center;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit button {
    width: 200px;
    font-size: 12pt;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .select2-container {
    width: 100% !important;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    padding: 8px 10px;
    height: 35px;
    max-width: 80%;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input.eco3-datepicker-input + .input-group-addon,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select.eco3-datepicker-input + .input-group-addon {
    position: relative;
    z-index: 99;
    right: 0;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#confirmedDateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#confirmedDateFrom {
    max-width: 68%;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#confirmedDateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#confirmedDateTo {
    max-width: 68%;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input.date-type-input,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select.date-type-input {
    max-width: calc(80% - 40px) !important;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-outer-container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-outer-container .search-inner-container {
    padding-top: 15px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-outer-container .search-inner-container:nth-last-child(1) {
    padding-top: 0;
    margin-bottom: 25px;
  }
  .th-seperator {
    padding-left: 10px;
    padding-right: 10px;
  }
  .td-seperator {
    padding-left: 19px;
    padding-right: 24px;
  }
  .td-container {
    display: block;
  }
  [src*="icon-quote-list"] {
    height: 18px;
  }
  .xs-no-line-height {
    line-height: 15px !important;
  }
  .no-side-padding-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .side-padding-mobile {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .main-ecotabs .main-tab-border {
    top: 142px;
  }
  .main-ecotabs .nav-tabs > .tab-heading,
  .main-ecotabs .nav > .tab-heading {
    top: 10px;
  }
  .ecotabs .eco3-table table {
    margin: 0 0 170px 0;
  }
  .ecotabs .eco3-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    left: 0;
  }
  .ecotabs .eco3-table table tr th,
  .ecotabs .eco3-table table tr td {
    height: 60px;
    font-size: 11pt;
  }
  .ecotabs .eco3-table table tr td form .add_to_quote_button {
    width: 70px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ecotabs .eco3-table table tr td form .add_to_cart_button {
    width: 70px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ecotabs .eco3-table table tr td .order-history-list-details {
    line-height: 35px;
  }
  .ecotabs .eco3-table table tr td .action-items-list {
    justify-content: center;
  }
  .ecotabs .eco3-table table tr td .action-items-list > form,
  .ecotabs .eco3-table table tr td .action-items-list div {
    margin-left: 17px;
  }
  .ecotabs .eco3-table table tr td .action-items-list > a {
    line-height: 35px;
  }
  .ecotabs .eco3-table table tr td .doc-download {
    width: 29px;
    height: 30px;
    background-size: 24px;
  }
  .ecotabs .eco3-table table tr td.order-history-list-details.no-border {
    text-align: right !important;
    padding: 8px 0;
  }
  .ecotabs .ech-tab-table ul {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 95px;
    overflow: visible;
  }
  .ecotabs .ech-tab-table ul .tab-menu-list-menu {
    font-size: 11pt;
  }
  .ecotabs .ech-tab-table ul .tab-menu-list-menu:not(.report-menu-list-menu) {
    min-width: 141px;
    margin-right: -2px;
  }
  .ecotabs .ech-tab-table ul .tab-menu-list-menu.report-menu-list-menu {
    min-width: 200px;
    margin-right: -2px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container {
    max-width: 1060px;
    margin: 0 auto;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container tr.child span.dtr-title:after,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container tr.child span.dtr-title:after {
    content: ":" !important;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form#booking-report-search.row,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form#booking-report-search.row,
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form#billing-report-search.row,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form#billing-report-search.row {
    margin: 0;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .eco3-datepicker,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .eco3-datepicker {
    margin-bottom: 0;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container label,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container label {
    height: auto;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .input-group-addon,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .input-group-addon {
    width: 0%;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback {
    right: 10px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback.fa-times,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback.fa-times {
    top: 32px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback.fa-check,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback.fa-check {
    top: 31px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input {
    width: 164px;
    height: 30px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input + .input-group-addon,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input + .input-group-addon {
    padding: 5px 10px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input + .input-group-addon.color-black,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input + .input-group-addon.color-black {
    color: #3c3c3c;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container select,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container select {
    width: 233px;
    height: 30px;
    line-height: 30px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-search-button-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-search-button-container {
    padding-top: 20px;
    padding-right: 0;
    text-align: right;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-search-button-container .report-search-button,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-search-button-container .report-search-button {
    min-width: 100px !important;
    width: 120px;
    min-height: 30px;
    height: 30px;
    background-color: #7d7d7d;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    color: #ffffff;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-table-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-table-container {
    margin-top: 50px;
    min-height: 200px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-table-container tr.child li.report-page-alignment,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-table-container tr.child li.report-page-alignment {
    padding-left: 40px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-table-container tr.child li.report-page-alignment .dtr-title,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-table-container tr.child li.report-page-alignment .dtr-title {
    width: 105px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt {
    text-align: right;
    margin-top: 18px;
    margin-bottom: 20px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span {
    display: inline-block;
    height: 68px;
    padding-right: 20px;
    padding-top: 25px;
    width: 216px;
    background-color: #f3f3f3;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span .text,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span .text {
    padding-left: 10px;
    float: left;
    font-size: 15px;
    font-weight: 400;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span .value,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span .value {
    color: #009cdd;
    font-size: 15px;
    font-weight: 500;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .Search-type-label {
    font-size: 12pt;
    margin-bottom: 26px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit {
    margin-top: 23px;
    text-align: right;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit button {
    width: 200px;
    font-size: 12pt;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    max-width: 180px;
    height: 35px;
    padding: 8px 10px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .date-type-input {
    max-width: 140px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .adv-search-container .search-text {
    padding-left: 20px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .adv-search-container .search-inner-container.adjust-left-padding-10 {
    padding-left: 10px !important;
  }
  .th-seperator {
    padding-left: 10px;
    padding-right: 10px;
  }
  .td-seperator {
    padding-left: 19px;
    padding-right: 24px;
  }
  .xs-no-line-height {
    line-height: 15px !important;
  }
  .search-outer-container .no-right-padding {
    padding-right: 0 !important;
  }
  .no-side-padding-tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .side-padding-tablet {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .main-ecotabs .main-tab-border {
    top: 142px;
  }
  .main-ecotabs .nav-tabs > .tab-heading,
  .main-ecotabs .nav > .tab-heading {
    top: 10px;
  }
  .ecotabs .eco3-table table tr th,
  .ecotabs .eco3-table table tr td {
    height: 60px;
    font-size: 11pt;
  }
  .ecotabs .eco3-table table tr td form .add_to_quote_button {
    width: 70px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ecotabs .eco3-table table tr td form .add_to_cart_button {
    width: 70px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ecotabs .eco3-table table tr td .order-history-list-details {
    line-height: 35px;
    margin-right: 20px;
  }
  .ecotabs .eco3-table table tr td .action-items-list {
    -webkit-justify-content: flex-start;
    /* Safari 6.1+ */
    -mox-justify-content: flex-start;
    /* Mozilla 18.0+ */
    justify-content: flex-start;
    padding-left: 20px;
  }
  .ecotabs .eco3-table table tr td .action-items-list > form {
    margin-left: 25px;
  }
  .ecotabs .eco3-table table tr td .action-items-list > div {
    margin-left: 35px;
  }
  .ecotabs .eco3-table table tr td .action-items-list > a {
    line-height: 35px;
  }
  .ecotabs .ech-tab-table ul {
    overflow: visible;
  }
  .ecotabs .ech-tab-table ul .tab-menu-list-menu {
    font-size: 11pt;
  }
  .ecotabs .ech-tab-table ul .tab-menu-list-menu:not(.report-menu-list-menu) {
    min-width: 180px;
    margin-right: -2px;
  }
  .ecotabs .ech-tab-table ul .tab-menu-list-menu.report-menu-list-menu {
    min-width: 200px;
    margin-right: -2px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container {
    max-width: 1060px;
    margin: 0 auto;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container form,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container form {
    overflow: hidden;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container label,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container label {
    height: auto;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .input-group-addon,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .input-group-addon {
    width: 0%;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback {
    right: 13px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback.fa-times,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback.fa-times {
    top: 32px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .date-from-container .form-control-feedback.fa-check,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .date-from-container .form-control-feedback.fa-check {
    top: 31px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input {
    width: 146px;
    height: 30px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input + .input-group-addon,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input + .input-group-addon {
    padding: 5px 10px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container input + .input-group-addon.color-black,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container input + .input-group-addon.color-black {
    color: #3c3c3c;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container select,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container select {
    width: 200px;
    height: 30px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-search-button-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-search-button-container {
    padding-top: 22px;
    text-align: left;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-search-button-container .report-search-button,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-search-button-container .report-search-button {
    min-width: 100px !important;
    width: 120px;
    min-height: 30px;
    height: 30px;
    background-color: #7d7d7d;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    color: #ffffff;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-table-container,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-table-container {
    margin-top: 30px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .report-table-container table,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .report-table-container table {
    margin-bottom: 0;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt {
    text-align: right;
    margin-top: 18px;
    margin-bottom: 20px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span {
    display: inline-block;
    height: 68px;
    padding-right: 20px;
    padding-top: 25px;
    width: 216px;
    background-color: #f3f3f3;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span .text,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span .text {
    padding-left: 10px;
    font-size: 15px;
    font-weight: 400;
    float: left;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .booking-report-container .reportTotalamt > span .value,
  .ecotabs .ech-tab-table .ech-tab-table-content .billing-report-container .reportTotalamt > span .value {
    color: #009cdd;
    font-size: 15px;
    font-weight: 500;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #confirmedDateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #confirmedDateTo {
    width: 180px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit {
    margin-top: 9px;
    text-align: right;
    padding-right: 10px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit button {
    width: 200px;
    font-size: 12pt;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .Search-type-label {
    font-size: 12pt;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    max-width: 200px;
    height: 35px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateFrom,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateFrom {
    max-width: 180px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateTo,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateTo {
    max-width: 180px;
  }
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input.date-type-input,
  .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select.date-type-input {
    max-width: 160px !important;
  }
  .th-seperator {
    padding-left: 2px;
    padding-right: 2px;
  }
  .td-seperator {
    padding-left: 8px;
    padding-right: 8px;
  }
  .td-row-container {
    margin-bottom: 12px;
  }
  .td-row-container:last-child {
    margin-bottom: 0;
  }
  .line-break-before-content:before {
    content: "\A";
    white-space: pre;
  }
  .adjust-status-width {
    width: 15% !important;
  }
  .no-side-padding-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .side-padding-desktop {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .quote-background-adjust-size {
    Background-size: 17px 21px;
  }
  .main-ecotabs #order-history-advanced-search-result .search-outer-container > div,
  .main-ecotabs #quote-history-packaged-advanced-search .search-outer-container > div,
  .main-ecotabs #quote-history-customer-advanced-search .search-outer-container > div {
    padding-left: 35px;
  }
  .main-ecotabs #order-history-advanced-search-result .search-outer-container > div:last-child,
  .main-ecotabs #quote-history-packaged-advanced-search .search-outer-container > div:last-child,
  .main-ecotabs #quote-history-customer-advanced-search .search-outer-container > div:last-child {
    padding-left: 55px;
  }
  .main-ecotabs #order-history-advanced-search-result .common-tab-adv-search-submit > div,
  .main-ecotabs #quote-history-packaged-advanced-search .common-tab-adv-search-submit > div,
  .main-ecotabs #quote-history-customer-advanced-search .common-tab-adv-search-submit > div {
    padding-right: 44px;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import common tabs details page*/
/******************************************************************************************************************
/* File Name        : calibration.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 24-Jan-2018
/* Description      : This is less code for the calibration certificates for website
/*******************************************************************************************************************/
.calibration-device-page .certificate-page-title {
  color: #666666;
}
.calibration-device-page .bullet-title {
  text-align: left;
}
.calibration-device-page .bullet-title h1,
.calibration-device-page .bullet-title h2,
.calibration-device-page .bullet-title h3,
.calibration-device-page .bullet-title h4,
.calibration-device-page .bullet-title h5,
.calibration-device-page .bullet-title h6,
.calibration-device-page .bullet-title span,
.calibration-device-page .bullet-title div {
  display: inline-block;
}
.calibration-device-page .bullet-title:before {
  content: "";
  font-size: 24px;
  background: #009cdd;
  display: inline-block;
  margin-right: 15px;
}
.calibration-device-page .selected-location-info {
  background-color: #f8f8f8;
}
.calibration-device-page .selected-location-info table {
  display: table;
  width: 100%;
}
.calibration-device-page .selected-location-info td {
  display: table-cell;
  vertical-align: top;
}
.calibration-device-page .date-period-container {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  overflow-y: auto;
}
.calibration-device-page .date-period-container .fieldset-title {
  position: absolute;
  left: 30px;
  top: -9px;
  z-index: 9;
  color: #999999;
  background: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}
.calibration-device-page .no-side-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.calibration-device-page .no-left-padding {
  padding-left: 0;
}
.calibration-device-page .no-right-padding {
  padding-right: 0;
}
.calibration-device-page .device-search-submit-button {
  min-width: auto;
  min-height: auto;
  height: 30px !important;
  width: 120px !important;
  background-color: #7d7d7d;
}
.calibration-device-page input {
  height: 30px !important;
}
.calibration-device-page .cert-list-modal button.icon-close {
  margin: 5px 8px !important;
}
.certificate-table .cert-download {
  background-repeat: no-repeat;
  height: 27px;
  width: 32px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.cert-list-modal .modal-title {
  font-size: 16px !important;
}
#serviceDetailsQuoteRequest .title-plate {
  height: 40px;
  width: 100%;
  background-color: #f3f3f3;
  margin: 40px 0 25px 0;
}
#serviceDetailsQuoteRequest .title-plate h2 {
  color: #ffffff;
  line-height: 23px;
  font-size: 18px;
  background-color: #009cdd;
  height: 40px;
  min-width: 180px;
  padding: 10px 25px;
  float: left;
  margin: 0;
  text-align: center;
  font-weight: 400;
}
#serviceDetailsQuoteRequest label {
  text-transform: initial;
}
#serviceDetailsQuoteRequest .type-section-body label {
  text-align: initial;
}
#serviceDetailsQuoteRequest .case-fields .quantity-field {
  margin-bottom: 10px;
}
#serviceDetailsQuoteRequest .case-fields .quantity-field .margin-field {
  width: 355px!important;
}
#serviceDetailsQuoteRequest .case-fields .quantity-field .margin-field .help-block {
  display: none !important;
}
#serviceDetailsQuoteRequest .case-fields .quantity-container {
  display: flex;
}
#serviceDetailsQuoteRequest .case-fields .quantity-container #qtyInputField {
  text-align: center;
}
#serviceDetailsQuoteRequest .case-fields .instruction-field {
  margin-left: 10px;
}
#serviceDetailsQuoteRequest .case-fields .instruction-field .additional-info {
  display: flex;
}
#serviceDetailsQuoteRequest .case-fields .instruction-field textarea {
  max-width: 600px;
  font-size: 14px;
  box-shadow: none;
}
#serviceDetailsQuoteRequest .servicePlan-type {
  width: 280px;
}
#serviceDetailsQuoteRequest .date-field {
  margin-bottom: 10px;
}
#serviceDetailsQuoteRequest .date-field .margin-field {
  width: 300px !important;
  margin-right: 20px !important;
}
#serviceDetailsQuoteRequest .type-section-body .form-control-feedback {
  top: 8px;
}
#contact-info-section .submit-quote-btn {
  background-color: #83bc34;
}
#contact-info-section .title-plate h2 {
  background-color: #009cdd !important;
}
#contact-info-section .submit-button-field {
  margin-top: 30px;
  margin-bottom: 80px;
}
#contact-info-section .submit-button-field .margin-field {
  margin-left: 9px;
}
#contact-info-section .submit-button-field .cursor-not-allowed {
  cursor: not-allowed;
}
/* imports the calibration-media-query.less */
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
 /* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .calibration-device-page,
  .calibration-certificate-page {
    padding: 0 6px;
  }
  .certificate-page-title-container {
    margin-bottom: 25px;
  }
  .certificate-page-title-container .certificate-page-title {
    font-size: 13px;
  }
  .bullet-title:before {
    width: 13px;
    height: 13px;
  }
  #search-sold-to .addressSearchInput {
    width: 250px;
  }
  #search-sold-to .addressSearchInput input {
    height: 32px;
  }
  .calibration-certificate-page table tr.child td ul {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .calibration-wrapper-section .selected-location-info {
    margin-bottom: 85px;
    padding: 20px 5px;
  }
  .calibration-wrapper-section .selected-location-info table tr {
    line-height: 25px;
    font-size: 15px;
  }
  .calibration-wrapper-section .selected-location-info table tr td:nth-child(1) {
    font-weight: 500;
  }
  .left-spacing-desk-35 {
    padding-left: 35px;
  }
  .text-sm-xs-left {
    text-align: left;
  }
  .width-140 {
    width: 140px;
  }
  .search-box-container {
    padding-bottom: 70px;
  }
  .search-box-container .serial-input-container,
  .search-box-container .asset-input-container {
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 45px;
  }
  .search-box-container .serial-input-container.asset-input-container,
  .search-box-container .asset-input-container.asset-input-container {
    padding-top: 30px;
  }
  .search-box-container .date-period-container {
    height: 189px;
    padding-top: 35px;
  }
  .search-box-container .date-period-container .date-from-period-container,
  .search-box-container .date-period-container .date-to-period-container {
    padding-left: 20%;
    padding-right: 20%;
  }
  .search-box-container .date-period-container .date-from-period-container.date-from-period-container,
  .search-box-container .date-period-container .date-to-period-container.date-from-period-container {
    padding-bottom: 25px;
  }
  .search-box-container .search-button-container {
    text-align: center;
  }
  .search-box-container .search-button-container button {
    width: 120px;
    height: 30px;
  }
  .search-response-container .search-notification-container {
    margin: 30px 0;
    padding: 20px 20px;
    display: flex;
    align-items: center;
    background-color: #e6f5fc;
  }
  .search-response-container .search-notification-container .info-icon {
    width: 45px !important;
    height: 30px !important;
    margin: 0px;
  }
  .search-response-container .search-notification-container .search-notification-text {
    font-size: 15px;
    color: #156da2;
    width: 80%;
  }
  .calibration-device-list-details .action-items-list .order-history-list-details {
    text-align: center;
  }
  .calibration-certificate-page table tr.child td ul li {
    padding-left: 35px !important;
  }
  .calibration-certificate-page table tr.child td ul li:nth-last-child(1) {
    padding-left: 0 !important;
  }
  .table-container .certificate-table {
    width: 100%;
  }
  .table-container .certificate-table tr {
    height: 65px;
    border-bottom: 1px solid #d9d9d9;
  }
  .table-container .certificate-table tr td {
    font-size: 15px;
    color: #333333;
    padding: 0 10px;
  }
  .table-container .certificate-table tr td:nth-child(1) {
    text-align: left;
    width: 40%;
    font-weight: 600;
  }
  .table-container .certificate-table tr td:nth-child(2) {
    text-align: center;
    padding-left: 5px;
    padding-right: 10px;
  }
  .table-container .certificate-table tr:nth-child(1) {
    border-top: 1px solid #d9d9d9;
  }
  .grey-background {
    background-color: #f3f3f3;
  }
  .po-reference-wrapper {
    width: 100%;
    display: inline-block;
  }
  .po-reference-wrapper:before {
    content: "";
    background-color: #cccccc;
    position: absolute;
    height: 1px;
    width: 93%;
    display: block;
    margin-top: 4px;
    margin-left: 11px;
  }
  .calibration-service-section-wrapper div#quote-back-btn {
    margin-top: 20px !important;
  }
  #serviceDetailsQuoteRequest .type-section-body {
    margin-left: 10px;
  }
  #serviceDetailsQuoteRequest .case-fields .instruction-field {
    margin-left: 0 !important;
  }
  #serviceDetailsQuoteRequest .case-fields .instruction-field .additional-info {
    margin-left: 20px;
  }
  #serviceDetailsQuoteRequest .form-group {
    margin-right: 28px;
    margin-left: 10px;
  }
  #serviceDetailsQuoteRequest .title-plate {
    margin: 10px 0 25px 0;
  }
  #contact-info-section .form-group {
    margin-left: 10px;
  }
  #contact-info-section .fa-check-align {
    margin-left: 0 !important;
  }
  #contact-info-section .submit-button-field .form-group {
    margin-left: 0;
    margin-right: 50px;
    padding-right: 30px;
  }
  #contact-info-section .submit-button-field .form-group .submit-quote-btn {
    width: 180px !important;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .calibration-device-page,
  .calibration-certificate-page {
    padding: 0 22px;
  }
  .calibration-device-page table tr.child .order-history-list-details {
    line-height: 20px !important;
  }
  .certificate-page-title-container {
    margin-bottom: 45px;
  }
  .certificate-page-title-container .certificate-page-title {
    font-size: 16px;
  }
  .bullet-title:before {
    width: 15px;
    height: 15px;
  }
  #search-sold-to {
    text-align: left;
    margin-bottom: 55px;
  }
  #search-sold-to .addressSearchInput {
    width: 220px;
  }
  #search-sold-to .addressSearchInput input {
    height: 35px;
  }
  /*Table row height is 70px unlike other list pages where it is 60px*/
  .calibration-certificate-page table tr {
    height: 70px;
  }
  .calibration-certificate-page table tr.child td ul li {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
  }
  .calibration-certificate-page table tr.child td ul li:nth-child(1) {
    padding-top: 7px !important;
  }
  .calibration-wrapper-section .selected-location-info {
    margin-bottom: 85px;
    padding: 20px 25px;
  }
  .calibration-wrapper-section .selected-location-info table tr {
    font-size: 15px;
  }
  .calibration-wrapper-section .selected-location-info table tr td:nth-child(1) {
    font-weight: 500;
  }
  .left-spacing-desk-45 {
    padding-left: 45px;
  }
  .text-sm-xs-left {
    text-align: left;
  }
  .max-md-sm-width-120 {
    min-width: 120px;
  }
  .col-width {
    width: 113px;
  }
  .right-padding-45 {
    padding-right: 45px;
  }
  .search-box-container {
    margin-bottom: 100px;
  }
  .search-box-container .serial-input-container {
    padding-right: 42px;
    padding-top: 30px;
  }
  .search-box-container .asset-input-container {
    padding-left: 42px;
    padding-top: 30px;
  }
  .search-box-container .date-period-container {
    padding-left: 20px;
    padding-right: 20px;
    height: 180px;
    padding-top: 30px;
  }
  .search-response-container {
    display: flex;
    justify-content: center;
  }
  .search-response-container .search-notification-container {
    margin: 30px 0;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    background-color: #e6f5fc;
  }
  .search-response-container .search-notification-container .info-icon {
    width: 30px !important;
    height: 30px !important;
  }
  .search-response-container .search-notification-container .search-notification-text {
    font-size: 15px;
    color: #156da2;
  }
  .calibration-device-list-details table tr.child td ul li,
  .calibration-certificate-page table tr.child td ul li {
    padding-left: 40px !important;
  }
  .calibration-device-list-details table tr.child td ul li:nth-last-child(1),
  .calibration-certificate-page table tr.child td ul li:nth-last-child(1) {
    padding-left: 0 !important;
  }
  .cert-list-modal {
    max-width: 550px !important;
  }
  .table-container {
    padding: 0 20px;
  }
  .table-container .certificate-table {
    width: 100%;
  }
  .table-container .certificate-table tr {
    height: 65px;
    border-bottom: 1px solid #d9d9d9;
  }
  .table-container .certificate-table tr td,
  .table-container .certificate-table tr th {
    text-align: center;
    font-size: 15px;
    color: #333333;
  }
  .table-container .certificate-table tr th:nth-child(1) {
    width: 40%;
  }
  .po-reference-wrapper {
    width: 100%;
    display: inline-block;
  }
  .po-reference-wrapper:before {
    content: "";
    background-color: #cccccc;
    position: absolute;
    height: 1px;
    width: 90%;
    display: block;
    margin-top: 4px;
    margin-left: 29px;
  }
  #serviceDetailsQuoteRequest .instruction-field textarea {
    max-width: 600px;
    font-size: 14px;
    box-shadow: none;
  }
  #serviceDetailsQuoteRequest .date-field .margin-field {
    margin-right: 20px;
  }
  #contact-info-section .submit-quote-btn {
    float: right !important;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .certificate-page-title-container {
    margin-bottom: 55px;
  }
  .certificate-page-title-container .certificate-page-title {
    font-size: 16px;
  }
  .bullet-title:before {
    width: 15px;
    height: 15px;
  }
  #search-sold-to .addressSearchInput {
    width: 220px;
  }
  #search-sold-to .addressSearchInput input {
    height: 35px;
  }
  /*Table row height is 70px unlike other list pages where it is 60px*/
  .calibration-certificate-page table tr {
    height: 70px;
  }
  .left-spacing-desk-45 {
    padding-left: 45px;
  }
  .calibration-wrapper-section .selected-location-info {
    margin-bottom: 85px;
    padding: 20px 25px;
  }
  .calibration-wrapper-section .selected-location-info table tr {
    font-size: 15px;
  }
  .calibration-wrapper-section .selected-location-info table tr td:nth-child(1) {
    font-weight: 500;
  }
  .calibration-wrapper-section .calibration-device-list-details .action-items-list {
    justify-content: center !important;
  }
  .calibration-wrapper-section .calibration-device-list-details .action-items-list .order-history-list-details {
    margin-right: 0;
  }
  .text-md-right {
    text-align: right;
  }
  .min-md-sm-width-120 {
    min-width: 120px;
  }
  .side-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
  .input-vertical-spacing {
    padding-top: 25px;
    padding-bottom: 15px;
  }
  .search-button-container {
    padding-top: 45px;
  }
  .search-box-container {
    padding-bottom: 50px;
  }
  .search-box-container .serial-input-container {
    padding-right: 75px;
  }
  .search-box-container .asset-input-container {
    padding-left: 75px;
  }
  .search-box-container .date-period-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .search-response-container {
    display: flex;
    justify-content: center;
  }
  .search-response-container .search-notification-container {
    margin: 30px 0;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    background-color: #e6f5fc;
  }
  .search-response-container .search-notification-container .info-icon {
    width: 30px !important;
    height: 30px !important;
    margin-right: 26px;
  }
  .search-response-container .search-notification-container .search-notification-text {
    font-size: 16px;
    color: #156da2;
  }
  .cert-list-modal {
    max-width: 550px !important;
  }
  .table-container {
    padding: 0 20px;
  }
  .table-container .certificate-table {
    width: 100%;
  }
  .table-container .certificate-table tr {
    height: 65px;
    border-bottom: 1px solid #d9d9d9;
  }
  .table-container .certificate-table tr td,
  .table-container .certificate-table tr th {
    text-align: center;
    font-size: 15px;
    color: #333333;
  }
  .table-container .certificate-table tr th:nth-child(1) {
    width: 40%;
  }
  .po-reference-wrapper {
    width: 100%;
    display: inline-block;
  }
  .po-reference-wrapper:before {
    content: "";
    background-color: #cccccc;
    position: absolute;
    height: 1px;
    width: 90%;
    display: block;
    margin-top: 4px;
    margin-left: 29px;
  }
  .po-reference-wrapper .form-label {
    font-size: 10.0pt;
    font-weight: 500;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import common calibration certificate page*/
/******************************************************************************************************************
/* File Name        : geocode.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 24-Jan-2018
/* Description      : This is less code for the geocode popup page
/*******************************************************************************************************************/
.geo-code-pop-up {
  width: 805px;
  display: none;
}
.geo-code-product-details {
  color: #333333;
  font-size: 10pt;
  font-family: Roboto;
  font-weight: 500;
  text-align: center;
  padding: 15px 0 30px 0;
  float: left;
  width: 50%;
}
.geo-code-product-details a {
  font-size: 11pt;
  color: #333333;
}
.checkout-section-body .geo-codeSplit-popover-link {
  display: none;
}
.errorgeocode {
  padding: 20px 0 20px 0;
}
.geo-wrapper {
  border-bottom: 1px solid #e5e5e5;
}
.tab_title_holder-geo-code-pop-up {
  font-weight: bold;
  padding: 6px 24px 6px 12px;
  color: #ffffff;
  width: 130px;
  margin: 55px 0 0 23px;
  background-repeat: repeat-x;
  font-size: 12px;
  text-align: left;
}
.geo-code-checkbox {
  float: right;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 20px;
  width: 100%;
}
.geo-code-checkbox .checkmark {
  left: 10px;
}
.geo-code-checkbox .eco3-checkbox {
  display: inline-block;
  vertical-align: middle;
}
.geo-code-checkbox .geo-code-list-global {
  height: 32px;
  width: 185px;
  font-size: 11pt!important;
  font-family: Roboto;
  font-weight: 500;
  border: 1px solid #cccccc;
  background-color: #fcfcfc;
  margin-left: 6px;
  padding-left: 5px;
}
.geo-code-pop-up-container .geo-code-checkbox {
  margin: 0 58px 0 0;
}
.geo-code-checkbox-lbl {
  vertical-align: middle;
  color: #333333;
  font-size: 10pt;
  font-family: Roboto;
  font-weight: 400;
  text-transform: initial;
}
.item_container_holder-geo-code-pop-up {
  float: left;
  width: 100%;
}
.geo-code-list {
  list-style: none;
  font-size: 11pt!important;
}
.geo-code-listoption {
  width: 135px;
  height: 35px;
  background-color: #fcfcfc;
  font-size: 11pt!important;
  font-family: Roboto;
  font-weight: 500;
  border: 1px solid #cccccc;
  padding-left: 5px;
  border-radius: 0 !important;
}
.geo-code-list-div {
  display: flex;
}
.geo-code-dropdown {
  display: inline-block;
  transform: translateX(-25%);
  position: relative;
  left: 17%;
  width: 60%;
}
.geo-code-item {
  padding: 12px 21px 10px 12px;
  position: relative;
}
.clear-all-controls a {
  color: #009cdd;
}
.geo-code-list-global {
  vertical-align: super;
  text-align: center;
  width: 185px;
  height: 32px;
  background-color: #fcfcfc;
}
.geo-text-control {
  width: 151px;
}
.geocode-header-dropdown {
  width: 185px;
  height: 32px;
  background-color: #fcfcfc;
}
.geoCodeSplit-main-section .error-geo-code,
.error-geo-code-common {
  color: #d50032;
  font-family: Arial,Arial;
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: 0;
  text-align: left;
  text-decoration: none;
  display: none;
}
.error-geo-code-common {
  float: right;
  margin-top: 15px;
  position: relative;
  top: 10px;
  left: 147px;
}
.geo-qty-input {
  width: 70px;
  height: 30px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: none;
  text-align: center;
  background: #fdfbfc;
  font-size: 11pt;
  line-height: 1;
  margin-bottom: 10px;
}
.geo-item-header {
  color: #333333;
  font-size: 10pt;
  font-family: Roboto;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  height: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.geo-item-header #cartheader3 {
  margin-left: -8px;
}
.geo-item-no {
  color: #333333;
  font-size: 11pt;
  font-family: Roboto;
  font-weight: 500;
  float: left;
  width: 5%;
  top: 40%;
  position: absolute;
}
.geo-code-item .product_image {
  float: left;
  text-align: center;
  width: 50%;
  padding: 15px 0 15px 15px;
}
.geo-code-checkbox .disabled,
.itemPrice .disabled {
  background-color: #cccccc;
  font-size: 12px;
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #f3f3f3 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color-light-grey', endColorstr='@color-border', GradientType=0);
}
.geo-code-pop-up-container {
  border: 1px solid #000000;
  width: 740px!important;
  /* pop up*/
  display: none;
  background-color: #ffffff;
  overflow: hidden;
  position: absolute;
  right: 60px;
  width: 440px;
  z-index: 9999;
  top: 180px;
}
.geo-code-top-label-text {
  text-align: left;
  font-weight: 500;
  font-size: 11pt;
  font-family: Roboto;
  color: #333333;
  margin-top: 15px;
  padding: 20px 20px 20px 50px;
}
.geo-code-top-label-text .content {
  font-size: 10pt;
  text-align: left;
  padding: 0 30px;
  margin-top: 10px;
}
.geo-code-top-label-text .content ul,
.geo-code-top-label-text .content li,
.geo-code-top-label-text .content p,
.geo-code-top-label-text .content div {
  color: #dc0032 !important;
}
.geo-code-top-label-text .content ul {
  margin-bottom: 15px;
}
.geo-code-top-label-text .content p {
  margin-bottom: 0;
}
.geo-code-pop-up-container table tr,
.geo-code-pop-up-container table td {
  border: 1px solid #cccccc;
}
.geo-code-pop-up-container table {
  border-collapse: collapse;
}
.geo-code-more-info-link {
  margin: 0 0 20px 21px;
  font-size: 1.2em;
  color: #000000;
}
.geo-code-checkbox-container {
  float: left;
  margin: 0 10px 0 20px;
  font-size: 1.2em;
}
.geocodePopupActions {
  text-transform: uppercase;
  clear: both;
  padding: 50px 40px 40px 40px;
}
.geo-code-return-link {
  margin: 0;
  margin-top: 18px;
  text-decoration: none;
  cursor: pointer;
  font-size: 11pt;
  font-family: Roboto;
  font-weight: 400;
  max-width: 180px;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
}
.geo-code-return-link a {
  color: #434343;
}
.geo-code-save-button-container {
  margin: 0;
  text-align: center;
}
.geo-code-save-button {
  text-align: center;
  border: medium none;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-family: Roboto;
  font-weight: 400;
  padding: 7px;
  text-shadow: none;
  text-transform: uppercase;
  background-image: url("../images/ie/gradient_dg_small.png");
  width: auto;
}
.geo-pop-up {
  background-color: #ffffff;
  overflow: hidden;
  position: absolute;
  right: 20px;
  width: 440px;
  z-index: 9999;
}
.geo-code-popup-close {
  color: #000000;
  font-size: 2em;
  height: 14px;
  position: absolute;
  right: 11px;
  top: 1px;
  width: 13px;
  cursor: pointer;
}
.geo-code-campaign-container {
  position: absolute;
  width: 93%;
}
.geoCodeSplit-section {
  display: block;
  text-align: center;
}
.geoCodeSplit-main-section {
  display: block;
  padding: 16px 0 0 0;
}
.geoCodeSplit-main-section img.plus-icon-btn {
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 5px 10px;
}
.geoCodeSplit-main-section .clear-all-controls {
  display: none;
  font-size: 12px;
  float: right!important;
  margin-right: 15px;
  text-decoration: underline;
  cursor: pointer;
}
.geoCodeSplit-main-section .row {
  width: 100%;
  display: none;
  width: auto;
  margin: 0 20px 0 20px;
  transform: translateX(-25%);
  position: relative;
  left: 25%;
}
.geoCodeSplit-main-section .control {
  margin: 0 auto;
  max-width: 230px;
  display: flex;
  color: #009cdd;
  font-size: 11pt;
  font-family: Roboto;
  font-weight: 400;
  align-items: center;
}
.geoCodeSplit-main-section .control .clear-all-controls {
  font-size: 11pt;
  font-family: Roboto;
  font-weight: 400;
  text-decoration: none;
  color: #009cdd !important;
  width: auto;
  margin-left: 15px;
}
.geoCodeSplit-main-section .row.row-1 {
  display: block;
}
.geoCodeSplit-main-section .error-geo-code,
.error-geo-code-common {
  color: #d50032;
  font-family: Arial,Arial;
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: 0;
  text-align: left;
  text-decoration: none;
  display: none;
}
.error-geo-code-common {
  float: right;
  margin-top: 15px;
  position: relative;
  top: 10px;
  left: 147px;
}
.geoCodeData {
  position: relative;
}
.geoCodeSplit-popover {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  left: -5px;
  min-width: 120px;
  min-height: 20px;
  z-index: 9999;
  top: 15px;
  word-wrap: break-word;
  padding: 5px;
}
.geo-codeSplit-popover-link {
  cursor: pointer;
  text-decoration: underline;
  color: #434343;
  font-size: 10pt;
  font-family: Roboto;
  font-weight: 400;
}
.geo-code-link.bgcolor-popover .popover {
  width: auto !important;
  max-width: none !important;
  padding: 0;
  border: 0;
}
.geo-code-link.bgcolor-popover .popover .arrow:after {
  border-bottom-color: #808080;
}
.geo-code-link.bgcolor-popover .popover .popover-content {
  display: grid;
  min-width: 133px;
  height: auto;
  font-size: 14px;
  padding: 3px;
  min-height: 30px;
  background-color: #808080;
}
.geo-code-link.bgcolor-popover .popover .popover-content .data {
  text-align: left;
  font-size: 10pt;
  padding: 5px 0;
  color: #ffffff;
}
.geo-code-link.bgcolor-popover .popover .popover-content .textAlignList {
  color: #ffffff !important;
  margin-left: 8px !important;
  color: #333333;
  font-size: 10pt;
  font-family: Roboto;
  font-weight: 400;
  margin-top: 3px;
  display: block;
}
.geo-code-link.bgcolor-popover .popover .popover-content .textAlignList:nth-last-child(1) {
  margin-bottom: 3px;
}
.add-geocode {
  display: flex;
  align-items: center;
}
.geoCodeSplit-popover {
  display: none;
}
.geoCodeData:hover .geoCodeSplit-popover {
  display: block;
}
.geocode-singleEntry {
  margin-top: 15px;
}
.rdd-splited-popup .add-geocode .plus-icon-btn {
  color: #009cdd;
}
.rdd-splited-popup .geocode-splitted-dates {
  color: #333333;
}
.rdd-splited-popup .geo-qty-input {
  color: #333333;
}
.rdd-geocode-plus {
  background: url("../images/geocode-rdd-plus.svg") no-repeat;
  background-size: 18px;
}
.geoCodeSplit-main-section span.plus-icon-btn {
  cursor: pointer;
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  form#placeOrderForm .item_container_holder table#your_cart thead {
    display: block;
  }
  form#placeOrderForm .item_container_holder table#your_cart tr th {
    min-width: 106px !important;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead {
    display: block;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart thead tr th {
    min-width: 105px;
  }
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.product_details {
    min-width: 90px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  section#checkout-section-body-product .checkout-section-body .item_container_holder table#your_cart tbody#cart_items_tbody tr td.total.cartValue {
    padding-top: 20px;
    padding-left: 0 !important;
    text-align: right;
  }
  .geo-code-header {
    margin-bottom: 10px !important;
  }
  .table#your_cart tbody tr td {
    padding: 0 !important;
  }
  /*****************************Mobile-End*********************************/
}
/* imports the variable.less */
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .geo-item-header {
    display: none;
  }
  .geo-code-checkbox {
    position: relative;
  }
  .geo-code-checkbox .checkmark {
    top: 9px;
    left: 6%;
  }
  .geo-code-checkbox input {
    position: absolute;
  }
  .geo-qty-input {
    height: 35px !important;
  }
  .geoCodeSplit-main-section {
    display: inline-block;
    width: 100%;
    padding: 0;
  }
  .geoCodeSplit-main-section .row {
    padding: 0px;
    display: none;
    margin: 0 20px 0 15px;
  }
  .geoCodeSplit-main-section .row.row-1 {
    display: block;
    margin-left: 15px;
  }
  .geoCodeSplit-main-section .control {
    max-width: inherit;
  }
  .geoCodeSplit-main-section .geo-add-quantity {
    padding-left: 16px;
    padding-bottom: 5px;
  }
  .geo-code-checkbox-lbl {
    display: inline-block;
    position: relative;
    top: 8px;
    max-width: 100%;
    padding-bottom: 20px;
    padding-left: 7px;
  }
  .geo-code-checkbox .geo-code-list-global {
    margin-left: 0px;
  }
  .geo-code-checkbox label {
    text-align: center;
    max-width: 100%;
  }
  .add-geocode {
    text-align: center;
    margin: 0 auto;
  }
  .geo-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .geo-wrapper .geo-code-item {
    padding-left: 0;
    display: flex;
    padding-bottom: 0;
    padding-right: 0;
  }
  .geo-wrapper .geo-code-product-details {
    padding-top: 15px;
    padding-bottom: 0;
    width: auto;
    text-align: left;
  }
  .geo-wrapper .geo-item-no {
    top: 67%;
  }
  .geo-code-item .product_image {
    padding-left: 30px;
    padding-right: 20px;
  }
  .item_container_holder-geo-code-pop-up {
    border-top: 1px solid #e5e5e5;
  }
  .geo-Popup .modal-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .rdd-splited-popup .geocode-splitted-dates {
    text-align: left;
    margin-left: 13%;
    margin-bottom: 10px;
  }
  .rdd-splited-popup .geo-add-quantity {
    padding-left: 12%;
  }
  .rdd-splited-popup .clear-all-controls {
    margin-left: 28px !important;
  }
  .rdd-splited-popup .control {
    margin-bottom: 7px;
  }
  .rdd-splited-popup .icon-geocode-delete {
    bottom: 6px;
    left: 24px;
  }
  .rdd-splited-popup .add-geocode .plus-icon-btn.rdd-geocode-plus {
    height: 18px;
    width: 18px;
    padding: 0 !important;
    margin-top: 1px;
  }
  .rdd-splited-popup .geo-code-item {
    display: table;
    position: static;
    padding-top: 20px;
  }
  .rdd-splited-popup .geo-code-item input {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
  }
  .rdd-splited-popup .geo-code-item .geo-item-no {
    display: table-cell;
    float: none;
    vertical-align: top;
    position: static;
  }
  .rdd-splited-popup .geo-code-item .product_image {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding: 0 !important;
  }
  .rdd-splited-popup .geo-code-item .geo-code-product-details {
    display: table-cell;
    vertical-align: top;
    float: none;
    padding: 0 !important;
  }
  .rdd-splited-popup .geo-code-item .geo-code-product-details span a {
    word-break: break-all;
  }
  .geo-code-top-label-text {
    padding-left: 20px !important;
  }
  .geo-code-top-label-text .content {
    padding: 0;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .geo-code-product-details {
    float: right;
    width: 30%;
  }
  .geo-code-item .product_image {
    width: 70%;
  }
  .geoCodeSplit-main-section {
    padding-top: 15px;
  }
  .geoCodeSplit-main-section .geo-code-dropdown {
    left: 25%;
  }
  .geoCodeSplit-main-section .control {
    margin-left: 4px;
  }
  .geoCodeSplit-main-section .row.row-1 {
    display: flex;
    margin-left: 12px;
    margin-right: 0;
  }
  .geoCodeSplit-main-section .row {
    margin-left: 0;
  }
  .geoCodeSplit-main-section .geo-add-quantity {
    padding-left: 0;
  }
  .geo-wrapper .geo-code-item {
    padding-right: 0;
    padding-left: 0;
  }
  .geo-wrapper .geo-code-item .geo-code-product-details {
    padding-top: 15px;
  }
  .rdd-splited-popup {
    max-width: 750px !important;
    width: 700px !important;
  }
  .rdd-splited-popup .geo-add-quantity {
    position: relative;
    right: 3px;
  }
  .rdd-splited-popup .geoCodeSplit-main-section {
    overflow: hidden;
  }
  .rdd-splited-popup .geoCodeSplit-main-section img.plus-icon-btn {
    padding: 5px;
    width: initial;
    height: 30px;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .control {
    display: inline-block;
    width: 230px;
    float: right;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .control .geo-add-quantity {
    padding: 0 !important;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .control .clear-all-controls {
    margin: 0;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .row {
    transform: none;
    position: static;
    clear: both;
    float: right;
    margin-right: 10px;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .row.row-1 {
    display: inline-block;
    margin-left: 0;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .geo-code-dropdown {
    transform: none;
    position: static;
    clear: both;
  }
  .rdd-splited-popup .geocode-splitted-dates {
    display: inline-block;
  }
  .rdd-splited-popup .icon-geocode-delete {
    bottom: 6px;
    right: 5px;
  }
  .rdd-splited-popup .geo-qty-input {
    height: 35px !important;
    margin-right: 12px;
  }
  .rdd-splited-popup #cartheader4 {
    position: relative;
    right: 25px;
  }
  .rdd-splited-popup #cartheader3 {
    margin-left: 0;
  }
  .rdd-splited-popup #cartheader5 {
    position: relative;
    right: 39px;
  }
  .rdd-splited-popup #cartheader2 {
    position: relative;
    right: -6px;
  }
  .rdd-splited-popup .plus-icon-btn.rdd-geocode-plus {
    height: 18px;
    width: 18px;
    padding: 0 !important;
    margin-top: 1px;
  }
  .rdd-splited-popup .geo-code-item {
    display: table;
    position: static;
    table-layout: fixed;
  }
  .rdd-splited-popup .geo-code-item .geo-item-no {
    display: table-cell;
    float: none;
    vertical-align: middle;
    position: static;
    width: 3px;
  }
  .rdd-splited-popup .geo-code-item .product_image {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding: 7px 0;
    width: 50px;
  }
  .rdd-splited-popup .geo-code-item .geo-code-product-details {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: 65px;
  }
  .rdd-splited-popup .geo-code-item .geo-code-product-details span a {
    word-break: break-all;
  }
  .geo-code-top-label-text .content {
    padding: 0;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .geo-code-top-label-text .content {
    padding: 0;
  }
  .addgeocode {
    margin-left: 20px;
  }
  .rdd-splited-popup {
    max-width: 750px !important;
  }
  .rdd-splited-popup .add-geocode {
    height: 20px;
  }
  .rdd-splited-popup .geoCodeSplit-main-section {
    overflow: hidden;
  }
  .rdd-splited-popup .geoCodeSplit-main-section img.plus-icon-btn {
    padding: 5px;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .control {
    display: inline-block;
    width: 230px;
    float: right;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .control .geo-add-quantity {
    padding: 0 !important;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .control .clear-all-controls {
    margin: 0;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .row {
    transform: none;
    position: static;
    float: right;
    clear: both;
  }
  .rdd-splited-popup .geoCodeSplit-main-section .row.row-1 {
    display: inline-block;
    padding-top: 12px;
  }
  .rdd-splited-popup .geocode-splitted-dates {
    display: inline-block;
    padding-top: 10px;
  }
  .rdd-splited-popup .icon-geocode-delete {
    bottom: 6px;
    left: 2px;
  }
  .rdd-splited-popup #cartheader4 {
    position: relative;
    right: 35px;
  }
  .rdd-splited-popup #cartheader5 {
    position: relative;
    right: 30px;
  }
  .rdd-splited-popup #cartheader2 {
    position: relative;
    left: 14px;
  }
  .rdd-splited-popup .geo-item-no {
    left: 1px;
  }
  .rdd-splited-popup .plus-icon-btn.rdd-geocode-plus {
    width: 19px;
    height: 19px;
    padding: 0 !important;
    margin-top: 1px;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import geocode popup page*/
/******************************************************************************************************************
/* File Name        : compare.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 24-Jan-2018
/* Description      : This is less code for the product compare section
/*******************************************************************************************************************/
.compare-balloon {
  width: 125px;
  min-height: 185px;
  text-align: center;
  color: #808080;
  float: right;
  position: fixed;
  right: 0px;
  top: 30%;
  background: #f3f3f3;
  z-index: 99999;
  display: none;
}
.compare-balloon.off {
  right: -130px;
  -webkit-transition: width 2s;
  /* Safari */
  transition: width 2s;
}
.compare-balloon.on {
  display: block;
  right: 0px;
  -webkit-transition: width 2s;
  /* Safari */
  transition: width 2s;
}
.compare-balloon h3 {
  background: #009cdd;
  color: #ffffff;
  margin: 0;
  height: 40px;
  padding: 0;
}
.compare-balloon .body {
  padding: 15px 5px;
}
.compare-balloon .body .number {
  font-weight: 600;
  font-size: 16pt;
}
.compare-balloon .body p {
  font-size: 1em;
  margin-bottom: 15px;
}
.product-compare-link.bgcolor-popover .popover .popover-content {
  margin-left: 16px;
}
.product-compare-link.bgcolor-popover .popover .popover-content .data {
  padding: 10px;
  background: url(../images/info_icon_white.svg) no-repeat;
  background-size: 20px 20px;
  margin: 0 10px;
  background-position: 0 center;
  padding-left: 30px;
}
.icon-printer {
  background: url('../images/print_icon.svg') no-repeat;
  background-size: 26px 24px;
  width: 26px;
  height: 24px;
  padding: 0 15px;
}
#product-compare-details-main-section {
  margin-bottom: 30px;
  width: 100%;
  display: inline-block;
  min-height: 200px;
}
#product-compare-details-main-section #compareDetailsBlock table tr td {
  width: 25%;
}
#product-compare-details-main-section .panel-group .panel-body {
  border-top: none;
  border-bottom: 1px solid #d9d9d9;
  padding: 15px 0;
}
#product-compare-details-main-section .panel-group .panel-body #productDescription {
  width: 100%;
  float: right;
}
#product-compare-details-main-section .panel-group .panel-body #productDescription .description td,
#product-compare-details-main-section .panel-group .panel-body #productDescription .benefit td {
  font-size: 11pt;
  color: #333333;
  padding: 0 10px 30px 10px;
  text-align: center;
  vertical-align: top;
  width: 25%;
}
#product-compare-details-main-section .panel-group .panel-body #productDescription .description td .prd-benefit-heading,
#product-compare-details-main-section .panel-group .panel-body #productDescription .benefit td .prd-benefit-heading {
  margin: 0 0 10px 0;
}
#product-compare-details-main-section .panel-group .panel-body #productDescription .description td.first {
  min-width: 170px;
}
#product-compare-details-main-section .bullet-title {
  font-weight: 500;
  line-height: 1.7;
}
#product-compare-details-main-section table,
#product-compare-details-main-section .eco3-theme-accordion {
  margin: 0 auto;
  text-align: center;
  max-width: 870px;
  font-weight: normal;
}
#product-compare-details-main-section table .no-top-border td,
#product-compare-details-main-section .eco3-theme-accordion .no-top-border td {
  border-top: 0;
}
#product-compare-details-main-section table .panel-heading,
#product-compare-details-main-section .eco3-theme-accordion .panel-heading {
  padding: 0;
}
#product-compare-details-main-section table .panel-heading a,
#product-compare-details-main-section .eco3-theme-accordion .panel-heading a {
  display: block;
  padding: 10px 15px;
}
#product-compare-details-main-section #compareDetailsBlock table {
  margin-bottom: 15px;
}
#product-compare-details-main-section #compareDetailsBlock table tr:last-child td {
  border-bottom: 1px solid #e5e5e5;
}
#product-compare-details-main-section #compareDetailsBlock table tr:last-child td:first-child {
  padding-right: 0;
  min-width: 170px;
}
#product-compare-details-main-section #compareDetailsBlock table .campaign-display .compare-campaign-display {
  display: inline-flex;
}
#product-compare-details-main-section #compareDetailsBlock table .campaign-display .compare-campaign-display .campaign-icon {
  background-color: #ddf5ff;
  width: 65px;
  height: 35px;
  margin-right: 3px;
  text-align: center;
}
#product-compare-details-main-section #compareDetailsBlock table .campaign-display .compare-campaign-display .campaign-icon img {
  margin: 7px;
  width: 23px;
  height: 20px;
}
#product-compare-details-main-section .product-image {
  max-width: 120px;
  position: relative;
}
#product-compare-details-main-section .add_to_cart_form {
  display: inline-block;
  max-width: 150px;
  text-align: left;
}
#product-compare-details-main-section .add_to_cart_form .btn-group-product {
  float: none;
  width: 100%;
}
#product-compare-details-main-section .add_to_cart_form .min-qty-icon-section .popover {
  height: auto!important;
}
#product-compare-details-main-section .add_to_cart_form .btn-group-product {
  float: none;
  text-align: center;
  position: static;
}
#product-compare-details-main-section .add_to_cart_form .product-btn {
  width: 55px;
  height: 30px;
  margin: 0;
}
#product-compare-details-main-section .add_to_cart_form .product-btn:not(.single-action).product-btn-ATQ {
  margin-right: 15px;
}
#product-compare-details-main-section .add_to_cart_form .product-btn .salesRepClass {
  margin-left: 70px;
}
#product-compare-details-main-section .add_to_cart_form .product-btn.guest {
  margin-left: 10px;
}
#product-compare-details-main-section .add_to_cart_form .product-btn.atwbtn {
  background-size: auto 21px;
  margin-right: 15px;
}
#product-compare-details-main-section .add_to_cart_form .product-btn.atwbtn.salesRepClass {
  margin-left: 48px;
}
.compare-details-block .product-image .close {
  position: absolute;
  top: 0;
  right: -20px;
  opacity: 0.7;
}
.compare-details-block .product-image .close .eco3-icon.icon-close {
  width: 25px;
  height: 25px;
  background-size: 25px;
}
.compare-details-block .pdp-link {
  color: #3c3c3c;
}
.compare-background-color td:not(.checkmark) {
  background-color: #ddf5ff;
}
.compare-details-block .checkmark {
  border-top: 0 !important;
  background-color: #ffffff;
  height: 37px !important;
}
.compare-details-block .checkmark.eco3-icon {
  display: table-cell !important;
}
#product-compare-details-main-section #compareDetailsBlock table tr td.checkmark {
  width: 6%;
}
#product-compare-details-main-section .panel-group .panel-body #productDescription {
  table-layout: fixed;
}
#product-compare-details-main-section .panel-group .panel-body #productDescription .description td.checkmark {
  width: 6%;
}
/* For IE Specific*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .compare-balloon {
    right: 18px !important;
  }
}
/* imports the variable.less */
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .table-description-main-wrapper {
    overflow-x: scroll;
  }
  .table-description-main-wrapper .table-description-sub-wrapper {
    width: 850px;
  }
  .table-description-main-wrapper .table-description-sub-wrapper.two-products-section {
    width: 600px;
  }
  .table-description-main-wrapper .table-description-sub-wrapper.one-products-section {
    width: 400px;
  }
  .table-description-main-wrapper .table-description-sub-wrapper.three-products-section {
    width: 700px;
  }
  .table-description-main-wrapper table td {
    white-space: inherit !important;
  }
  #product-compare-details-main-section #compareDetailsBlock table tr td {
    width: 23%;
  }
  #product-compare-details-main-section #compareDetailsBlock table tr td .action-buttons {
    margin-right: 0;
  }
  #product-compare-details-main-section .add_to_cart_form {
    text-align: center;
  }
  #product-compare-details-main-section .print-margin {
    margin-top: 5px;
  }
  #product-compare-details-main-section .panel-group .panel-body #productDescription .description td:not(.checkmark) {
    width: 23%;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .product-compare-link.bgcolor-popover .popover .popover-content {
    margin-left: 0;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  #product-compare-details-main-section #compareDetailsBlock table {
    font-size: 11pt;
  }
  /*****************************Desktop-End*********************************/
}
/* For IE Specific*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .compare-balloon {
    right: 18px !important;
  }
}
/* imports the media-query.less */
/* import compare section page*/
.cookies {
  position: fixed;
  z-index: 999999999;
  max-width: 1406px;
  width: 100%;
  height: 142px;
}
.cookies a {
  color: #009cdd;
}
.cookies .eco3-icon.icon-close {
  background-size: 27px;
  opacity: 0.4;
}
.cookies button:focus {
  outline: 0 !important;
}
.cookies-background {
  background-color: #f3f3f3;
  -webkit-box-shadow: 1px 1px 7px 0 #cccccc;
  -moz-box-shadow: 1px 1px 7px 0 #cccccc;
  box-shadow: 1px 1px 7px 0 #cccccc;
  display: flex;
  align-items: center;
}
.cookies-container nav {
  opacity: 0.3;
}
/* import the less code for the cookies popup */
/******************************************************************************************************************
/* File Name        : order-history.less							 
/* Created By       : Dipali Sonawane
/* Created Date     : 29-Jan-2018
/* Description      : This is less code for the order-history page.
/*******************************************************************************************************************/
/* imports the variable.less */
/* order history css starts */
#order-history-container .eco3-responsive-tabs {
  max-width: none;
}
#order-history-container .eco3-responsive-tabs .main-tab-border {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: 149px;
}
#order-history-container .eco3-responsive-tabs .nav-tabs,
#order-history-container .eco3-responsive-tabs .nav {
  display: flex;
  border-bottom: none;
}
#order-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading,
#order-history-container .eco3-responsive-tabs .nav > .tab-heading {
  position: relative;
  top: 10px;
}
#order-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading.active a,
#order-history-container .eco3-responsive-tabs .nav > .tab-heading.active a {
  color: #2b9cea;
}
#order-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading > a,
#order-history-container .eco3-responsive-tabs .nav > .tab-heading > a {
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #cccccc;
  border-bottom: none;
  font-size: 10pt;
  font-weight: 500;
}
#order-history-container .eco3-responsive-tabs .eco3-table table {
  width: 100% !important;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr th {
  color: #333333;
  height: 60px;
  border-bottom: none;
  text-align: center;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td {
  border-top: none;
  vertical-align: middle;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td.history-order-confirm {
  text-align: center;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td .doc-download {
  background-repeat: no-repeat;
  height: 30px;
  width: 29px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  top: 2px;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td form {
  margin-bottom: 0px;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td form .add_to_quote_button {
  background-color: #009cdd;
  border: none;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td form .add_to_cart_button {
  background-color: #83bc34;
  border: none;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td form .wish-list-btn {
  border: none;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td.order-history-list-order a {
  color: #333333;
}
#order-history-container .eco3-responsive-tabs .eco3-table table tr td:nth-child(-n+6) {
  border-top: 1px solid #d9d9d9;
}
#order-history-container .eco3-responsive-tabs .eco3-table .order-history-list-details {
  font-size: 10pt;
  font-weight: 400;
}
#order-history-container .eco3-responsive-tabs .eco3-table .order-history-list-details a {
  color: #009cdd;
}
#order-history-container .ech-tab-table ul {
  display: inline-block;
  margin-bottom: 64px;
  list-style-type: none;
  background-color: #fcfcfc;
}
#order-history-container .ech-tab-table ul .tab-menu-list-menu {
  display: inline-block;
  box-shadow: 0 0 2px 1px #d9d9d9;
  z-index: 99;
  min-width: 151px;
  height: 32px;
  font-size: 11pt;
  color: #434343;
  padding-top: 5px;
  font-weight: 400;
  cursor: pointer;
  margin-right: -5px;
}
#order-history-container .ech-tab-table ul .tab-menu-list-menu:first-of-type {
  margin-left: 10px;
}
#order-history-container .ech-tab-table ul .tab-menu-list-menu:nth-child(5) {
  margin-right: 10px;
}
#order-history-container .ech-tab-table ul .tab-menu-list-menu.active {
  color: #009cdd;
  box-shadow: 0 0 4px 0 #009cdd;
}
/* order history css ends */
#order-details,
.checkout-order-details {
  visibility: hidden;
}
#order-details.show,
.checkout-order-details.show {
  visibility: visible;
  max-width: 160px;
  display: inline-block;
  float: right;
}
#order-details #order-details-title h2,
.checkout-order-details #order-details-title h2 {
  display: inline-block;
  vertical-align: bottom;
  color: #001fa4;
  margin-top: 7px;
}
#order-details #order-details-title h2 span,
.checkout-order-details #order-details-title h2 span {
  display: Block;
  font-weight: normal;
  font-size: 12pt;
  margin-bottom: 8px;
}
#order-details #order-details-title .reorder_order_form,
.checkout-order-details #order-details-title .reorder_order_form {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}
#order-details #order-details-title .reorder_order_form .add_to_cart_button,
.checkout-order-details #order-details-title .reorder_order_form .add_to_cart_button {
  margin-top: 12px;
  margin-bottom: 30px;
}
#order-details ul,
.checkout-order-details ul {
  list-style: none;
  padding: 20px;
}
#order-details table.dataTable th,
.checkout-order-details table.dataTable th {
  border-bottom: 1px solid #d9d9d9;
  font-size: 11pt;
  text-align: center;
  padding: 12px;
}
#order-details .dataTable td,
.checkout-order-details .dataTable td {
  vertical-align: top;
  font-size: 11pt;
}
#order-details .dataTable td a,
.checkout-order-details .dataTable td a {
  color: #333333;
  text-decoration: underline;
}
#order-details .dataTable td a:hover,
.checkout-order-details .dataTable td a:hover {
  color: #009cdd;
}
#order-details .order-historydetails-button,
.checkout-order-details .order-historydetails-button {
  display: flex;
}
#order-details .order-history-cartbutton,
.checkout-order-details .order-history-cartbutton {
  margin-right: 10px;
}
#order-details table.dataTable,
.checkout-order-details table.dataTable {
  border-bottom: 1px solid #d9d9d9;
}
#order-details table.dataTable tbody > tr[role="row"] > td:first-child:before,
.checkout-order-details table.dataTable tbody > tr[role="row"] > td:first-child:before,
#order-details table.dataTable tbody > tr[role="row"] > th:first-child:before,
.checkout-order-details table.dataTable tbody > tr[role="row"] > th:first-child:before {
  background-color: #2b9cea;
}
#order-details table.dataTable tbody > tr.parent > td:first-child:before,
.checkout-order-details table.dataTable tbody > tr.parent > td:first-child:before,
#order-details table.dataTable tbody > tr.parent > th:first-child:before,
.checkout-order-details table.dataTable tbody > tr.parent > th:first-child:before {
  background-color: #d9d9d9;
}
#order-details .border-bottom-invoice,
.checkout-order-details .border-bottom-invoice {
  border-bottom: 1px solid #d9d9d9;
}
#order-details .border-bottom-none,
.checkout-order-details .border-bottom-none {
  border-bottom: none;
}
#order-details .order-heading-border-width,
.checkout-order-details .order-heading-border-width {
  min-width: 420px;
}
#order-details .lead-heading-border-width,
.checkout-order-details .lead-heading-border-width {
  min-width: 297px;
}
#order-details .relative-documents-panel,
.checkout-order-details .relative-documents-panel {
  margin-top: 40px;
}
#order-details .relative-documents-panel .text-heading,
.checkout-order-details .relative-documents-panel .text-heading {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
#order-details .relative-documents-panel .border-invoice,
.checkout-order-details .relative-documents-panel .border-invoice {
  border-left: 1px solid #d9d9d9;
}
#order-details .relative-documents-panel .margin-invoice-documents,
.checkout-order-details .relative-documents-panel .margin-invoice-documents {
  margin-left: 100px;
}
#order-details .relative-documents-panel .right-panel .quoteid-section,
.checkout-order-details .relative-documents-panel .right-panel .quoteid-section {
  margin-left: -20px;
}
#order-details .relative-documents-panel .related-documents,
.checkout-order-details .relative-documents-panel .related-documents {
  display: flex;
}
#order-details .relative-documents-panel .related-documents .each-invoice-pdf-section,
.checkout-order-details .relative-documents-panel .related-documents .each-invoice-pdf-section {
  margin-right: 20px;
}
#order-details .relative-documents-panel .related-documents .each-invoice-pdf-section:nth-child(1),
.checkout-order-details .relative-documents-panel .related-documents .each-invoice-pdf-section:nth-child(1) {
  margin-left: 65px;
}
#order-details .relative-documents-panel .item,
.checkout-order-details .relative-documents-panel .item {
  margin-top: 40px;
  margin-bottom: 40px;
}
#order-details .relative-documents-panel .related-documents-number,
.checkout-order-details .relative-documents-panel .related-documents-number {
  margin-top: 12px;
}
#order-details .relative-documents-panel .eco3-icon,
.checkout-order-details .relative-documents-panel .eco3-icon {
  width: 40px;
  height: 40px;
}
#order-details .relative-documents-panel .document-linkage-icon,
.checkout-order-details .relative-documents-panel .document-linkage-icon {
  resize: none;
  background-image: url("../images/document_icon.svg");
  background-repeat: no-repeat;
}
#order-details .relative-documents-panel .invoice-section-header,
.checkout-order-details .relative-documents-panel .invoice-section-header {
  margin-left: -50px;
}
#order-details .relative-documents-panel .align-invoice-text,
.checkout-order-details .relative-documents-panel .align-invoice-text {
  margin-right: 30px;
  text-align: left;
  padding-left: 20px;
}
#order-details .relative-documents-panel .align-invoice-document,
.checkout-order-details .relative-documents-panel .align-invoice-document {
  margin-left: 0 !important;
}
#order-details .relative-documents-panel .align-invoice-document img,
.checkout-order-details .relative-documents-panel .align-invoice-document img {
  margin-right: 18px;
}
#order-details .relative-documents-panel .align-invoice-text-order,
.checkout-order-details .relative-documents-panel .align-invoice-text-order {
  margin-right: 35px;
}
#order-details #accordionOrderDetails .panel-body,
.checkout-order-details #accordionOrderDetails .panel-body {
  padding: 20px 0;
}
#order-details #accordionOrderDetails table td,
.checkout-order-details #accordionOrderDetails table td {
  padding-top: 20px;
}
#order-details #accordionOrderDetails .totalAmount dd,
.checkout-order-details #accordionOrderDetails .totalAmount dd {
  font-size: 11pt;
  padding-bottom: 8px;
}
#order-details #accordionOrderDetails .totalAmount .light-bold,
.checkout-order-details #accordionOrderDetails .totalAmount .light-bold {
  color: #009cdd;
}
#order-details .line-item-label,
.checkout-order-details .line-item-label {
  color: #666666;
  font-size: 12pt;
  font-family: Roboto;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 60px;
}
#order-details .panel-heading,
.checkout-order-details .panel-heading {
  border: none;
}
#order-details #order-header-related-panel .panel-heading,
.checkout-order-details #order-header-related-panel .panel-heading,
#order-details #pdf-order-details-header-section .panel-heading,
.checkout-order-details #pdf-order-details-header-section .panel-heading,
#order-details #transaction-order-details-header-section .panel-heading,
.checkout-order-details #transaction-order-details-header-section .panel-heading {
  box-shadow: 0 0 4px 1px #cccccc;
}
#order-details .order-details-header,
.checkout-order-details .order-details-header {
  color: #333333;
  font-size: 11pt;
  font-family: Roboto;
  font-weight: bold;
  text-transform: none;
}
#order-details .card-label-font,
.checkout-order-details .card-label-font {
  font-size: 11pt;
}
#order-details .order-details-content,
.checkout-order-details .order-details-content {
  color: #333333;
  font-size: 11pt;
  font-family: Roboto;
  font-weight: 400;
}
#order-details .order-details-content td.child,
.checkout-order-details .order-details-content td.child {
  border: 0;
  padding: 0;
}
#order-details .order-details-content td.child li[data-dtr-index="8"],
.checkout-order-details .order-details-content td.child li[data-dtr-index="8"] {
  padding-top: 15px;
}
#order-details .order-details-content .add_to_cart_form,
.checkout-order-details .order-details-content .add_to_cart_form {
  display: flex;
  margin-bottom: 0;
}
#order-details .order-details-content td,
.checkout-order-details .order-details-content td {
  padding: 15px 0 15px 0;
  vertical-align: middle;
}
#order-details .add_to_quote_button,
.checkout-order-details .add_to_quote_button {
  background-color: #009cdd;
  border: none;
  width: 70px;
  height: 35px;
}
#order-details .add_to_cart_button,
.checkout-order-details .add_to_cart_button {
  background-color: #83bc34;
  border: none;
  width: 70px;
  height: 35px;
  margin-left: 10px;
}
#order-details .wish-list-btn,
.checkout-order-details .wish-list-btn {
  border: none;
  width: 70px;
  height: 35px;
}
#order-details .order_edit_button,
.checkout-order-details .order_edit_button {
  border: none;
  width: 70px;
  height: 40px;
  margin-top: 10px;
  background-color: #f3f3f3;
  color: #434343;
}
#order-details .order-list-tracking-list,
.checkout-order-details .order-list-tracking-list {
  width: 120px;
  height: 30px;
  margin-left: 7px;
}
#order-details .order-list-tracking-icon,
.checkout-order-details .order-list-tracking-icon {
  margin-bottom: -5px;
  margin-left: 10px;
  background-image: url("../images/track_trace.svg");
  background-repeat: no-repeat;
  border: none;
  width: 30px;
  height: 24px;
}
#order-details .disabledCancelledStatus,
.checkout-order-details .disabledCancelledStatus {
  opacity: 0.5;
  pointer-events: none;
}
#order-details .accordion-toggle:after,
.checkout-order-details .accordion-toggle:after {
  margin: 0;
  background-image: url(../images/arrow-up.svg);
  background-size: 9px 15px;
  position: relative;
  top: -2px !important;
}
#order-details .accordion-toggle.collapsed:after,
.checkout-order-details .accordion-toggle.collapsed:after {
  background-image: url(../images/arrow-down.svg);
  background-size: 9px 15px;
  position: relative;
  top: 0;
}
#order-details .accordion-toggle.collapsed,
.checkout-order-details .accordion-toggle.collapsed {
  color: #434343;
}
#order-details .accordion-toggle,
.checkout-order-details .accordion-toggle {
  color: #009cdd;
}
#order-details .dataTable td a.pdp-page-link-for-service-details,
.checkout-order-details .dataTable td a.pdp-page-link-for-service-details {
  text-decoration: none !important;
  width: 80%;
  display: inline-block;
  font-weight: 400;
  color: #009cdd !important;
}
#order-details .eco3-table table.dataTable {
  border: none;
}
#order-details .eco3-table table.dataTable tbody.order-details-content tr.last-row td {
  border-top: none;
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
}
#order-details .eco3-table table.dataTable tbody.order-details-content tr.last-row.parent td {
  border: none;
}
#order-details .eco3-table table.dataTable tbody.order-details-content tr.last-row.child td {
  border: none;
}
#order-details .eco3-table table.dataTable tr td {
  word-break: break-word;
}
#order-details #accordionOrderDetails table.dataTable {
  border: none;
  width: 100%;
}
#order-details #accordionOrderDetails table.dataTable tbody tr td {
  border-top: none;
  border-bottom: 1px solid #d9d9d9;
}
#order-details #accordionOrderDetails table.dataTable tbody tr.parent td {
  border: none;
}
#order-details #accordionOrderDetails table.dataTable tbody tr.child td {
  border: none;
}
.errorMessage-width {
  max-width: 550px;
  margin: 0 auto;
}
.page-packagedQuoteDetailsPage .allMessages {
  display: none;
}
.order-quote-history-page .adv-search-container .eco3-datepicker-input {
  color: #3c3c3c;
}
.order-quote-history-page .ecotabs .eco3-table table tr th {
  width: auto !important;
}
.order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading {
  top: 0;
}
.order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading .order-item,
.order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading .my-customer-tab,
.order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading .customer-order {
  border-left: none;
}
.order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading a {
  line-height: 29px;
  font-size: 14px;
  color: #434343;
  height: 40px;
  background: #fcfcfc;
  border-bottom: 1px solid #cccccc;
}
.order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading.active a {
  border-bottom: none;
  background: #ffffff;
  line-height: 23px;
  border-top: 4px solid #2b9cea;
}
div#accordionOrderDetails table.dataTable td {
  word-break: break-all;
  white-space: normal;
}
.editPopupOrderHistoryList,
.editOrderDetails {
  padding: 20px;
}
.editPopupOrderHistoryList .edit-popup-row,
.editOrderDetails .edit-popup-row {
  padding: 20px;
}
.editPopupOrderHistoryList .eco3-table table,
.editOrderDetails .eco3-table table {
  width: 99% !important;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px !important;
}
.editPopupOrderHistoryList .eco3-table table th,
.editOrderDetails .eco3-table table th {
  width: 30% !important;
  padding-left: 0;
  text-align: left !important;
  cursor: initial !important;
}
.editPopupOrderHistoryList .eco3-table table tbody td,
.editOrderDetails .eco3-table table tbody td {
  padding: 0;
  text-align: left;
}
.editPopupOrderHistoryList .eco3-table table.dataTable thead .sorting_asc,
.editOrderDetails .eco3-table table.dataTable thead .sorting_asc {
  background-image: none !important;
}
.editPopupOrderHistoryList textarea,
.editOrderDetails textarea {
  min-width: 100%;
  border: 1px solid #cccccc;
}
.editPopupOrderHistoryList .customer-text,
.editOrderDetails .customer-text {
  display: table-cell;
}
.editPopupOrderHistoryList .customer-text-review,
.editOrderDetails .customer-text-review {
  text-transform: none;
}
.editPopupOrderHistoryList .upload-file-display-textbox,
.editOrderDetails .upload-file-display-textbox {
  width: 220px;
  cursor: pointer;
  height: 35px;
}
.editPopupOrderHistoryList .uploadBlock .placeholderText,
.editOrderDetails .uploadBlock .placeholderText {
  font-size: 12pt;
  float: left;
  color: #434343;
  padding: 6px 10px !important;
}
.editPopupOrderHistoryList .upload-block-button.upload-block-button-mobile,
.editOrderDetails .upload-block-button.upload-block-button-mobile {
  display: inline-block;
}
.editPopupOrderHistoryList .upload-block-button.upload-block-button-mobile input#upload-lead-btn,
.editOrderDetails .upload-block-button.upload-block-button-mobile input#upload-lead-btn {
  height: 35px;
}
.editPopupOrderHistoryList .upload-block-button .spinner,
.editOrderDetails .upload-block-button .spinner {
  margin: 0 auto;
}
.editPopupOrderHistoryList .instruction-container .content-section,
.editOrderDetails .instruction-container .content-section {
  font-size: 12pt;
}
.editPopupOrderHistoryList .instruction-container .content-section textarea,
.editOrderDetails .instruction-container .content-section textarea {
  resize: none;
  border-radius: 0;
}
.editPopupOrderHistoryList .attachment-container i.eco3-popover,
.editOrderDetails .attachment-container i.eco3-popover {
  position: relative;
  float: right;
  height: 35px;
  background-size: 22px;
  margin-top: -34px;
  margin-right: 10px;
}
.editPopupOrderHistoryList .doc-section-block,
.editOrderDetails .doc-section-block {
  padding-left: 0;
  width: 100%;
  float: left;
}
.editPopupOrderHistoryList .doc-section-block li,
.editOrderDetails .doc-section-block li {
  float: left;
  margin-bottom: 20px;
  width: 33%;
}
.editPopupOrderHistoryList .doc-section-block li a,
.editOrderDetails .doc-section-block li a {
  padding-left: 10px;
  cursor: pointer;
}
.editPopupOrderHistoryList .doc-section-block li a .docAttachment,
.editOrderDetails .doc-section-block li a .docAttachment {
  background: url(../images/file_icon.svg) no-repeat;
  width: 25px;
  height: 30px;
  cursor: pointer;
  background-size: 25px 30px;
  margin-top: 5px;
}
.editPopupOrderHistoryList .doc-section-block li a .docAttachment.pdf,
.editOrderDetails .doc-section-block li a .docAttachment.pdf {
  background: url(../images/pdf_file_icon.svg) no-repeat;
  background-size: contain;
}
.editPopupOrderHistoryList .doc-section-block li a span.file-name-wrapper,
.editOrderDetails .doc-section-block li a span.file-name-wrapper {
  width: 84px !important;
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}
.editPopupOrderHistoryList .doc-section-block li a i.eco3-icon.calibration-delete-icon,
.editOrderDetails .doc-section-block li a i.eco3-icon.calibration-delete-icon {
  width: 20px;
  height: 20px;
  top: 6px;
  position: relative;
  background-size: 16px;
  background-image: url(../images/delete.svg);
}
.editPopupOrderHistoryList .doc-section-block li a.delete-file-icon,
.editOrderDetails .doc-section-block li a.delete-file-icon {
  padding-left: 15px;
}
.editPopupOrderHistoryList .send-req-btn,
.editOrderDetails .send-req-btn {
  float: right;
}
.editPopupOrderHistoryList #request-type option,
.editOrderDetails #request-type option {
  font-size: 13px !important;
}
.editPopupOrderHistoryList .doc-section-block li,
.editOrderDetails .doc-section-block li {
  margin-top: 20px;
}
.editPopupOrderHistoryList .edit-popup-row,
.editOrderDetails .edit-popup-row {
  padding-left: 10px;
}
.editPopupOrderHistoryList #request-button-tab ul.request-tabs,
.editOrderDetails #request-button-tab ul.request-tabs {
  border-bottom: none !important;
}
.editPopupOrderHistoryList #request-button-tab ul.request-tabs li,
.editOrderDetails #request-button-tab ul.request-tabs li {
  margin-right: 10px;
}
.editPopupOrderHistoryList #request-button-tab ul.request-tabs li a.request-option-tab,
.editOrderDetails #request-button-tab ul.request-tabs li a.request-option-tab {
  width: auto;
}
.editPopupOrderHistoryList .button-first-text,
.editOrderDetails .button-first-text {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.page-orderDetailsPage .succes-msg-popup {
  width: 80% !important;
  margin-left: 35px !important;
}
.page-orderDetailsPage .edit-error-popup {
  width: 100% !important;
  margin-left: 0 !important;
  margin-bottom: 30px;
}
.page-orderDetailsPage .uploadBlock .bgcolor-popover .popover .popover-content {
  padding: 5px;
  color: white;
}
.page-orderDetailsPage .disable-selectfile {
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}
.history-details-action li a {
  text-decoration: none !important;
}
#convertToOrderClick {
  background-image: url(../images/threedots.svg);
  background-size: initial;
  background-repeat: no-repeat;
  width: 70px !important;
  background-position: center center;
  height: 35px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-left: 0;
}
.report-date-to-datepicker .eco3-datepicker-input {
  color: #3c3c3c;
}
#editRequestOrderForm .template-text,
#editOrderRequestForm .template-text {
  text-transform: none;
}
#editRequestOrderForm .download-template-link-section .download-template-link,
#editOrderRequestForm .download-template-link-section .download-template-link {
  text-decoration: underline !important;
  color: #009cdd !important;
  cursor: pointer;
}
.orderItem_add_to_cart {
  background-image: url("../images/reorder_white.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
.quote-white-button {
  background-image: url("../images/quote_white.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
}
.wish-list-btn {
  background-image: url("../images/favorites_add_star.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
.orderItem_add_to_quote {
  background-image: url("../images/quote-icon.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
}
button.green-go.large.eco3-icon.history-details-dd-Edit-icon {
  background-color: #ffffff;
  border: none;
  width: 70px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
/********track order css*************/
form.tracking-icon-wrapper {
  margin: 0;
}
#trackDropdown {
  min-width: 100px;
  width: auto !important;
  background-image: none;
  opacity: 1;
  line-height: 40px;
  height: 40px;
  text-transform: capitalize;
  background-color: unset;
}
#trackDropdown.trackdd-dropdown-button {
  padding: 0 5px;
  background-color: #009cdd;
}
#trackDropdown .down {
  display: inline-block;
  width: 20px;
  height: 40px;
  background: url("../images/arrow-down-white.svg") no-repeat;
  background-position: center center;
  background-size: 90%;
  background-color: #009cdd;
}
#trackDropdown .down:hover,
#trackDropdown .down.active {
  background-color: #0f7ea7;
  cursor: pointer;
}
#trackDropdown .track-trace {
  float: left;
  min-width: 78px;
  height: 40px;
  text-transform: capitalize;
  cursor: pointer;
  padding: 0 5px;
  width: auto;
  background-color: #009cdd;
}
#trackDropdown .dropdown-container {
  top: 39px;
  left: 80%;
  width: 250px;
}
#trackDropdown .dropdown-container ul {
  display: inline-block;
  width: 250px;
}
#trackDropdown .dropdown-container ul li.tracking-list {
  color: black;
  padding: 15px 10px !important;
  white-space: initial;
  height: auto !important;
  text-transform: initial;
  text-align: left;
  line-height: 23px;
  box-shadow: 0 0 1px 0 #d9d9d9;
  border: none;
}
#trackDropdown .dropdown-container ul li.tracking-list:first-child {
  border-bottom: 1px solid #cccccc;
  display: flex;
  align-items: center;
  cursor: auto;
}
#trackDropdown .dropdown-container ul li.tracking-list:hover {
  background-color: #f8f8f8;
}
#trackDropdown .dropdown-container ul li.tracking-list .eco3-icon.icon-info-circle {
  background: url("../images/info-icon.svg") no-repeat !important;
  float: left;
  background-size: 24px !important;
  margin-right: 5px;
  width: 48px;
}
#trackDropdown .dropdown-container ul li.tracking-list i.eco3-icon.package_icon {
  float: left;
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url("../images/package_icon.svg") no-repeat !important;
  background-size: 24px !important;
}
.empty-confirmed-list .popover {
  width: auto !important;
}
.empty-confirmed-list .popover .popover-content {
  min-height: 30px !important;
  width: auto;
  min-width: 115px;
  padding: 8px 5px;
}
table.order-history-item-list .td-row-container {
  margin: 30px 0 !important;
  display: table;
  width: 100%;
}
table.order-history-item-list .td-row-container:first-child {
  margin-top: 10px !important;
}
table.order-history-item-list .td-row-container:last-child {
  margin-bottom: 10px !important;
}
table.order-history-item-list .td-row-container .td-item-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
table.order-history-item-list tr.child td li span.dtr-title {
  min-width: auto;
}
table.order-history-item-list tr.child td li span.dtr-data .td-container {
  display: inline-block;
}
table.order-history-item-list tr.child td li div.order-listing-inner-wrapper {
  display: table;
  margin-top: 20px;
}
table.order-history-item-list tr.child td li div.order-listing-inner-wrapper .td-container-common.bold {
  font-weight: bold;
}
table.order-history-item-list tr.child td li div.order-listing-inner-wrapper .td-container-common {
  display: table-cell;
  width: 100px;
  text-align: center;
  align-items: center;
  vertical-align: middle;
  padding: 10px 0;
}
table.order-history-item-list tr.child td li[data-dtr-index="7"],
table.order-history-item-list tr.child td li[data-dtr-index="8"] {
  display: none;
}
table.order-history-item-list tr.child td li[data-dtr-index="9"] span.dtr-title:after,
table.order-history-item-list tr.child td li[data-dtr-index="10"] span.dtr-title:after {
  display: none;
}
table.order-history-item-list tr.child td li[data-dtr-index="9"] span.dtr-data,
table.order-history-item-list tr.child td li[data-dtr-index="10"] span.dtr-data {
  padding-left: 0;
}
table.order-details-table .td-row-container {
  margin: 12px 0 !important;
  display: table;
  width: 100%;
  height: 40px;
}
table.order-details-table .td-row-container:first-child {
  margin-top: 10px !important;
}
table.order-details-table .td-row-container:last-child {
  margin-bottom: 10px !important;
}
table.order-details-table .td-row-container .td-item-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
table.order-details-table .td-row-container .td-item-container.text-decoration-underline {
  word-break: break-word;
}
table.order-details-table .td-row-container .td-item-container span.empty-data {
  display: inline-block;
  height: 40px;
}
table.order-details-table tr.child li[data-dtr-index="10"] span.dtr-data {
  width: 100%;
}
table.order-details-table tr.child li[data-dtr-index="7"],
table.order-details-table tr.child li[data-dtr-index="8"],
table.order-details-table tr.child li[data-dtr-index="9"] {
  display: none;
}
table.order-details-table tr.child li[data-dtr-index="10"] span.dtr-title:after {
  display: none;
}
table.order-details-table tr.child li table.ordertrackingInnerTable {
  width: 100%;
}
table.order-details-table tr.child li table.ordertrackingInnerTable tr td,
table.order-details-table tr.child li table.ordertrackingInnerTable tr th {
  background: #f4f4f4 !important;
  border: none;
}
table.order-details-table tr.child li table.ordertrackingInnerTable tr th {
  padding: 12px 0;
  width: 33%;
  border-bottom: none !important;
}
table.order-details-table tr.child li table.ordertrackingInnerTable tr .td-container.td-container-common {
  text-align: center;
}
.page-orderDetailsPage .eco3-theme-accordion .accordion-toggle:after {
  background-size: 24px !important;
}
div#accordionChangeRequest table.order-change-table {
  table-layout: fixed;
}
div#accordionChangeRequest table.order-change-table td {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  align-items: center;
  padding: 20px 0;
  white-space: pre-wrap;
}
div#accordionChangeRequest table.order-change-table th {
  padding: 20px 0;
}
div#accordionChangeRequest table.order-change-table th:first-child {
  background-image: none !important;
}
div#accordionChangeRequest table.order-change-table tr.child span.dtr-title {
  display: block;
  margin-bottom: 10px;
}
div#accordionChangeRequest table.order-change-table tr.child span.dtr-title:after {
  display: none;
}
div#accordionChangeRequest table.order-change-table tr.child span.dtr-data {
  margin-left: -5px;
}
div#accordionChangeRequest table.order-change-table span.mt-response {
  word-break: break-word;
}
div#accordionChangeRequest table.order-change-table .status-green {
  color: #83bc34;
  font-weight: 500;
}
div#accordionChangeRequest table.order-change-table .status-red {
  color: #d50032;
  font-weight: 500;
}
div#accordionChangeRequest table.order-change-table .status-blue {
  color: #000099;
  font-weight: 500;
}
#globalMessageForOrderChangeRequest,
#globalMessageForNewOrderChangeRequest {
  max-width: 800px;
  margin-top: 30px;
  display: inline-flex;
}
#globalMessageForOrderChangeRequest ul.notificationicon,
#globalMessageForNewOrderChangeRequest ul.notificationicon {
  padding: 5px;
}
#globalMessageForOrderChangeRequest ul.notificationicon li a.text-decoration-underline.text-left,
#globalMessageForNewOrderChangeRequest ul.notificationicon li a.text-decoration-underline.text-left {
  cursor: pointer;
  color: inherit;
}
#globalMessageForOrderChangeRequest ul.notificationicon li .global-alerts .info-icon,
#globalMessageForNewOrderChangeRequest ul.notificationicon li .global-alerts .info-icon {
  width: 28px;
  height: 28px;
}
#globalMessageForOrderChangeRequest ul.notificationicon li span.text-left.text-msg,
#globalMessageForNewOrderChangeRequest ul.notificationicon li span.text-left.text-msg {
  padding-left: 5px;
}
#globalMessageForOrderChangeRequest tr.child li[data-dtr-index="11"] span.dtr-data,
#globalMessageForNewOrderChangeRequest tr.child li[data-dtr-index="11"] span.dtr-data {
  width: 100%;
}
#globalMessageForOrderChangeRequest tr.child li[data-dtr-index="8"],
#globalMessageForNewOrderChangeRequest tr.child li[data-dtr-index="8"],
#globalMessageForOrderChangeRequest tr.child li[data-dtr-index="9"],
#globalMessageForNewOrderChangeRequest tr.child li[data-dtr-index="9"],
#globalMessageForOrderChangeRequest tr.child li[data-dtr-index="10"],
#globalMessageForNewOrderChangeRequest tr.child li[data-dtr-index="10"] {
  display: none;
}
#globalMessageForOrderChangeRequest tr.child li[data-dtr-index="11"] span.dtr-title:after,
#globalMessageForNewOrderChangeRequest tr.child li[data-dtr-index="11"] span.dtr-title:after {
  display: none;
}
#globalMessageForOrderChangeRequest tr.child li table.ordertrackingInnerTable,
#globalMessageForNewOrderChangeRequest tr.child li table.ordertrackingInnerTable {
  width: 100%;
}
#globalMessageForOrderChangeRequest tr.child li table.ordertrackingInnerTable tr td,
#globalMessageForNewOrderChangeRequest tr.child li table.ordertrackingInnerTable tr td,
#globalMessageForOrderChangeRequest tr.child li table.ordertrackingInnerTable tr th,
#globalMessageForNewOrderChangeRequest tr.child li table.ordertrackingInnerTable tr th {
  background: #f4f4f4 !important;
  border: none;
}
#globalMessageForOrderChangeRequest tr.child li table.ordertrackingInnerTable tr th,
#globalMessageForNewOrderChangeRequest tr.child li table.ordertrackingInnerTable tr th {
  padding: 12px 0;
  width: 33%;
  border-bottom: none !important;
}
#globalMessageForOrderChangeRequest tr.child li table.ordertrackingInnerTable tr .td-container.td-container-common,
#globalMessageForNewOrderChangeRequest tr.child li table.ordertrackingInnerTable tr .td-container.td-container-common {
  text-align: center;
}
.page-orderTrackingLandingPage #breadcrumb .breadcrumb-page-title {
  display: none;
}
.page-orderTrackingLandingPage #globalMessages li .global-alerts .error-icon {
  background-size: 80%;
}
.page-orderTrackingLandingPage #globalMessages li span:last-child {
  text-align: left;
}
.page-orderTrackingLandingPage #globalMessagesForErrors {
  margin-top: 30px;
  max-width: 400px;
}
.page-orderTrackingLandingPage #globalMessagesForErrors .alert.alert-bar ul li span:last-child {
  padding-left: 10px;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper {
  float: none;
  margin: 30px auto 20px auto;
  display: inline-block;
  width: 270px;
  padding: 0;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .bgcolor-popover .popover {
  width: 200px !important;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .col-md-12,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .col-sm-12,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .col-xs-12 {
  padding: 0;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-radio-selection {
  float: none;
  margin: 20px auto;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-radio-selection .customer-number-label {
  text-align: left;
  float: left;
  font-weight: 500;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-radio-selection .customer-number-label div#customer-no-text-shipping {
  float: right;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-radio-selection .customer-number-label div#customer-no-text-shipping i {
  position: relative;
  left: 10px;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-radio-selection .radio-block {
  display: inline-block;
  margin-right: 20px;
  text-align: left;
  float: left;
  clear: both;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .no-customer-number-wrapper,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-wrapper {
  float: none;
  margin: 0 auto;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-wrapper .radio-block {
  text-align: left;
  float: left;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-wrapper .radio-block .radio label {
  padding-left: 10px;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-wrapper .radio-block .po-number {
  margin-right: 5px;
  display: flex;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-wrapper .radio-block .or-inline {
  text-align: center;
  margin-right: 12px;
  margin-left: 12px;
  display: flex;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number-wrapper .radio-block .order-number {
  display: flex;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .track-order-search-wrapper.disabled {
  cursor: not-allowed;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .track-order-search-wrapper button#guest-order-tracking-account {
  width: 270px;
  pointer-events: all;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .track-order-search-wrapper button#guest-order-tracking-account.disabled {
  pointer-events: none;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number input,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .po-number input,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .order-number input {
  max-width: 270px!important;
  padding-right: 40px;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number div,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .po-number div,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .order-number div {
  float: right;
}
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number div i.eco3-icon.small-info-circle,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .po-number div i.eco3-icon.small-info-circle,
.page-orderTrackingLandingPage .guest-order-tracking-wrapper .order-number div i.eco3-icon.small-info-circle {
  position: relative;
  bottom: 28px;
  right: 10px;
}
.page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator {
  border: 1px solid #d9d9d9;
}
.page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator .order-status-fields {
  text-align: left;
  margin: 20px;
}
.page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator .order-status-fields .order-fields {
  margin-right: 20px;
}
.page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator .order-status-fields label,
.page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator .order-status-fields span {
  font-size: 16px;
}
.page-orderTrackingLandingPage #guest-order-tracking-table {
  table-layout: fixed;
  word-wrap: break-word;
}
.page-orderTrackingLandingPage #guest-order-tracking-table th {
  text-align: center;
}
.page-orderTrackingLandingPage #guest-order-tracking-table td,
.page-orderTrackingLandingPage #guest-order-tracking-table th {
  padding: 15px 10px;
  text-align: center;
}
.page-orderTrackingLandingPage #guest-order-tracking-table th.product-description-column {
  width: 15% !important;
}
.page-orderTrackingLandingPage #guest-order-tracking-table td.order-details-track div#trackDropdown ul {
  list-style-type: none;
}
.page-orderTrackingLandingPage #guest-order-tracking-table .td-row-container {
  margin: 12px 0 !important;
  display: table;
  width: 100%;
  height: 40px;
}
.page-orderTrackingLandingPage #guest-order-tracking-table .td-row-container:first-child {
  margin-top: 10px !important;
}
.page-orderTrackingLandingPage #guest-order-tracking-table .td-row-container:last-child {
  margin-bottom: 10px !important;
}
.page-orderTrackingLandingPage #guest-order-tracking-table .td-row-container .td-item-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.page-orderTrackingLandingPage #guest-order-tracking-table .td-row-container .td-item-container.text-decoration-underline {
  word-break: break-word;
}
.page-orderTrackingLandingPage #guest-order-tracking-table .td-row-container .td-item-container span.empty-data {
  display: inline-block;
  height: 40px;
}
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul {
  padding: 20px;
}
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li[data-dtr-index="6"],
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li[data-dtr-index="7"],
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li[data-dtr-index="8"],
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li[data-dtr-index="9"] span.dtr-title {
  display: none;
}
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li span.dtr-data {
  align-items: center;
  vertical-align: middle;
}
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li span.dtr-title {
  min-width: auto;
}
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li table.ordertrackingInnerTable th,
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li table.ordertrackingInnerTable td {
  background: #f4f4f4 !important;
  border: none;
  text-align: left;
  width: 20%;
  padding: 20px 20px 20px 0;
}
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li table.ordertrackingInnerTable th ul,
.page-orderTrackingLandingPage #guest-order-tracking-table tr.child ul li table.ordertrackingInnerTable td ul {
  padding: 0;
}
.page-orderTrackingLandingPage .tracking-login-component .user-registration-enabled-text,
.page-orderTrackingLandingPage .tracking-login-component .user-registration-disabled-text {
  float: none;
  margin: 0 auto 20px auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  max-width: 708px;
}
.page-orderTrackingLandingPage .tracking-login-component .tracking-login-register-buttons .register-button,
.page-orderTrackingLandingPage .tracking-login-component .tracking-login-register-buttons .login-button {
  display: inline-block;
  width: 124px;
}
.page-orderTrackingLandingPage .tracking-login-component .tracking-login-register-buttons .register-button a,
.page-orderTrackingLandingPage .tracking-login-component .tracking-login-register-buttons .login-button a,
.page-orderTrackingLandingPage .tracking-login-component .tracking-login-register-buttons .register-button button,
.page-orderTrackingLandingPage .tracking-login-component .tracking-login-register-buttons .login-button button {
  width: auto;
  min-width: 124px !important;
}
.page-orderTrackingLandingPage .tracking-login-component .tracking-login-register-buttons .register-button {
  margin-right: 20px;
}
.page-orderDetailsPage #globalMessageForServiceOrderConfirmation ul.notificationicon {
  padding: 10px !important;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body {
  padding: 10px 0;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table {
  table-layout: fixed;
  border: 1px solid #d9d9d9;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table tr td,
.page-orderDetailsPage #accordionServiceDetails .panel-body table tr th {
  white-space: normal;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table tr td {
  padding: 15px 0;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table tr td span.dtr-title {
  display: none !important;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table tr td div.dtr-title {
  min-width: 75px;
  font-weight: bold;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table tr td div.dtr-title.dtr-title-price {
  display: inline-block !important;
}
div#customContainerAlerts {
  max-width: 500px;
  margin: 0 auto 30px auto;
}
div#customContainerAlerts ul.notificationicon {
  margin-bottom: 0;
}
div#customContainerAlerts ul.notificationicon .text-center {
  text-align: left;
}
div#customContainerAlerts ul.notificationicon span {
  color: #0086be;
}
div#customContainerAlerts .alert-info {
  background-color: #e9f7fd;
}
.page-orderHistoryPage .main-ecotabs .main-tab-border {
  top: 52px;
}
.page-orderHistoryPage .eco3-responsive-tabs .nav {
  margin-top: 0 !important;
}
.page-orderHistoryPage .tab-menu-list.secondary-nav-tabs {
  margin-bottom: 40px !important;
}
.page-orderHistoryPage .search-result-divider {
  margin-bottom: 20px !important;
}
#pdf-order-details-header-section div#collapseTwo .panel-body,
#transaction-order-details-header-section div#collapseTwo .panel-body,
#pdf-order-details-header-section div#collapseFour .panel-body,
#transaction-order-details-header-section div#collapseFour .panel-body {
  border: 1px solid #d9d9d9;
  margin: 20px 0;
}
#pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel,
#transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel,
#pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel,
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel {
  margin-top: 0;
}
#pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel label,
#transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel label,
#pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel label,
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel label {
  font-size: 14px;
}
#pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .order-text-heading,
#transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .order-text-heading,
#pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .order-text-heading,
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .order-text-heading {
  border-bottom: none !important;
}
#pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block,
#transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block,
#pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block,
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block {
  clear: both;
  padding: 20px 0;
}
#pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li,
#transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li,
#pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li,
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li {
  width: 16.66%;
  margin-bottom: 20px;
  float: left;
  text-align: left;
}
@media (max-width: 1200px) {
  #pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li,
  #transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li,
  #pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li,
  #transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li {
    width: 33%;
  }
}
@media (max-width: 767px) {
  #pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li,
  #transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li,
  #pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li,
  #transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li {
    width: 100%;
  }
}
#pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li a,
#transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li a,
#pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li a,
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li a {
  color: #434343;
  text-decoration: none;
}
#pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li a img,
#transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li a img,
#pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li a img,
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li a img {
  width: 24px;
  height: 32px;
}
#pdf-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li a span.file-name-wrapper,
#transaction-order-details-header-section div#collapseTwo .panel-body .relative-documents-panel .doc-section-block li a span.file-name-wrapper,
#pdf-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li a span.file-name-wrapper,
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li a span.file-name-wrapper {
  padding-left: 10px;
}
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li {
  display: table;
}
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li a {
  display: table-cell;
  vertical-align: middle;
}
#transaction-order-details-header-section div#collapseFour .panel-body .relative-documents-panel .doc-section-block li i {
  width: 24px;
  height: 32px;
  display: table-cell;
}
#globalMessages.order-tracking-warning {
  margin-top: 10px;
  margin-bottom: 40px;
}
#globalMessages.order-tracking-warning .alert.alert-bar {
  padding: 10px 15px !important;
}
#globalMessages.order-tracking-warning .alert.alert-bar .notificationicon li i {
  margin-right: 10px;
}
#globalMessages.order-tracking-warning .alert.alert-bar .notificationicon li span,
#globalMessages.order-tracking-warning .alert.alert-bar .notificationicon li a {
  color: #d86d03;
  font-size: 14px;
}
#globalMessages.order-tracking-warning .alert.alert-bar .notificationicon li span {
  vertical-align: top;
}
.page-orderDetailsPage #accordionServiceDetails #globalMessageForServiceOrderConfirmation {
  max-width: 600px;
  margin-top: 20px;
}
.page-orderDetailsPage #accordionServiceDetails #globalMessageForServiceOrderConfirmation .global-alerts .info-icon {
  width: 27px;
  height: 27px;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table.order-serviceitem-table tr th {
  background-image: none !important;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table.order-serviceitem-table tr td {
  font-weight: 400;
  display: table-cell;
  align-items: center;
  vertical-align: middle;
}
.page-orderDetailsPage #accordionServiceDetails .panel-body table.order-serviceitem-table tr td .price-data {
  font-weight: 500;
}
.page-orderDetailsPage #accordionServiceDetails .order-serviceitem-wrapper:last-child {
  border-bottom: none;
}
.page-orderDetailsPage #accordionServiceDetails .order-serviceitem-table tbody tr.child ul.dtr-details {
  background: #f3f3f3 !important;
}
.page-orderDetailsPage #accordionServiceDetails .order-serviceitem-table tbody tr.child ul.dtr-details li {
  padding-bottom: 0;
}
.page-orderDetailsPage #accordionServiceDetails .order-serviceitem-table tbody tr.child ul.dtr-details li:nth-child(2),
.page-orderDetailsPage #accordionServiceDetails .order-serviceitem-table tbody tr.child ul.dtr-details li:nth-child(3) {
  display: none;
}
#order-details #accordionChangeRequest #changeRequestPanel .panel-heading {
  box-shadow: 0 0 4px 1px #cccccc;
}
#convertToOrderClick.account-order-history-page-wrapper {
  display: inline-block;
}
#convertToOrderClick.account-order-history-page-wrapper.quote-history-wrapper {
  top: 0 !important;
}
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container {
  top: 33px;
  border: none;
}
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page {
  width: 100%;
  padding: 0 !important;
}
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li {
  width: 100%;
  padding: 0px 10px 0px 4px;
}
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li button {
  background-color: #ffffff;
  width: 100%;
  outline: none;
  margin-left: 0;
  text-align: left;
  display: table;
  border: none;
  min-height: 35px;
}
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li button span {
  color: #434343;
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
}
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li button span.text {
  padding: 8px 0px 7px 10px;
  line-height: 20px;
}
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li button i {
  display: table-cell;
  vertical-align: middle;
  width: 24px;
  height: 20px;
  background-size: 17px;
  background-position: center;
}
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li button i.eco3-icon.history-details-dd-reorder-icon,
#convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li button i.eco3-icon.favourite-star-icon {
  width: 24px;
  height: 24px;
  background-size: 24px;
}
table.order-history-item-list #convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li {
  padding-left: 12px !important;
  min-height: 40px;
  display: table;
}
table.order-history-item-list #convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li button {
  min-height: auto;
  padding-left: 0;
}
table.order-history-item-list #convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li i {
  width: 24px;
  height: 20px;
  background-size: 17px;
  display: table-cell;
  vertical-align: middle;
  background-position: center;
}
table.order-history-item-list #convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li i.eco3-icon.history-details-dd-reorder-icon,
table.order-history-item-list #convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li i.eco3-icon.favourite-star-icon {
  width: 24px;
  height: 24px;
  background-size: 24px;
}
table.order-history-item-list #convertToOrderClick.account-order-history-page-wrapper .dropdown-container ul.account-order-history-page li span {
  color: #434343;
  font-weight: 500;
  display: table-cell;
  vertical-align: middle;
  padding-left: 9px;
  white-space: normal;
}
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer {
  padding-left: 80px;
}
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container {
  padding: 0px 5px 0px 35px;
  margin: 0;
}
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container .hide-label,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container .hide-label,
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container .hide-label,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container .hide-label {
  visibility: hidden;
}
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit,
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit {
  padding-right: 30px;
}
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn,
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn {
  text-align: right;
  padding: 0;
}
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
.order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
.order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button {
  margin-right: 5px;
  background-color: #009cdd;
}
.order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container,
.order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container,
.order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container,
.order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container {
  padding-left: 44px;
}
.order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
.order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
.order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
.order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container {
  margin: 0;
}
.order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
.order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
.order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
.order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop {
  padding-right: 90px!important;
}
.order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
.order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
.order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
.order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit {
  margin-right: 35px;
}
table.order-history-list tbody tr.child span.dtr-title,
table.order-details-table tbody tr.child span.dtr-title,
table.order-history-list-order tbody tr.child span.dtr-title {
  min-width: auto !important;
}
table.order-history-list tbody tr.child span.dtr-data,
table.order-details-table tbody tr.child span.dtr-data,
table.order-history-list-order tbody tr.child span.dtr-data {
  padding-left: 5px;
}
#order-details #accordionServiceDetails table.dataTable {
  border: none;
}
.service-order-content table.service-order-history-list {
  table-layout: fixed;
  /* Ensures the table respects the max-width */
  width: 100%;
}
.service-order-content table.service-order-history-list tr td {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 200px;
}
form#service-order-history-advanced-search-result input#dateFrom,
form#service-order-history-advanced-search-result input#dateTo {
  position: relative;
  z-index: 2;
  background-color: transparent;
  max-width: 200px !important;
}
@media (max-width: 1200px) {
  form#service-order-history-advanced-search-result input#dateFrom,
  form#service-order-history-advanced-search-result input#dateTo {
    max-width: 180px !important;
  }
}
@media (max-width: 767px) {
  form#service-order-history-advanced-search-result input#dateFrom,
  form#service-order-history-advanced-search-result input#dateTo {
    max-width: 80% !important;
  }
}
form#service-order-history-advanced-search-result span.input-group-addon {
  left: -39px;
  z-index: 1;
}
form#service-order-history-advanced-search-result label {
  text-transform: none;
}
.page-serviceOrderDetailsPage .service-order-details-title {
  text-align: left;
}
.page-serviceOrderDetailsPage .eco3-theme-accordion .accordion-toggle:after {
  background-size: 24px !important;
}
.page-serviceOrderDetailsPage div#order-details {
  margin-bottom: 100px;
}
.eco3-service-order-table-details .view-device-btn {
  background: none;
  color: #009cdd !important;
  cursor: pointer;
  width: auto;
  text-transform: uppercase;
  text-decoration: none !important;
  padding-left: 2px;
}
.eco3-service-order-table-details .view-device-btn-disabled {
  background: none;
  color: #009cdd !important;
  cursor: default;
  width: auto;
  text-transform: uppercase;
  text-decoration: none !important;
  padding-left: 2px;
}
.filter-btn {
  height: 43px;
  min-width: 306px;
  padding: 10px;
  margin: 10px 20px 10px 0px;
  background-color: #fcfcfc;
  color: #666666;
  cursor: pointer;
  -webkit-box-shadow: 0 0 4px 1px #cccccc;
  box-shadow: 0 0 4px 1px #cccccc;
  -moz-box-shadow: 0 0 4px 1px #cccccc;
}
@media (max-width: 767px) {
  .filter-btn {
    width: 320px;
  }
}
.filter-btn-active {
  color: #009cdd;
  box-shadow: 0 0 4px 0 #009cdd;
  z-index: 9;
  font-weight: 500;
}
.show-name-of-devices {
  font-weight: 500;
  font-size: 14px;
  float: left;
  line-height: 25px;
}
#order-details .line-item-label {
  color: #666666;
  font-size: 12pt;
  font-family: Roboto;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px 0px 20px 0px;
}
.service-order-details-summary .service-order-details-title .bullet-title {
  margin-top: 20px;
  margin-bottom: 20px!important;
}
#order-details-content .eco3-service-order-table-details .bullet-title {
  margin-top: 20px;
  margin-bottom: 30px;
}
.show-number-of-devices {
  color: #009cdd !important;
  font-weight: 400;
  font-size: 20px;
  float: right;
  line-height: normal;
}
.display-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_length {
  display: none;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate {
  text-align: center;
  margin-top: 8px;
  float: right;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none;
  background: none;
  margin: 0 4px;
  padding: 0;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  color: #009cdd !important;
  box-shadow: none;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button .paginate_button.disabled,
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button .paginate_button.disabled:hover {
  cursor: default;
  box-shadow: none;
  opacity: 0.5;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: unset;
  color: #009cdd !important;
  cursor: pointer;
  box-shadow: none;
  border: none;
  background: transparent;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
  background-image: url(../images/prev-page.svg);
  background-repeat: no-repeat;
  background-size: 28px;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  background-image: url(../images/next-page.svg);
  background-repeat: no-repeat;
  background-size: 28px;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  background-size: 28px;
  text-indent: -9999px;
  /* hide text, show icon */
  overflow: hidden;
  width: 24px;
  height: 32px;
  background-image: url(../images/prev-page.svg);
  background-repeat: no-repeat;
  color: #009cdd !important;
  box-shadow: none;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  background-size: 28px;
  text-indent: -9999px;
  overflow: hidden;
  width: 24px;
  height: 32px;
  background-image: url(../images/next-page.svg);
  background-repeat: no-repeat;
  color: #009cdd !important;
  box-shadow: none;
}
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.eco3-service-order-table-details .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: none;
  border: none;
  font-weight: 700;
  box-shadow: none;
  color: #009cdd !important;
}
.eco3-service-order-table-details .order-details-content tr.child span.dtr-data {
  padding-left: 0px;
}
.eco3-service-order-table-details .order-details-content tr.child span.dtr-title {
  display: contents;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  /* order history css starts */
  #order-history-container .eco3-responsive-tabs .main-tab-border {
    top: 130px;
  }
  #order-history-container .eco3-responsive-tabs .nav-tabs,
  #order-history-container .eco3-responsive-tabs .nav {
    border-bottom: none;
  }
  #order-history-container .eco3-responsive-tabs .nav-tabs > .__left-tabunlimited,
  #order-history-container .eco3-responsive-tabs .nav > .__left-tabunlimited,
  #order-history-container .eco3-responsive-tabs .nav-tabs > .__right-tabunlimited,
  #order-history-container .eco3-responsive-tabs .nav > .__right-tabunlimited {
    min-width: 0px;
  }
  #order-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading,
  #order-history-container .eco3-responsive-tabs .nav > .tab-heading {
    top: -9px;
    min-width: 170px;
  }
  #order-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading:last-of-type a,
  #order-history-container .eco3-responsive-tabs .nav > .tab-heading:last-of-type a {
    border-right: none;
  }
  #order-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading a,
  #order-history-container .eco3-responsive-tabs .nav > .tab-heading a {
    font-size: 10pt;
  }
  #order-history-container .eco3-responsive-tabs #order-history-tabs .accordion-link {
    display: none;
  }
  #order-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul {
    display: block;
    text-align: left;
    padding-left: 0px;
  }
  #order-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul .tab-menu-list-menu {
    text-align: center;
    min-width: 0px;
    padding: 0px 9px 0px 9px;
    line-height: 31px;
    font-size: 10pt;
  }
  #order-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul .tab-menu-list-menu:first-of-type {
    margin-left: 50px;
  }
  #order-history-container .eco3-table tr th {
    font-size: 10pt;
    font-weight: 600;
  }
  #order-history-container .eco3-table tr td {
    height: 50px;
    font-size: 10pt;
  }
  #order-history-container .eco3-table tr td:nth-child(1):before {
    background-color: #009cdd;
    top: 30%;
  }
  #order-history-container .eco3-table tr td form .add_to_quote_button {
    width: 60px;
    height: 30px;
  }
  #order-history-container .eco3-table tr td form .add_to_cart_button {
    width: 60px;
    height: 30px;
  }
  #order-history-container .eco3-table tr.parent td:nth-child(1):before {
    background-color: #d9d9d9;
  }
  #order-history-container .eco3-table tr th {
    text-align: center;
  }
  #order-history-container .eco3-table tr.child td {
    padding: 0px;
  }
  #order-history-container .eco3-table tr.child td ul {
    padding-left: 40px;
    padding-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 13px;
  }
  #order-history-container .eco3-table tr.child td ul li {
    padding: 0.1em 0;
    border-bottom: none;
  }
  #order-history-container .eco3-table tr.child td ul li .dtr-title {
    min-width: 52px;
  }
  #order-history-container .eco3-table tr.child td ul li .dtr-data a {
    padding-left: 10px;
    font-size: 10pt;
    font-weight: 400;
    color: #2b9cea;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(4) {
    display: inline-block;
    padding-left: 33px;
    margin-right: 23px;
    margin-top: 17px;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(4) .dtr-title {
    display: none;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(5) {
    display: inline-block;
    margin-right: 18px;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(5) .dtr-title {
    display: none;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(6) {
    display: inline-block;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(6) .dtr-title {
    display: none;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form {
    display: flex;
    flex-direction: column;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent {
    margin-top: 21px;
    text-align: left;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider {
    margin-bottom: 74px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider .search-result-label {
    display: inline-block;
    position: relative;
    max-width: 122px;
    height: 32px;
    top: 22px;
    background-color: #ffffff;
    font-size: 12pt;
    color: #009cdd;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider .divider {
    margin: 0px;
    border-top: 1px solid #999999;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .adv-search-container {
    display: flex;
    flex-direction: column;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit {
    text-align: center;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit button {
    max-width: 200px;
    height: 40px;
    background-color: #009cdd;
    font-size: 11pt;
    font-weight: 400;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .bullet-title {
    max-width: 165px;
    padding-top: 12px;
    height: 38px;
    font-size: 11pt;
    font-weight: 500;
    color: #434343;
    margin-bottom: 19px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form label {
    max-width: 180px;
    height: 30px;
    line-height: 40px;
    float: left;
    font-size: 10pt;
    font-weight: 500;
    text-transform: initial;
    padding-left: 2px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .Search-type-label {
    text-align: left;
    min-width: 86px;
    min-height: 28px;
    font-size: 11pt;
    color: #333333;
    font-weight: 500;
    margin-bottom: 24px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-container-1 {
    min-width: 280px;
    height: 117px;
    margin-left: 21px;
    margin-bottom: 39px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-container-2 {
    min-width: 270px;
    margin-left: 21px;
    margin-bottom: 24px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-container-2 .eco3-datepicker {
    margin-bottom: 18px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-container-3 {
    max-width: 180px;
    margin-left: 21px;
    margin-bottom: 51px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input,
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    min-width: 270px;
    min-height: 32px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    min-width: 300px;
    min-height: 32px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .input-group-addon {
    display: inline-table;
    position: relative;
    height: 33px;
    bottom: 1px;
  }
  /* order history css ends */
  #order-details #accordionOrderDetails table tr.child td.child {
    padding: 0;
    border-top: none;
  }
  #order-details #accordionOrderDetails table td {
    padding-top: 15px;
  }
  #order-details .eco3-table table.dataTable tbody tr.child td.child {
    padding: 0;
  }
  #order-details .eco3-table table.dataTable {
    margin: 0 auto 10px auto;
  }
  #order-details .eco3-table table.dataTable tbody tr td {
    padding: 15px 0;
    vertical-align: middle;
  }
  #order-details .eco3-table table.dataTable tbody tr td ul.dtr-details > li {
    border-bottom: none;
  }
  #order-details .eco3-table table.dataTable tbody tr td ul.dtr-details > li:nth-last-child(2) span.dtr-title:after {
    content: "";
  }
  #order-details .eco3-table table.dataTable tbody tr td span.dtr-data .light-bold {
    color: #009cdd;
    margin-top: 10px;
  }
  #order-details .eco3-table table.dataTable tbody tr td:before {
    float: left;
  }
  #order-details #order-details-title h2,
  #order-details #order-details-title .reorder_order_form {
    width: 100%;
    margin-left: 0;
  }
  #order-details #order-details-title .reorder_order_form .add_to_cart_button {
    margin-top: 30px;
  }
  #order-details .line-item-label,
  .checkout-order-details .line-item-label {
    margin-bottom: 50px;
  }
  .order-heading-border-width {
    min-width: 258px !important;
  }
  .lead-heading-border-width {
    min-width: 0 !important;
  }
  .border-bottom-invoice {
    border-bottom: none !important;
  }
  .relative-documents-panel .right-panel {
    border-left: none !important;
    margin-top: 30px;
  }
  .relative-documents-panel .right-panel .leadid-section {
    margin-right: 0 !important;
  }
  .relative-documents-panel .left-panel {
    border-bottom: 1px solid #d9d9d9;
  }
  .relative-documents-panel .invoice-section-header {
    margin-left: 0 !important;
  }
  .relative-documents-panel .related-documents {
    display: block !important;
  }
  .relative-documents-panel .related-documents .each-invoice-pdf-section {
    margin-left: 20px !important;
  }
  .relative-documents-panel .related-documents .each-invoice-pdf-section:nth-child(1) {
    margin-left: 20px !important;
  }
  .relative-documents-panel .quoteid-section {
    margin-left: -6px !important;
  }
  .relative-documents-panel .margin-invoice-documents {
    margin-left: 0 !important;
  }
  .relative-documents-panel .align-invoice-document {
    text-align: left;
    padding-left: 12px;
  }
  .relative-documents-panel .border-bottom-order {
    border-bottom: 1px solid #d9d9d9 !important;
  }
  .relative-documents-panel .relative-mobile-view {
    padding-top: 38px;
    padding-left: 20px;
    text-align: left;
  }
  .relative-documents-panel .relative-mobile-view .relative-order-label {
    width: 168px;
    height: 34px;
    font-family: Roboto-Regular;
    font-size: 15px;
    color: #434343;
  }
  .relative-documents-panel .relative-mobile-view .relative-mobile-order {
    padding-right: 20px;
  }
  .relative-documents-panel .pdf-mob-view {
    padding-bottom: 30px;
  }
  .relative-documents-panel .relative-mobile-view-documents {
    padding-top: 30px;
    text-align: left;
    padding-left: 20px;
  }
  .relative-documents-panel .relative-mobile-view-documents .relative-order-label {
    width: 168px;
    height: 34px;
    font-family: Roboto-Regular;
    font-size: 15px;
    color: #434343;
  }
  .relative-documents-panel .relative-mobile-view-documents .relative-mobile-pdf {
    padding-right: 20px;
  }
  .relative-documents-panel .relative-mobile-view-documents .each-invoice-pdf-section {
    padding-bottom: 30px;
    margin-left: 20px;
  }
  .relative-documents-panel .relative-mobile-view-documents .each-invoice-pdf-section .related-documents-number {
    width: 102px;
  }
  .lead-access-denied-error-container .global-messages-section-server-error {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .lead-access-denied-error-container .global-messages-section-server-error .alert.alert-bar span:first-child {
    background-position: left;
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .order-history-list {
    margin-top: 20px;
  }
  .order-history-list tbody tr.child span.dtr-title {
    display: table-cell !important;
    word-break: break-word;
    min-width: auto !important;
    width: auto;
  }
  .order-history-list tbody tr.child span.dtr-data {
    display: table-cell;
    word-break: break-word;
    white-space: normal;
    padding-left: 5px;
  }
  .editPopupOrderHistoryList .doc-section-block li a span.file-name-wrapper {
    width: 60px !important;
  }
  .editPopupOrderHistoryList .doc-section-block {
    width: 100% !important;
  }
  .editPopupOrderHistoryList .doc-section-block li {
    display: table;
    table-layout: fixed;
  }
  .editPopupOrderHistoryList .doc-section-block li a {
    display: table-cell;
    vertical-align: middle;
  }
  .editPopupOrderHistoryList .doc-section-block li a:nth-child(1) {
    width: 100px;
  }
  .editPopupOrderHistoryList .doc-section-block li a.delete-file-icon {
    text-align: right;
    padding-left: 5px !important;
  }
  .editPopupOrderHistoryList .doc-section-block li a.delete-file-icon i {
    position: static !important;
    width: 16px !important;
  }
  .editPopupOrderHistoryList .doc-section-block li a .file-name-wrapper {
    padding-left: 8px;
  }
  .editPopupOrderHistoryList .doc-section-block li:nth-child(even) a:nth-child(1) {
    padding-left: 10px !important;
  }
  .editPopupOrderHistoryList .doc-section-block li:nth-child(odd) a:nth-child(1) {
    padding-left: 0 !important;
  }
  .editPopupOrderHistoryList .send-req-btn {
    text-align: center !important;
    float: none;
    overflow: auto;
  }
  .editPopupOrderHistoryList .attachment-container i.eco3-popover {
    right: 35px;
    margin-top: 0;
    float: none;
  }
  .editPopupOrderHistoryList .upload-block-button-mobile {
    padding: 0;
  }
  .editPopupOrderHistoryList .uploadSection .bgcolor-popover {
    position: absolute;
  }
  .editPopupOrderHistoryList .uploadSection .placeholderText {
    width: 99%;
  }
  .editPopupOrderHistoryList .uploadSection #upload-lead-btn {
    width: 100% !important;
    min-width: auto !important;
  }
  .editPopupOrderHistoryList #request-button-tab {
    text-align: center;
  }
  .editPopupOrderHistoryList #request-button-tab ul.request-tabs li {
    margin-bottom: 10px;
  }
  .editPopupOrderHistoryList #request-button-tab ul.request-tabs li a.request-option-tab {
    width: 200px;
  }
  #order-details-content .order-history-cartbutton {
    width: 100% !important;
  }
  #order-details-content .order-history-cartbutton .action-button-container {
    text-align: left;
    display: table;
    margin: 20px 0;
  }
  #order-details-content .order-history-cartbutton .action-button-container button {
    margin-left: 0;
    display: table-cell;
    vertical-align: middle;
  }
  #order-details-content .order-history-cartbutton .action-button-container button img {
    height: 18px;
    width: 18px;
  }
  #order-details-content .order-history-cartbutton .action-button-container span {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
  }
  #order-details .order-details-content .add_to_cart_form {
    display: block;
  }
  .editPopupOrderHistoryList .edit-popup-row {
    padding: 8px;
  }
  /********track order css*************/
  #trackDropdown {
    position: relative;
  }
  #trackDropdown.trackdd-dropdown-button {
    text-align: center !important;
  }
  #trackDropdown.trackdd-dropdown-button span {
    text-align: center !important;
  }
  #trackDropdown .dropdown-container {
    left: -150px;
    width: 250px;
    background-color: #ffffff;
    position: absolute;
    z-index: 9999;
  }
  #trackDropdown .dropdown-container ul {
    padding: 0;
  }
  #trackDropdown .track-trace {
    text-align: center !important;
    float: left;
    display: inline-block;
  }
  form.tracking-icon-wrapper {
    display: inline;
  }
  table.order-details-table li span.dtr-data {
    display: inline-block;
    align-items: center;
    vertical-align: middle;
  }
  table.order-details-table li span.dtr-data .td-container .eco3-icon.small-info-circle {
    position: relative;
    bottom: 2px;
    width: 22px;
  }
  table.order-details-table li span.dtr-title {
    align-items: center;
    vertical-align: middle;
  }
  table.order-details-table li:nth-last-child(2) span.dtr-data {
    display: block;
  }
  table.order-details-table .td-row-container .td-item-container span.empty-data {
    height: auto;
  }
  table.order-history-item-list li span.dtr-title,
  table.order-history-item-list li span.dtr-data {
    align-items: center;
    vertical-align: middle;
  }
  table.order-history-item-list li span.dtr-data {
    padding-left: 5px;
    display: inline-flex;
  }
  table.order-history-item-list li span.dtr-data .visible-xs.visible-sm.shipment-date {
    display: inline-flex !important;
  }
  table.order-history-item-list .td-row-container .td-item-container {
    text-align: left;
  }
  table.order-details-table .td-row-container {
    margin: 10px 0 !important;
  }
  table.order-details-table .td-row-container {
    height: auto;
  }
  .page-orderTrackingLandingPage span.breadcrumb-smallarrow {
    display: none;
  }
  .page-orderTrackingLandingPage #globalMessages ul.notificationicon li i {
    margin-right: 10px !important;
  }
  .page-orderTrackingLandingPage #globalMessagesForErrors {
    max-width: 360px;
  }
  .page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator {
    width: 95%;
    margin: 0 auto 50px auto;
  }
  .page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator .order-status-fields .order-fields {
    display: block;
  }
  .page-orderTrackingLandingPage .eco3-table {
    width: 95%;
    margin: 0 auto;
  }
  .page-orderTrackingLandingPage #guest-order-tracking-table th#productDescription {
    width: auto !important;
  }
  .page-orderTrackingLandingPage #guest-order-tracking-table .td-row-container .td-item-container {
    text-align: left;
  }
  .page-orderTrackingLandingPage #guest-order-tracking-table table.ordertrackingInnerTable th,
  .page-orderTrackingLandingPage #guest-order-tracking-table table.ordertrackingInnerTable td {
    padding: 10px 10px 10px 0;
  }
  .page-orderTrackingLandingPage .guest-order-tracking-wrapper .customer-number input,
  .page-orderTrackingLandingPage .guest-order-tracking-wrapper .po-number input,
  .page-orderTrackingLandingPage .guest-order-tracking-wrapper .order-number input {
    max-width: 100% !important;
  }
  .page-orderTrackingLandingPage .guest-order-tracking-wrapper button#guest-order-tracking-account {
    width: 100%;
  }
  .order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading {
    min-width: 180px !important;
  }
  .page-orderHistoryPage .common-tab-adv-search-submit {
    margin-bottom: 20px !important;
  }
  #convertToOrderClick {
    display: none;
  }
  /** three dots improvment ***/
  #convertToOrderClick.account-order-history-page-wrapper {
    background-color: #ffffff;
    position: relative;
    top: 13px;
  }
  #convertToOrderClick.account-order-history-page-wrapper .dropdown-container {
    box-shadow: 0 0 2px 1px #d9d9d9;
    width: 180px;
    position: absolute;
    top: 33px;
    right: 0;
    left: 30px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    z-index: 100;
  }
  .mobile-details {
    display: inline-block;
    margin-left: 20px;
  }
  table.order-history-item-list span.dtr-data div.order-listing-inner-wrapper {
    margin-top: -10 !important;
  }
  table.order-history-item-list span.dtr-data div.order-listing-inner-wrapper .td-container-common {
    text-align: left !important;
  }
  table.order-history-item-list #convertToOrderClick.account-order-history-page-wrapper {
    left: 10px;
    top: 0;
  }
  /**** end of three dot improvment ***/
  /*** order adv search ***/
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .search-text,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .search-text,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .search-text,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .search-text {
    padding-left: 5px;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer {
    padding: 0!important;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container {
    padding-left: 16px;
    margin-left: 5px;
    margin-bottom: 15px;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search {
    padding: 0px 35px 0px 40px;
    margin-right: 9px;
    text-align: center;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button {
    margin-top: 30px;
    margin-right: 25px!important;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row {
    margin: 0;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container {
    padding: 0 10px 0 10px;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container {
    margin: 0;
    padding-right: 5px;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row {
    margin-top: 45px;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop {
    padding-right: 20px!important;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit {
    margin-right: 5px;
  }
  /***** order adv search *****/
  #convertToOrderClick.account-order-history-page-wrapper.quote-history-wrapper .dropdown-container ul.account-order-history-page {
    margin: 10px 0 !important;
  }
  #convertToOrderClick.account-order-history-page-wrapper.quote-history-wrapper .dropdown-container ul.account-order-history-page li .add-to-quote-icon i {
    position: relative;
    top: 10px;
    left: 5px;
  }
  .service-order-content table.service-order-history-list tbody tr.child ul.dtr-details li:nth-last-child(1) {
    padding-top: 0 !important;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Mobile-Start*******************************/
  /* order history css starts */
  #order-details #accordionOrderDetails table tr.child td.child {
    padding: 0;
    border-top: none;
  }
  #order-details #accordionOrderDetails table td {
    padding-top: 15px;
  }
  #order-details .order-details-header th:first-child {
    width: 35px;
  }
  #order-details .eco3-table table.dataTable tbody.order-details-content tr.last-row td:first-child {
    width: 35px;
  }
  #order-details .eco3-table table.dataTable tbody.order-details-content .order-historydetails-button {
    display: block;
    text-align: center;
  }
  #order-details .eco3-table table.dataTable tbody.order-details-content .order-historydetails-button .prod_list.order-history-cartbutton {
    margin: 0;
    width: 180px;
  }
  #order-details .eco3-table table.dataTable tbody.order-details-content .order-historydetails-button .prod_list.order-history-cartbutton .add_to_cart_form {
    display: block;
  }
  #order-details .order_edit_button {
    margin-left: 0;
  }
  #order-details .eco3-table table.dataTable tbody tr.child td.child {
    padding: 0;
  }
  #order-details .eco3-table table.dataTable {
    width: 100% !important;
  }
  #order-details .eco3-table table.dataTable tbody tr td {
    padding: 15px 0;
    vertical-align: middle;
  }
  #order-details .eco3-table table.dataTable tbody tr td ul.dtr-details > li {
    border-bottom: none;
  }
  #order-details .eco3-table table.dataTable tbody tr td ul.dtr-details > li:nth-last-child(2) span.dtr-title:after {
    content: "";
  }
  #order-details .eco3-table table.dataTable tbody tr td span.dtr-data .light-bold {
    color: #009cdd;
    margin-top: 10px;
  }
  #order-details .eco3-table table.dataTable .add_to_cart_button {
    margin-left: 0px;
  }
  #order-history-container .eco3-responsive-tabs #order-history-tabs .accordion-link {
    display: none;
  }
  #order-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul {
    text-align: left;
    padding-left: 0px;
  }
  #order-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul > li:not(.__left-tabunlimited),
  #order-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul > li:not(.__right-tabunlimited) {
    text-align: center;
    min-width: 140px;
  }
  #order-history-container .eco3-table tr th {
    text-align: center;
    font-size: 11pt;
    font-weight: 600;
  }
  #order-history-container .eco3-table tr td {
    height: 55px;
    font-size: 11pt;
    text-align: center;
  }
  #order-history-container .eco3-table tr td:nth-child(1):before {
    background-color: #009cdd;
    height: 25px;
    width: 25px;
    line-height: 25px;
    top: 28%;
  }
  #order-history-container .eco3-table tr td form .add_to_quote_button {
    width: 70px;
    height: 35px;
  }
  #order-history-container .eco3-table tr td form .add_to_cart_button {
    width: 70px;
    height: 35px;
  }
  #order-history-container .eco3-table tr.parent td:nth-child(1):before {
    background-color: #d9d9d9;
  }
  #order-history-container .eco3-table tr.child td {
    padding: 0px;
  }
  #order-history-container .eco3-table tr.child td ul {
    margin-bottom: 0px;
    background-color: #f3f3f3;
  }
  #order-history-container .eco3-table tr.child td ul li {
    border-bottom: none;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(1) {
    padding-bottom: 10px;
    padding-left: 49px;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(1) span.dtr-title {
    min-width: 133px;
    height: 49px;
    line-height: 48px;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(1) span.dtr-data {
    display: inline-block;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(2) {
    display: inline-block;
    padding: 0px 14px 10px 49px;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(2) span.dtr-title {
    display: none;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(2) span.dtr-data {
    display: inline-block;
    width: 68px;
    height: 30px;
    line-height: 26px;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(2) span.dtr-data a {
    font-size: 11pt;
    font-weight: 400;
    color: #2b9cea;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(3) {
    padding-right: 17px;
    display: inline-block;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(3) span.dtr-title {
    display: none;
  }
  #order-history-container .eco3-table tr.child td ul li:nth-child(4) {
    display: inline-block;
  }
  #order-history-container .ech-tab-table ul {
    overflow: visible;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form {
    display: flex;
    flex-direction: column;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form + .dataContent {
    margin-top: 21px;
    text-align: left;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form + .dataContent .search-result-divider {
    margin-bottom: 74px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form + .dataContent .search-result-divider .search-result-label {
    display: inline-block;
    position: relative;
    max-width: 122px;
    height: 32px;
    top: 22px;
    background-color: #ffffff;
    font-size: 12pt;
    color: #009cdd;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form + .dataContent .search-result-divider .divider {
    margin: 0px;
    border-top: 1px solid #999999;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .adv-search-container {
    display: flex;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .common-tab-adv-search-submit {
    text-align: right;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .common-tab-adv-search-submit button {
    max-width: 200px;
    height: 40px;
    background-color: #009cdd;
    font-size: 12pt;
    font-weight: 400;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .bullet-title {
    min-width: 165px;
    height: 38px;
    font-size: 11pt;
    font-weight: 500;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form label {
    max-width: 180px;
    height: 30px;
    line-height: 40px;
    float: left;
    text-transform: initial;
    padding-left: 2px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .Search-type-label {
    display: none;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .search-container-1 {
    margin-right: 71px;
    max-width: 180px;
    height: 120px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .search-container-2 {
    margin-right: 68px;
    max-width: 208px;
    min-height: 203px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .search-container-2 .eco3-datepicker {
    margin-bottom: 18px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .search-container-3 {
    max-width: 180px;
    max-height: 120px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form input,
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form select {
    max-width: 180px;
    min-width: 165px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .input-group-addon {
    display: inline-table;
    position: relative;
    height: 33px;
    bottom: 1px;
  }
  #accordionOrderDetails .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    background: #f4f4f4 !important;
    opacity: 1;
  }
  #accordionDocuments .related-documents-number {
    margin-left: 0!important;
  }
  #accordionDocuments .order-details-document-pdf {
    padding-left: 20px !important;
  }
  #order-details-content .tracking-icon-wrapper {
    display: inline-block;
  }
  #order-details-content .tracking-icon-wrapper .order-list-tracking-icon {
    min-width: 0;
  }
  #order-details-content .tracking-icon-wrapper .line-item-label {
    margin-top: 25px;
  }
  .ecotabs .eco3-table table tr td .doc-download {
    width: 29px;
    height: 30px;
    margin-left: 10px;
  }
  .relative-documents-panel .invoice-section {
    margin-left: -50px;
  }
  .relative-documents-panel .invoice-section-header {
    margin-left: -60px;
  }
  .relative-documents-panel .invoice-tab {
    margin-right: 100px;
  }
  .relative-documents-panel .each-invoice-pdf-section:nth-child(1) {
    margin-left: 13px !important;
  }
  #order-details-title .add_to_cart_button {
    margin-left: 0px;
  }
  .lead-access-denied-error-container {
    margin-top: 135px;
    margin-bottom: 120px;
  }
  .editPopupOrderHistoryList .attachment-container i.eco3-popover {
    right: 25px;
  }
  .editPopupOrderHistoryList #request-button-tab ul.request-tabs li {
    margin-right: 5px;
  }
  #order-details-content .order-history-cartbutton {
    width: 100% !important;
  }
  #order-details-content .order-history-cartbutton .action-button-container {
    text-align: left;
    display: block;
    margin: 20px 0;
  }
  #order-details-content .order-history-cartbutton .action-button-container button img {
    height: 18px;
    width: 18px;
  }
  #order-details-content .order-history-cartbutton .action-button-container span {
    padding-left: 10px;
  }
  /********track order css*************/
  #trackDropdown {
    position: relative;
  }
  #trackDropdown.trackdd-dropdown-button {
    text-align: center !important;
  }
  #trackDropdown.trackdd-dropdown-button span {
    text-align: center !important;
  }
  #trackDropdown .dropdown-container {
    left: 0;
    width: 250px;
    background-color: #ffffff;
    position: absolute;
    z-index: 9999;
  }
  #trackDropdown .dropdown-container ul {
    padding: 0;
  }
  #trackDropdown .track-trace {
    text-align: center !important;
    float: left;
    display: inline-block;
  }
  #trackDropdown .down {
    float: right;
  }
  table.ordertrackingInnerTable {
    width: 60% !important;
  }
  table.order-history-item-list tr.child td li table.ordertrackingInnerTable {
    width: 350px !important;
  }
  table.order-history-item-list tr.child td li .td-row-container .td-item-container {
    text-align: left;
  }
  form.tracking-icon-wrapper {
    display: inline;
  }
  table.order-details-table li span.dtr-data {
    display: inline-block;
    align-items: center;
    vertical-align: middle;
  }
  table.order-details-table li span.dtr-data .td-container .eco3-icon.small-info-circle {
    position: relative;
    bottom: 2px;
    width: 22px;
  }
  table.order-details-table li span.dtr-title {
    align-items: center;
    vertical-align: middle;
  }
  table.order-details-table li:nth-last-child(2) span.dtr-data {
    display: block;
  }
  table.order-history-item-list li span.dtr-title,
  table.order-history-item-list li span.dtr-data {
    align-items: center;
    vertical-align: middle;
  }
  table.order-history-item-list li span.dtr-data {
    padding-left: 5px;
    display: inline-flex;
  }
  table.order-history-item-list li span.dtr-data .visible-xs.visible-sm.shipment-date {
    display: inline-flex !important;
  }
  table.order-details-table .td-row-container {
    margin: 10px 0 !important;
  }
  table.order-details-table .td-row-container {
    height: auto;
  }
  table.order-details-table .td-row-container .td-item-container span.empty-data {
    height: auto;
  }
  #order-details-content .order-history-cartbutton {
    width: 100% !important;
  }
  #order-details-content .order-history-cartbutton .action-button-container {
    text-align: left;
    display: table;
    margin: 20px 0;
  }
  #order-details-content .order-history-cartbutton .action-button-container button {
    margin-left: 0;
    display: table-cell;
    vertical-align: middle;
  }
  #order-details-content .order-history-cartbutton .action-button-container button img {
    height: 18px;
    width: 18px;
  }
  #order-details-content .order-history-cartbutton .action-button-container span {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
  }
  .page-orderTrackingLandingPage #globalMessages ul.notificationicon li i {
    margin-right: 10px !important;
  }
  .page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator {
    width: 95%;
    margin: 0 auto 50px auto;
  }
  .page-orderTrackingLandingPage .order-tracking-response-container .tracking-stage-indicator .order-status-fields .order-fields {
    display: block;
  }
  .page-orderTrackingLandingPage .eco3-table {
    width: 95%;
    margin: 0 auto;
  }
  .page-orderTrackingLandingPage #guest-order-tracking-table th#productDescription {
    width: auto !important;
  }
  .page-orderTrackingLandingPage #guest-order-tracking-table .td-row-container .td-item-container {
    text-align: left;
  }
  .page-orderTrackingLandingPage #guest-order-tracking-table table.ordertrackingInnerTable th,
  .page-orderTrackingLandingPage #guest-order-tracking-table table.ordertrackingInnerTable td {
    padding: 10px 10px 10px 0;
  }
  .order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading {
    top: 2px;
  }
  #convertToOrderClick {
    display: none;
  }
  /** three dots improvment ***/
  #convertToOrderClick.account-order-history-page-wrapper {
    background-color: #ffffff;
    position: relative;
    top: 13px;
  }
  #convertToOrderClick.account-order-history-page-wrapper .dropdown-container {
    box-shadow: 0 0 2px 1px #d9d9d9;
    width: 180px;
    position: absolute;
    top: 33px;
    right: 0;
    left: 30px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    z-index: 100;
  }
  .mobile-details {
    display: inline-block;
    margin-left: 20px;
  }
  table.order-history-item-list span.dtr-data div.order-listing-inner-wrapper {
    margin-top: -10 !important;
  }
  table.order-history-item-list span.dtr-data div.order-listing-inner-wrapper .td-container-common {
    text-align: left !important;
  }
  table.order-history-item-list #convertToOrderClick.account-order-history-page-wrapper {
    left: 10px;
    top: 0;
  }
  /**** end of three dot improvment ***/
  /***** order adv search ***/
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer {
    margin-left: 30px;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .search-text,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .search-text,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .search-text,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .search-text {
    padding-left: 20px;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer {
    padding-left: 5px!important;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .adv-search-container.row.order-advance-customer .order-adv-outer .search-inner-container {
    padding: 0px 25px 0px 20px;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit {
    margin-left: 60px;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn {
    text-align: right;
  }
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
  .order-quote-history-page #order-list-items-tab-3 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button,
  .order-quote-history-page #order-list-items-tab-1 #ech-tab-table-content-tab-5 #order-history-customer-advanced-search-result .common-tab-adv-search-submit.row.order-adv-submit .order-adv-search .search-btn.order-search-btn #order-adv-search-submit.order-button {
    margin-right: 75px;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row {
    margin: 0;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container {
    padding-left: 0;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .adv-search-container.row .search-outer-container .search-inner-container {
    margin: 0;
    padding-right: 5px;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop {
    padding-right: 20px!important;
  }
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
  .order-quote-history-page #order-list-items-tab-2 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit,
  .order-quote-history-page #order-list-items-tab-4 #ech-tab-table-content-tab-5 #order-history-customer-item-advanced-search .common-tab-adv-search-submit.row .no-side-padding-desktop #order-item-adv-search-submit {
    margin-right: 5px;
  }
  #convertToOrderClick.account-order-history-page-wrapper.quote-history-wrapper .dropdown-container {
    right: 0;
    left: -155px;
  }
  #convertToOrderClick.account-order-history-page-wrapper.quote-history-wrapper .dropdown-container ul.account-order-history-page {
    margin-bottom: 25px;
    margin: 10px 0 20px 0 !important;
  }
  #convertToOrderClick.account-order-history-page-wrapper.quote-history-wrapper .dropdown-container ul.account-order-history-page li .add-to-quote-icon i {
    position: relative;
    top: 10px;
  }
  /******order adv search *****/
  .order-quote-history-page .responsive-tabs-container .responsive-tabs .tab-heading {
    min-width: 160px !important;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /* order history css starts */
  #order-details #accordionOrderDetails .panel-body {
    padding-bottom: 0;
  }
  #order-details .order-details-content .order-btn-wrapper {
    padding-right: 0;
  }
  #order-details .order-details-content .order-btn-wrapper .order-historydetails-button {
    float: right;
  }
  #order-details .order-details-content .order-btn-wrapper .order-historydetails-button .order-history-cartbutton {
    margin-right: 0;
  }
  #order-history-container #order-history-tabs .tab-pane {
    padding-left: 52px;
    padding-right: 52px;
  }
  #order-history-container .eco3-responsive-tabs #order-history-tabs .accordion-link {
    display: none;
  }
  #order-history-container .eco3-table tr th {
    font-size: 11pt;
    font-weight: 600;
  }
  #order-history-container .eco3-table tr td {
    height: 60px;
    font-size: 11pt;
  }
  #order-history-container .eco3-table tr td form .add_to_quote_button {
    width: 70px;
    height: 35px;
  }
  #order-history-container .eco3-table tr td form .add_to_quote_button:hover {
    opacity: 0.7;
  }
  #order-history-container .eco3-table tr td form .add_to_cart_button {
    width: 70px;
    height: 35px;
  }
  #order-history-container .eco3-table tr td form .add_to_cart_button:hover {
    opacity: 0.7;
  }
  #order-history-container .ech-tab-table ul {
    overflow: visible;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form {
    display: flex;
    flex-direction: column;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form + .dataContent {
    margin-top: 21px;
    text-align: left;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form + .dataContent .search-result-divider {
    margin-bottom: 74px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form + .dataContent .search-result-divider .search-result-label {
    display: inline-block;
    position: relative;
    width: 122px;
    height: 32px;
    top: 22px;
    background-color: #ffffff;
    font-size: 12pt;
    color: #009cdd;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form + .dataContent .search-result-divider .divider {
    margin: 0px;
    border-top: 1px solid #999999;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .adv-search-container {
    display: flex;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .common-tab-adv-search-submit {
    text-align: right;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .common-tab-adv-search-submit button {
    width: 200px;
    height: 40px;
    background-color: #009cdd;
    font-size: 12pt;
    font-weight: 400;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .bullet-title {
    width: 165px;
    height: 38px;
    font-size: 11pt;
    font-weight: 500;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form label {
    width: 198px;
    height: 30px;
    line-height: 40px;
    font-size: 10pt;
    font-weight: 500;
    float: left;
    padding-left: 2px;
    text-transform: initial;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .Search-type-label {
    margin-right: 89px;
    font-size: 12pt;
    color: #333333;
    font-weight: 500;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .search-container-1 {
    margin-right: 81px;
    width: 200px;
    height: 120px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .search-container-2 {
    margin-right: 81px;
    width: 243px;
    height: 203px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .search-container-2 .eco3-datepicker {
    margin-bottom: 18px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .search-container-3 {
    width: 200px;
    height: 120px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form input,
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form select {
    width: 200px;
    height: 35px;
  }
  #order-history-container .ech-tab-table .ech-tab-table-content .order-history-advanced-search-result-form .input-group-addon {
    display: inline-table;
    position: relative;
    height: 35px;
    bottom: 1px;
  }
  /* order history css ends */
  .lead-access-denied-error-container {
    margin-top: 200px;
    margin-bottom: 180px;
  }
  #order-details .eco3-table .add_to_cart_button,
  #order-details .eco3-table .add_to_quote_button,
  #order-details .eco3-table .wish-list-btn {
    background-color: #ffffff;
    width: 100%;
    outline: none;
    margin-left: 0;
    text-align: left;
    display: table;
  }
  #order-details .eco3-table .add_to_cart_button:not(.quote),
  #order-details .eco3-table .add_to_quote_button:not(.quote),
  #order-details .eco3-table .wish-list-btn:not(.quote) {
    height: 35px;
  }
  #order-details .eco3-table .add_to_cart_button.quote,
  #order-details .eco3-table .add_to_quote_button.quote,
  #order-details .eco3-table .wish-list-btn.quote {
    height: 52px;
  }
  #order-details .eco3-table .add_to_cart_button span,
  #order-details .eco3-table .add_to_quote_button span,
  #order-details .eco3-table .wish-list-btn span {
    color: #333333;
    font-weight: 400;
    display: table-cell;
    vertical-align: middle;
  }
  #order-details .eco3-table .add_to_cart_button span.text,
  #order-details .eco3-table .add_to_quote_button span.text,
  #order-details .eco3-table .wish-list-btn span.text {
    padding: 8px 0px 7px 10px;
    line-height: 20px;
  }
  .history-details-action {
    background-image: url(../images/three-dots-light-grey.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    width: 30px !important;
    background-position: center right;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    position: relative;
  }
  .history-details-action:hover {
    background-image: url(../images/three-dots-dark-grey.svg);
  }
  .history-details-action.quote-history-calibration {
    background-image: url(../images/threedots.svg);
    background-size: initial;
  }
  .history-details-action.quote-history-calibration:hover {
    background-image: url(../images/threedots.svg);
  }
  .history-details-action .dropdown-container {
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);
    width: 180px;
    position: absolute;
    top: 31px;
    right: 29px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    z-index: 100;
  }
  .history-details-action .dropdown-container ul {
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
  .history-details-action .dropdown-container ul li {
    width: 100%;
    padding: 0px 10px 0px 10px;
  }
  .history-details-action .dropdown-container ul li:nth-last-child(1) {
    border-bottom: none;
  }
  .history-details-action .dropdown-container ul li.zero-padding {
    padding: 0px 10px 0px 4px;
  }
  .history-details-action .dropdown-container ul li.zero-padding form button {
    height: auto !important;
  }
  .history-details-action .dropdown-container ul li .eco3-icon.history-details-dd-Edit-icon,
  .history-details-action .dropdown-container ul li .eco3-icon.history-details-dd-reorder-icon,
  .history-details-action .dropdown-container ul li .eco3-icon.favourite-star-icon,
  .history-details-action .dropdown-container ul li .eco3-icon.history-details-dd-quote-icon,
  .history-details-action .dropdown-container ul li .eco3-icon.history-details-convert-quote-icon,
  .history-details-action .dropdown-container ul li .eco3-icon.delete-icon,
  .history-details-action .dropdown-container ul li .eco3-icon.history-details-copy-quote,
  .history-details-action .dropdown-container ul li .eco3-icon.history-details-delete-quote {
    display: table-cell;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-position: center;
  }
  .history-details-action .dropdown-container ul li .dd-label {
    display: table-cell;
    vertical-align: middle;
    padding: 8px 0px 7px 10px;
    font-weight: 400;
    text-align: left;
    line-height: 20px;
  }
  #order-details-title .reorder_order_form .add_to_cart_button {
    height: auto;
    white-space: inherit;
  }
}
media only screen and (min-width : 320px) and (max-width : 767px) and (orientation : landscape) .global-alerts .confirmation-icon {
  margin: -8px 0px 0px -14px !important;
}
media only screen and (min-width : 320px) and (max-width : 767px) and (orientation : landscape) .global-alerts .error-icon {
  margin: -8px 0px 0px -14px;
}
media only screen and (min-width : 320px) and (max-width : 767px) and (orientation : landscape) .eco3-globalMessages .global-alerts .error-icon {
  margin: 0px 20px 0px 0px;
}
media only screen and (min-width : 320px) and (max-width : 767px) and (orientation : landscape) .global-alerts .info-icon {
  margin: -8px 0px 0px -14px !important;
}
media only screen and (min-width : 320px) and (max-width : 767px) and (orientation : landscape) #main-account-profile .soldToSelect {
  margin-top: -12px !important;
}
@media only screen and (min-width: 320px) and (max-width: 381px) {
  .global-alerts .confirmation-icon {
    margin: 0 0 0 -8px !important;
  }
  .global-alerts .error-icon {
    margin: 0px 0px 0px -20px;
  }
  .global-alerts .info-icon {
    margin: 0px !important;
  }
}
#globalMessagesForErrors .global-alerts .error-icon {
  margin: 0;
  background-size: 28px 28px;
}
/* imports the media-query.less */
/* import order-history page*/
/******************************************************************************************************************
/* File Name        : lead.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 14-Feb-2018
/* Description      : This is less code for the Lead management section
/*******************************************************************************************************************/
/* Lead List CSS START */
.page-customerListPage .dataTables_wrapper.no-footer .dataTables_scroll,
.page-contactListPage .dataTables_wrapper.no-footer .dataTables_scroll {
  padding-top: 30px;
}
.page-customerListPage .dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollBody,
.page-contactListPage .dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollBody {
  border-bottom: none !important;
}
.page-customerListPage .radio label::before,
.page-contactListPage .radio label::before {
  width: 18px;
  height: 18px;
}
.page-customerListPage a.paginate_button,
.page-contactListPage a.paginate_button,
.page-customerListPage a.paginate_button:hover,
.page-contactListPage a.paginate_button:hover {
  font-weight: bold;
  color: #009cdd !important;
}
.page-customerListPage .info-messages,
.page-contactListPage .info-messages {
  margin: 20px auto 15px auto;
}
.page-customerListPage .customer-list-empty,
.page-contactListPage .customer-list-empty {
  clear: both;
  font-weight: 500;
  padding: 120px 0;
  font-size: 15px;
}
.page-customerListPage .new-customer-button,
.page-contactListPage .new-customer-button {
  padding-right: 58px;
}
.page-customerListPage .select-contact-detail,
.page-contactListPage .select-contact-detail {
  float: right;
  padding-right: 58px !important;
}
.page-customerListPage .customer-list-section .link-messages ul li,
.page-contactListPage .customer-list-section .link-messages ul li {
  padding-left: 80px;
}
.page-customerListPage .modal-content #myModalLabel,
.page-contactListPage .modal-content #myModalLabel {
  display: inline-block !important;
}
.page-customerListPage .modal-content .modal-body .guidance-content,
.page-contactListPage .modal-content .modal-body .guidance-content {
  word-break: break-word;
}
.page-customerListPage .guidance-info,
.page-contactListPage .guidance-info {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 15px;
}
.page-customerListPage .guidance-info a,
.page-contactListPage .guidance-info a {
  color: #333333;
}
.page-customerListPage #customerListTabs .search-btn-contact,
.page-contactListPage #customerListTabs .search-btn-contact {
  text-align: right;
  right: 100px;
}
.page-customerListPage #customerListTabs .nav-tabs,
.page-contactListPage #customerListTabs .nav-tabs {
  padding: 30px 10px;
}
.page-customerListPage #customerListTabs .less-than-error-msg,
.page-contactListPage #customerListTabs .less-than-error-msg,
.page-customerListPage #customerListTabs .enter-value-error,
.page-contactListPage #customerListTabs .enter-value-error {
  color: #ed1c24;
}
.page-customerListPage #customerListTabs .invalid-phonenumber,
.page-contactListPage #customerListTabs .invalid-phonenumber {
  margin-right: -50px;
  margin-left: -45px;
  color: #ed1c24;
}
.page-customerListPage #customerListTabs .email-error,
.page-contactListPage #customerListTabs .email-error {
  margin-right: -70px;
  margin-left: -45px;
  color: #ed1c24;
}
.page-customerListPage #customerListTabs .customer-contact-search-container,
.page-contactListPage #customerListTabs .customer-contact-search-container {
  margin: 0 120px;
  width: 75%;
}
.page-customerListPage #customerListTabs .customer-contact-search-container .margin-alignment,
.page-contactListPage #customerListTabs .customer-contact-search-container .margin-alignment {
  margin-right: 50px;
  margin-left: 15px;
}
.page-customerListPage #customerListTabs .customer-contact-search-container .customer-search-btn,
.page-contactListPage #customerListTabs .customer-contact-search-container .customer-search-btn {
  float: right;
}
.page-customerListPage #customerListTabs .customer-contact-search-container .email-id label,
.page-contactListPage #customerListTabs .customer-contact-search-container .email-id label {
  text-transform: none;
}
.page-customerListPage #customerListTabs .customer-account-search-container,
.page-contactListPage #customerListTabs .customer-account-search-container {
  width: 80%;
}
.page-customerListPage #customerListTabs .customer-account-search-container .right-alignment,
.page-contactListPage #customerListTabs .customer-account-search-container .right-alignment {
  margin-right: 40px;
}
.page-customerListPage #customerListTabs .customer-account-search-container .enter-value-error,
.page-contactListPage #customerListTabs .customer-account-search-container .enter-value-error {
  margin-left: 0;
  text-align: left;
  display: block;
}
.page-customerListPage #customerListTabs .customer-account-search-container .less-than-error-msg,
.page-contactListPage #customerListTabs .customer-account-search-container .less-than-error-msg {
  margin-left: -25px;
}
.page-customerListPage #customerListTabs .customer-account-search-container #accountForm select.form-control,
.page-contactListPage #customerListTabs .customer-account-search-container #accountForm select.form-control {
  height: 35px;
}
.page-customerListPage #customerListTabs .error-cross-icon,
.page-contactListPage #customerListTabs .error-cross-icon {
  right: -15px;
  margin-top: 45px;
}
.page-customerListPage #customerListTabs .error-class,
.page-contactListPage #customerListTabs .error-class {
  border: 1px solid #d50032;
  background: #fdf3f5;
}
.page-customerListPage #customerListTabs .customer-search-btn-account,
.page-contactListPage #customerListTabs .customer-search-btn-account {
  float: right;
  margin-right: 65px;
}
.page-customerListPage #customerListTabs .createlead-new-customer-btn a.btn,
.page-contactListPage #customerListTabs .createlead-new-customer-btn a.btn {
  margin-right: 65px;
  float: right;
}
.page-customerListPage table#customerList,
.page-contactListPage table#customerList {
  width: 70% !important;
  border-bottom: none;
}
.page-customerListPage table#customerList tbody tr td,
.page-contactListPage table#customerList tbody tr td {
  border-top: 1px solid #cccccc;
  outline: none;
  padding: 0 10px;
}
.page-customerListPage table#customerList tbody tr td .radio.radio-inline,
.page-contactListPage table#customerList tbody tr td .radio.radio-inline {
  position: relative;
  top: 4px;
}
.page-customerListPage table#customerList tbody tr.active,
.page-contactListPage table#customerList tbody tr.active {
  color: #009cdd;
}
.page-customerListPage table#customerList tbody tr.active .radio input[type="radio"]:checked + label::after,
.page-contactListPage table#customerList tbody tr.active .radio input[type="radio"]:checked + label::after {
  left: -5px;
  position: relative;
}
.page-customerListPage table#customerList tbody tr:last-child td,
.page-contactListPage table#customerList tbody tr:last-child td {
  border-bottom: 1px solid #cccccc;
}
.page-contactListPage .dataTables_scroll {
  width: 80% !important;
  margin: 0 auto;
}
.page-contactListPage .dataTables_scroll .dataTables_scrollHeadInner {
  padding-left: 0 !important;
  margin: 0 auto;
}
.page-contactListPage .dataTables_scroll .dataTables_scrollHeadInner .customerList {
  margin: 0 auto;
}
.page-contactListPage table#customerList tbody tr td:nth-child(1) > div:first-child {
  position: relative;
  left: 25px;
}
.page-customerListPage .dataTables_scroll {
  width: 90% !important;
  margin: 0 auto;
}
.page-customerListPage .dataTables_scroll .dataTables_scrollHeadInner {
  padding-left: 0 !important;
  margin: 0 auto;
}
.page-customerListPage .dataTables_scroll .dataTables_scrollHeadInner .customerList {
  margin: 0 auto;
}
.page-customerListPage table#customerList tbody tr td:nth-child(1) > div:first-child {
  position: relative;
  left: 38px;
}
.lead-global-messages {
  max-width: 550px;
  margin: 0 auto;
}
#lead-history-container {
  min-height: 500px;
  margin-top: 50px;
}
#lead-history-container .leadAdvanceSectionBlockFormElement_leadOther {
  float: left;
}
#lead-history-container a.LeadHistoryDetailsPage {
  color: #2b9cea;
  text-transform: uppercase;
}
#lead-history-container td.child {
  padding: 0 !important;
}
#lead-history-container ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#lead-history-container ul.tabs li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#lead-history-container .tab-content-lead {
  display: none;
  padding: 15px;
}
#lead-history-container .tab-content-lead.active {
  display: inline-block;
}
#lead-history-container .lead-adv-container {
  width: 100%;
  padding: 0px;
  margin: 0px auto;
  max-width: 900px;
  float: left;
}
#lead-history-container .table-horizontal-scroll {
  width: 100%;
}
#lead-history-container .assigned-section {
  text-align: right;
  margin-bottom: 0;
}
#lead-history-container .overdue-text {
  color: #dc0032;
  font-weight: 500;
  margin-top: 0;
  margin-left: 27px;
  font-size: 16px;
  padding-left: 0;
  margin-left: 0;
}
#lead-history-container .overdue-icon i {
  background: url(../images/exclamationmark.svg) no-repeat;
  background-size: 7px 20px;
  width: 7px;
  height: 20px;
  pointer-events: none;
}
#lead-history-container .exclamation-icon i {
  background: url(../images/exclamation_icon.svg) no-repeat;
  background-size: 26px 26px;
  pointer-events: none;
  width: 25px;
  height: 25px;
  background-size: cover;
}
#lead-history-container .cold-icon i {
  background: url(../images/icon_cold.svg) no-repeat;
  background-size: 25px;
  width: 25px;
  height: 25px;
  background-size: cover;
  pointer-events: none;
}
#lead-history-container .hot-icon i {
  background: url(../images/icon_hot.svg) no-repeat;
  background-size: 23px 25px;
  width: 23px;
  height: 25px;
  background-size: cover;
  pointer-events: none;
}
#lead-history-container .warm-icon i {
  background: url(../images/icon_warm.svg) no-repeat;
  background-size: 23px 25px;
  width: 23px;
  height: 25px;
  background-size: cover;
  pointer-events: none;
}
#lead-history-container .LeadNotesIcon i {
  background: url(../images/document_icon.svg) no-repeat;
  background-size: 28px 31px;
}
#lead-history-container .lead-link-details {
  color: #333333;
}
#lead-history-container .search-assign-section {
  padding-right: 0;
}
#lead-history-container .search-lead-section {
  float: right;
}
#lead-history-container select#assignedTo,
#lead-history-container select#reason {
  width: 240px;
  height: 35px;
}
#lead-history-container select#assignedTo#assignedTo,
#lead-history-container select#reason#assignedTo {
  background-color: #fcfcfc!important;
}
#lead-history-container select#status,
#lead-history-container select#salesStage {
  width: 239px;
}
#lead-history-container select#temperature {
  width: 239px;
}
#lead-history-container .assign-right-section {
  float: right;
  margin-right: -60px;
  margin-bottom: -25px;
}
#lead-history-container label.text-help {
  text-transform: lowercase;
}
#lead-history-container label.text-help:first-letter {
  text-transform: capitalize;
}
#lead-history-container label .addressSearchInput {
  width: 266px;
  height: 35px;
}
#lead-history-container .eco3-table table tr {
  border-bottom: 1px solid #d9d9d9;
}
#lead-history-container .leaddetails {
  border-top: none !important;
  padding-left: 50px !important;
}
#lead-history-container .disable-reason-dropdown {
  opacity: 0.4 !important;
  background-color: #d9d9d9 !important;
}
#lead-history-container .eco3-table tr.child td ul {
  padding-top: 15px;
  margin-bottom: 0px;
  padding-bottom: 13px;
}
#lead-history-container .eco3-table tr.child td ul li {
  border-bottom: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#lead-history-container .eco3-table tr.child td ul li .dtr-title {
  display: inline;
}
#lead-history-container .eco3-table table.dataTable tbody tr.child ul.dtr-details {
  background: #f4f4f4;
  opacity: 1;
}
#lead-history-container .eco3-responsive-tabs {
  max-width: none;
}
#lead-history-container .eco3-responsive-tabs .main-tab-border {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: 149px;
}
#lead-history-container .eco3-responsive-tabs .secondary-tabs-section {
  width: 90%;
  float: left;
  display: inline-block;
}
#lead-history-container .eco3-responsive-tabs .secondary-tabs {
  width: 65%;
  margin: 0 auto;
}
#lead-history-container .eco3-responsive-tabs .eco3-table table {
  width: 100% !important;
  margin-bottom: 20px;
}
#lead-history-container .eco3-responsive-tabs .eco3-table table tr th {
  color: #333333;
  height: 60px;
  border-bottom: none;
  text-align: center;
  font-size: 11pt;
  border-bottom: 1px solid #cccccc;
}
#lead-history-container .eco3-responsive-tabs .eco3-table table tr td {
  border-top: none;
  vertical-align: middle;
  font-weight: 400;
  color: #333333;
  text-align: center;
  font-size: 11pt;
  border-bottom: 1px solid #cccccc;
}
#lead-history-container .eco3-responsive-tabs .eco3-table table tr td form {
  margin-bottom: 0px;
}
#lead-history-container .ech-tab-table ul.sec-tabs {
  width: 100%;
  text-align: center;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit {
  display: none;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit #order-history-adv-search-submit-button[disabled] {
  background-color: #7d7d7d;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-2 {
  display: block;
  width: 65%;
  float: right;
  text-align: right;
  margin: 0 auto;
  padding: 0;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-3 {
  display: block;
  width: 65%;
  float: right;
  text-align: right;
  margin: 0 auto;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent {
  display: inline-block;
  margin-top: 21px;
  text-align: left;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider {
  margin-bottom: 74px;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider .search-result-label {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  top: 12px;
  background-color: #ffffff;
  font-size: 12pt;
  color: #009cdd;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider .divider {
  margin: 0px;
  border-top: 1px solid #999999;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-type-label {
  font-size: 12pt;
  color: #333333;
  font-weight: 500;
  float: left;
  line-height: 32px;
}
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .leadAdvanceSectionBlockFormElement input[readonly],
#lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .quoteAdvanceSectionBlockFormElement input[readonly] {
  background: #d9d9d9;
  border: 1px solid #cccccc;
  color: #434343;
}
#lead-history-container .ech-tab-table .secondary-tabs-section .tab-menu-list-menu {
  box-shadow: none;
  border: none;
  border-right: 1px solid #cccccc;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 22px;
  height: 24px;
}
#lead-history-container .ech-tab-table .secondary-tabs-section .tab-menu-list-menu:nth-child(3) {
  border-right: none;
}
#lead-history-container .ech-tab-table .secondary-tabs-section .tab-menu-list-menu.active {
  box-shadow: none;
}
#lead-history-container .ech-tab-table ul {
  display: inline-block;
  margin-bottom: 45px;
  list-style-type: none;
  padding-left: 0;
}
#lead-history-container .ech-tab-table ul .tab-menu-list-menu {
  display: inline-block;
  box-shadow: 0 0 2px 1px #d9d9d9;
  z-index: 99;
  min-width: 151px !important;
  height: 32px;
  font-size: 11pt;
  color: #434343;
  padding: 6px;
  font-weight: 400;
  cursor: pointer;
  margin-right: -2px;
  text-align: center;
  -webkit-box-shadow: 0 0 4px 1px #cccccc;
  box-shadow: 0 0 4px 1px #cccccc;
  -moz-box-shadow: 0 0 4px 1px #cccccc;
}
#lead-history-container .ech-tab-table ul .tab-menu-list-menu:first-of-type {
  margin-left: 10px;
}
#lead-history-container .ech-tab-table ul .tab-menu-list-menu:nth-last-child(1) {
  margin-right: 10px;
}
#lead-history-container .ech-tab-table ul .tab-menu-list-menu.active {
  color: #009cdd;
  box-shadow: 0 0 4px 0 #009cdd;
  font-weight: 500;
  margin-right: -2px;
}
#lead-history-container select#status option,
#lead-history-container select#salesStage option,
#lead-history-container select#temperature option,
#lead-history-container select#assignedTo option,
#lead-history-container select#reason option,
#lead-history-container select#country option,
#lead-history-container select#stateIso option {
  font-size: 13px !important;
}
.select2-dropdown .select2-results ul li {
  font-size: 13px !important;
}
.leadsearchfiled {
  margin-right: -10px;
  margin-left: 20px;
}
.leadsearchfiled .eco3-table-search-field .addressSearchInput {
  width: 220px !important;
  display: block;
}
.notificationicon,
.eco3-globalMessages {
  margin: 0 auto;
}
.notificationicon span {
  color: #156da2;
}
.leadPopupNote {
  font-size: 11pt;
}
/* Lead List CSS END */
#lead-management-details-page-wrapper {
  display: inline-block;
  width: 100%;
  margin-bottom: 80px;
  min-height: 0 !important;
  /* lead detials panel start*/
  /* lead details panel end*/
}
#lead-management-details-page-wrapper label {
  text-transform: none;
  font-size: 11pt;
  font-weight: 400;
  text-align: left;
}
#lead-management-details-page-wrapper .eco3-page {
  min-height: 0 !important;
}
#lead-management-details-page-wrapper #lead-details-accordion {
  margin-left: 0;
  margin-right: 0;
}
#lead-management-details-page-wrapper .lead-header {
  display: inline-block;
  width: 100%;
  padding-bottom: 80px;
  border-bottom: 2px dashed #cccccc;
}
#lead-management-details-page-wrapper .lead-header .leadepage-margin-reset {
  margin-left: 0;
  margin-right: 0;
}
#lead-management-details-page-wrapper .lead-header .leadepage-margin-reset .overdueText-lead-details {
  color: #dc0032;
  font-weight: 400;
  font-size: 19px;
  display: block;
  text-transform: none;
}
#lead-management-details-page-wrapper .lead-header .leadepage-margin-reset .cold-icon i {
  background: url(../images/cold_navy.svg) no-repeat;
  width: 30px;
  height: 32px;
  background-size: cover;
  pointer-events: none;
}
#lead-management-details-page-wrapper .lead-header .leadepage-margin-reset .hot-icon i {
  background: url(../images/hot_navy.svg) no-repeat;
  width: 30px;
  height: 32px;
  background-size: cover;
  pointer-events: none;
}
#lead-management-details-page-wrapper .lead-header .leadepage-margin-reset .warm-icon i {
  background: url(../images/warm_navy.svg) no-repeat;
  width: 30px;
  height: 32px;
  background-size: contain;
  pointer-events: none;
}
#lead-management-details-page-wrapper .lead-header section {
  float: left;
  padding: 0;
}
#lead-management-details-page-wrapper .lead-header section select.form-control {
  max-width: 280px;
  height: 40px;
}
#lead-management-details-page-wrapper .lead-header section select.form-control.readonly {
  background-color: #f3f3f3;
}
#lead-management-details-page-wrapper .lead-header section .left {
  text-align: left;
  max-width: 450px;
  font-size: 19px;
  color: #001fa4;
  line-height: 27px;
  padding-top: 23px;
}
#lead-management-details-page-wrapper .lead-header section .left .full {
  min-height: 36px;
  clear: both;
}
#lead-management-details-page-wrapper .lead-header section .left .full.padding-more {
  min-height: 36px;
}
#lead-management-details-page-wrapper .lead-header section .left .key {
  font-weight: 600;
  font-size: 16px;
  width: 40%;
  float: left;
}
#lead-management-details-page-wrapper .lead-header section .left .key.big {
  font-size: 16px;
}
#lead-management-details-page-wrapper .lead-header section .left .key.temperature-lead {
  margin-top: 2px;
}
#lead-management-details-page-wrapper .lead-header section .left .value {
  font-weight: normal;
  font-size: 16px;
  width: 60%;
  float: left;
  max-width: 289px;
}
#lead-management-details-page-wrapper .lead-header section .right {
  text-align: left;
  margin: 0 auto;
}
#lead-management-details-page-wrapper .lead-header section .right .isEmailSendToLeadMan {
  font-size: 11pt;
  font-weight: normal;
  line-height: 19px;
  float: left;
}
#lead-management-details-page-wrapper .lead-header section .right .leadActionButton {
  float: right;
  margin-top: 30px;
}
#lead-management-details-page-wrapper .lead-header .radioOptionSection {
  text-align: center;
  margin: 10px 20px;
}
#lead-management-details-page-wrapper .lead-header .radioOptionSection label {
  font-size: 19px;
  font-weight: 500;
  font-family: roboto;
  color: #666666;
}
#lead-management-details-page-wrapper .lead-header .radioOptionSection .leadActionSection {
  max-width: 350px;
  text-align: center;
  margin: 0 auto;
}
#lead-management-details-page-wrapper .lead-header .radioOptionSection .radio label:before {
  top: 40px;
  left: 60%;
}
#lead-management-details-page-wrapper .lead-header .radioOptionSection .radio input[type="radio"]:checked + label::after {
  position: relative;
  float: left;
  top: 42px;
  left: 60%;
}
#lead-management-details-page-wrapper .lead-header .lead-id-number {
  color: #001fa4;
}
#lead-management-details-page-wrapper .lead-select-person {
  padding-right: 25px;
}
#lead-management-details-page-wrapper .lead-details-body {
  padding: 50px 0px;
  display: inline-block;
  width: 100%;
  max-width: 1312px;
  padding: 0px;
  padding-top: 20px;
}
#lead-management-details-page-wrapper .lead-details-body .body {
  margin-top: 40px;
  color: #333333;
  font-size: 11pt;
  text-align: left;
  padding: 0;
}
#lead-management-details-page-wrapper .lead-details-body h3 {
  font-size: 12pt;
  color: #666666;
  padding-top: 30px;
  padding-bottom: 0;
  line-height: 20px;
}
#lead-management-details-page-wrapper .lead-details-body .bullet-title {
  text-transform: uppercase;
}
#lead-management-details-page-wrapper .lead-details-body .notes-title {
  padding-top: 0 !important;
}
#lead-management-details-page-wrapper .lead-details-body .lead-assignment-padding {
  margin-top: -10px;
}
#lead-management-details-page-wrapper .lead-details-body .temperature-lead {
  margin-top: 2px;
}
#lead-management-details-page-wrapper .lead-details-body .slot {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  min-height: 150px;
  padding-bottom: 20px;
}
#lead-management-details-page-wrapper .lead-details-body .slot h5 {
  color: #333333;
  font-size: 11pt;
  line-height: 24px;
  font-weight: 600;
  padding: 5px 0 10px;
  margin: 5px 0 25px;
  border-bottom: 1px solid #cccccc;
}
#lead-management-details-page-wrapper .lead-details-body .slot .content {
  padding-right: 10px;
  color: #333333;
  font-size: 11pt;
  text-align: left;
  word-wrap: break-word;
}
#lead-management-details-page-wrapper .lead-details-body .vcard-download {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
#lead-management-details-page-wrapper .lead-details-body .vcard-download .vcard-download-icon {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
/* popup reject start*/
#leadRejectPopup {
  color: #333333;
  font-size: 11pt;
  font-weight: 600;
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
}
#leadRejectPopup .para {
  color: #333333;
  font-size: 11pt;
  font-weight: 600;
  text-align: center;
  padding-bottom: 20px;
}
#leadRejectPopup .para.normal {
  font-weight: 400;
}
#leadRejectPopup .dropdown-box {
  max-width: 260px;
  margin: 0 auto;
  text-align: center;
}
#leadRejectPopup .notes-box {
  max-width: 260px;
  margin: 0 auto 20px auto;
}
#leadRejectPopup .notes-box textarea#notes {
  min-height: 60px;
  font-size: 15px;
}
#leadRejectPopup .leadError {
  max-width: 320px;
}
#leadRejectPopup .leadError .global-alerts .error-icon {
  background-size: 80%;
}
#leadRejectPopup .leadError span {
  font-weight: 500;
}
#leadRejectPopup select,
#leadRejectPopup select option {
  max-width: 260px;
  font-size: 15px;
}
#leadRejectPopup footer a {
  width: 180px;
  font-size: 15px;
}
#leadRejectPopup footer a.btn-cancel {
  color: #434343;
  line-height: 40px;
}
.leadError {
  font-weight: 400;
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.fieldError {
  background-color: #fdf3f5 !important;
  border: 1px solid #d50032 !important;
}
/* end*/
#lead-opportunity-tab-content {
  margin-top: 50px;
  border-top: 0px dotted #cccccc;
}
#lead-opportunity-tab-content header {
  margin-top: 50px;
}
#lead-opportunity-tab-content header h2 {
  max-width: 216px;
  font-size: 12pt;
  padding: 14px;
}
#lead-opportunity-tab-content select.form-control {
  height: 35px;
  padding: 5px 15px 5px 5px;
  margin-left: 20px;
}
#lead-opportunity-tab-content select.form-control#salesStageCode {
  margin-left: 0px;
}
#lead-opportunity-tab-content .addProdBtn {
  text-align: center;
  margin: 0 auto;
  float: right;
}
#lead-opportunity-tab-content #no-records-found-text {
  text-align: center;
  padding-bottom: 15px;
  font-size: 12pt;
  padding-top: 40px;
  color: #333333;
  line-height: 19px;
}
#lead-opportunity-tab-content #no-records-found-text i {
  position: relative;
  top: 10px;
  margin-right: 5px;
}
#lead-opportunity-tab-content .dotted-line-with-link {
  padding: 0;
}
#lead-opportunity-tab-content .dotted-line-with-link div {
  padding: 0;
}
#lead-opportunity-tab-content .dotted-line-with-link .line {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-top: 20px;
}
#lead-opportunity-tab-content .dotted-line-with-link .continue-btn-wrapper {
  display: block;
  float: right;
  width: 180px;
  position: relative;
  top: 20px;
  left: 0;
}
#lead-opportunity-tab-content .dotted-line-with-link .continue-btn-wrapper a {
  width: 180px !important;
}
#lead-opportunity-tab-content .dotted-line-with-link .continue-btn-wrapper.disable-continue {
  cursor: not-allowed;
}
#lead-opportunity-tab-content .dotted-line-with-link .continue-btn-wrapper.disable-continue a {
  opacity: 0.4;
  pointer-events: none;
}
#lead-opportunity-tab-content .dotted-line-with-link a:hover {
  opacity: 1;
}
.search-results-display {
  display: block !important;
}
.opportunity-item-list-view {
  padding-left: 35px;
}
.opportunity-item-list-view table {
  width: 85% !important;
  color: #333333;
  margin: 40px auto !important;
}
.opportunity-item-list-view table .highlighted td,
.opportunity-item-list-view table .highlighted {
  background-color: #f8f8f8 !important;
  opacity: 0.7;
}
.opportunity-item-list-view table .highlighted td .quantityPicker,
.opportunity-item-list-view table .highlighted .quantityPicker,
.opportunity-item-list-view table .highlighted td .count-input,
.opportunity-item-list-view table .highlighted .count-input {
  pointer-events: none;
}
.opportunity-item-list-view table .highlighted td .quantityPicker .eco3-icon,
.opportunity-item-list-view table .highlighted .quantityPicker .eco3-icon,
.opportunity-item-list-view table .highlighted td .count-input .eco3-icon,
.opportunity-item-list-view table .highlighted .count-input .eco3-icon {
  display: none;
}
.opportunity-item-list-view table tr {
  height: 60px;
}
.opportunity-item-list-view table tr td {
  border-bottom: 1px solid #cccccc !important;
}
.opportunity-item-list-view table tr .no-border-delete {
  border-bottom: none!important;
}
.opportunity-item-list-view table .count-input .incr-btn {
  display: block !important;
}
/* lead opp section start*/
.opp-options-main {
  width: 100%;
  text-align: center;
  max-width: 710px;
  margin: 0 auto;
  display: grid;
  padding-top: 10px;
}
.opp-options-main .block {
  display: inline-block;
  width: 100%;
  padding: 10px 0px;
}
.opp-options-main .block .formBlock {
  text-align: left;
  padding: 10px 0px;
}
.opp-options-main .block .formBlock.left {
  padding-bottom: 10px;
}
.opp-options-main .block .formBlock.left:before {
  content: '';
  position: absolute;
  bottom: 0;
  top: 30%;
  border-right: 2px solid #cccccc;
  left: 100%;
  bottom: 15%;
}
.opp-options-main .block .formBlock.remove-seperator:before {
  border-right: none !important;
}
.opp-options-main .block .formBlock .label {
  float: left;
  font-weight: 400;
  width: auto;
  font-size: 10pt;
  color: #333333;
  min-width: 100px;
  padding-left: 20px;
  text-align: right;
  padding-top: 5px;
}
.opp-options-main .block .formBlock .label.PO-label {
  margin-top: 7px;
}
.opp-options-main .block .formBlock select {
  float: left;
  max-width: 250px;
  width: 100%;
  position: relative;
  top: -5px;
  text-transform: none;
}
.opp-options-main .block .formBlock .radio label {
  line-height: 20px;
  padding-left: 20px;
}
.opp-options-main .formBlockOptionSelection_won_other .block {
  padding-top: 0;
  margin-top: -20px;
}
.opp-options-main .formBlockOptionSelection_won_other .block .formBlock.left:before {
  bottom: 30%;
  top: 30%;
}
.opp-options-main .uploadSection {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  opacity: 1;
}
.opp-options-main .uploadSection .disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.opp-options-main .uploadSection .icon-info-circle {
  margin-top: -27px;
  margin-right: 15px;
}
.opp-options-main .uploadBlock {
  width: 55%;
  float: left;
  margin-left: 20px;
}
.opp-options-main .uploadBlock .placeholderText {
  border: 1px solid #cccccc !important;
  padding-left: 5px;
  height: 35px;
}
.opp-options-main .uploadBlockButton {
  float: right;
}
.opp-options-main .uploadBlockButton .spinner {
  margin: 0;
  margin-left: 20px;
}
.opp-options-main .placeholder-text-div {
  width: 250px;
  min-width: 165px;
  line-height: 20px;
}
.opp-options-main .fileSubmitButton {
  float: left;
  margin-left: 4px;
  margin-top: 0;
  height: 35px;
}
.opp-options-main .docAttachment {
  background: url("../images/file_doc.svg") no-repeat;
  background-size: 30px 40px;
  width: 30px;
  height: 40px;
  cursor: pointer;
}
.opp-options-main .docAttachment.pdf {
  background: url(../images/pdf_file_icon.svg) no-repeat;
  background-size: contain;
}
.opp-options-main .docSectionBlock {
  width: 100%;
  float: right;
  margin-left: 0;
  max-width: 360px;
  padding-left: 7px;
}
.opp-options-main .docSectionBlock li {
  float: left;
  margin-bottom: 20px;
  width: 50%;
}
.opp-options-main .docSectionBlock li a {
  line-height: 40px;
  padding-left: 10px;
  cursor: pointer;
}
.opp-options-main .formBlockOptionSelection_won_other {
  margin-left: 50px;
  background-color: #f8f8f8;
}
.opp-options-main .formBlockOptionSelection_won_other .terms-and-conditions-eco3-checkbox {
  width: auto;
  float: left;
}
.opp-options-main .formBlockOptionSelection_won_other label.eco3-checkbox {
  position: relative;
  top: 7px;
}
.opp-options-main .formBlockOptionSelection_won_other .section-arrow {
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url("../images/icon-arrow-right.svg") no-repeat;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  left: -50px;
  float: left;
}
.opp-options-main .formBlockOptionSelection_won_other .icon-info-circle {
  float: right;
  position: relative;
  top: -27px;
  right: 10px;
  cursor: pointer;
}
.leadAdditionalBlocksForOpportunity .bullet-title:before {
  top: 2px;
}
#opportunity-mode-ribbon,
#CTP-mode-ribbon {
  min-height: 51px;
  margin: 25px 0px;
  color: #009cdd;
  border: 2px solid #009cdd;
  background-color: #ddf5ff;
  font-weight: 600;
}
#opportunity-mode-ribbon .mode-icon,
#CTP-mode-ribbon .mode-icon {
  background: url("../images/leads.svg") no-repeat;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-size: 30px 30px;
  display: inline-block;
}
#opportunity-mode-ribbon div p,
#CTP-mode-ribbon div p,
#opportunity-mode-ribbon div a,
#CTP-mode-ribbon div a {
  color: #009cdd;
  font-size: 12pt;
  font-weight: 500;
}
#opportunity-mode-ribbon .content,
#CTP-mode-ribbon .content {
  border-right: 2px solid #009cdd;
  min-height: 51px;
}
#opportunity-mode-ribbon .exit,
#CTP-mode-ribbon .exit {
  margin-top: 15px;
}
.page-homepage #opportunity-mode-ribbon {
  margin-bottom: 0px;
}
.page-homepage #opportunity-mode-ribbon {
  margin-bottom: 0px;
}
.eco3-lead-opp-mode-count {
  color: #009cdd;
  font-size: 11pt;
  float: right;
  margin-top: 5px;
}
#opportunityDetailsForm .eco3-globalMessages {
  max-width: 500px!important;
}
#opportunityDetailsForm .eco3-globalMessages .message-text {
  text-align: left;
}
#opportunityDetailsForm .section-disabled {
  opacity: 0.7;
}
#opportunityDetailsForm .basicForm {
  padding: 0px;
}
#opportunityDetailsForm .basicForm .basicFormBlock {
  padding-right: 30px;
}
#opportunityDetailsForm .notes-section #noteText:focus {
  border-color: #cccccc !important;
  box-shadow: 0 0 5px 0 #f8f8f8 !important;
}
#opportunityDetailsForm textarea#noteText {
  min-height: 115px!important;
  margin-bottom: 20px;
  background-color: #fcfcfc;
  cursor: default;
}
#opportunityDetailsForm #readOnlyNotes {
  background-color: #ffffff;
  resize: none;
  min-height: 10px;
  max-height: 80px;
}
#opportunityDetailsForm #noteForIsProcessByMT {
  background-color: #ffffff;
  resize: none;
  min-height: 10px;
  max-height: 80px;
}
#opportunityDetailsForm .customer-wish-section {
  padding-left: 20px;
  position: relative;
  float: left;
}
#opportunityDetailsForm .customer-wish-section textarea {
  width: 95%;
  border-color: #cccccc !important;
  box-shadow: 0 0 5px 0 #f8f8f8 !important;
}
#opportunityDetailsForm .customer-full-width {
  padding-left: 30px;
}
#opportunityDetailsForm textarea#customer-wishes {
  min-height: 80px!important;
}
#opportunityDetailsForm .quantityPicker .form-control-feedback {
  display: none!important;
}
#opportunityDetailsForm .form-group {
  min-height: 45px;
}
#opportunityDetailsForm #opptyItemListActionButtons {
  max-width: 360px;
  float: right;
  padding-top: 67px;
}
#opportunityDetailsForm #opptyItemListActionButtons .addProdBtn {
  position: relative;
  left: 10px;
}
.ribbonPlates {
  overflow: hidden;
  max-width: 1406px;
  padding: 0 40px;
  margin: 0 auto;
  text-align: center;
}
.update-btn-section {
  padding: 0;
}
.leadAction-container {
  position: relative;
  display: inline-block;
  z-index: 100;
  background-color: #ffffff;
  padding-left: 0;
}
.leadAction-container .leadActionButton {
  width: 180px !important;
}
.result-divider {
  border-top: 1px solid #666666;
  position: relative;
  z-index: 10;
  top: 41px;
}
.popup-mg-help {
  margin-left: 140px;
}
.mg-top-5 {
  margin-top: 5px;
}
/* LEAD MASS EXPORT IMPORT */
#ech-tab-table-content-tab-6 ul.subtabs {
  margin-top: 40px;
}
#ech-tab-table-content-tab-6 .subtabs-2 {
  display: inline;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock table {
  display: inline-table;
  text-align: center;
}
#ech-tab-table-content-tab-6 li.subtabs-2 a {
  font-family: Roboto;
  font-size: 11pt;
  padding: 0px 20px 0px 20px;
  font-weight: 300;
  text-decoration: none;
}
#ech-tab-table-content-tab-6 li.subtabs-2.active a {
  color: #2b9cea;
  text-decoration: none;
}
#ech-tab-table-content-tab-6 .sub-item-export {
  border-right: 1px solid #cccccc;
}
#ech-tab-table-content-tab-6 td .csv-icon {
  display: inline-block;
  width: 45px;
  height: 60px;
  background: url("../images/file_csv.svg") no-repeat left;
  background-size: 45px 60px ;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock table {
  font-size: 15px;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock form {
  margin-top: 10px;
  margin-bottom: 50px;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock form .form-group {
  margin-bottom: 30px;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock div .alert-info {
  background-color: #f4f8ea;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock td {
  color: #434343;
  text-align: center;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock a {
  color: #009cdd;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #exportPossible div {
  max-width: 360px;
  word-wrap: break-word;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #exportPossible button {
  margin-top: 50px;
  margin-bottom: 50px;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #exportPossible td {
  display: inline-table;
  text-align: center;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock ul {
  margin: 0;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock div .alert span {
  display: table-cell;
  vertical-align: middle;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock div .alert span i {
  vertical-align: middle;
  text-align: center;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #exportInProgress td {
  text-align: center;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #exportInProgress td .alert-info {
  color: #6d9c2b;
  background-color: #f3f9eb;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #yourFiles p {
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  line-height: 0.1em;
  margin: 50px 0 15px;
  font-size: 17px;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #yourFiles span {
  color: #2b9cea;
  background: #ffffff;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #exportReadyToDownload td {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock #exportReadyToDownloadText td {
  font-size: 13px;
  padding-bottom: 40px;
}
#ech-tab-table-content-tab-6 .massUpdateSectionBlock .form-group label {
  padding-left: 0 !important;
}
.oppt-items-download-button-spinner {
  display: inline;
  margin-left: 80px;
}
.leadHistory .spinner {
  display: inline;
}
#lead-tab-2 .date-advance-search,
#lead-tab-3 .date-advance-search {
  padding-left: 0 !important;
}
#leadCreation .create-lead-title {
  margin: 20px 0;
  line-height: 25px;
  text-transform: uppercase;
  height: 34px;
  color: #666666;
  font-family: Roboto !important;
  font-size: 16px;
  font-weight: 500;
}
#leadCreation .title-field-short {
  max-width: 130px !important;
}
#leadCreation .form-group {
  max-width: 250px;
  min-height: 90px;
}
#leadCreation .city-section-mob .form-group {
  max-width: 230px;
}
#leadCreation .create-lead-continue-section {
  text-align: right;
}
#leadCreation .create-contact-button {
  position: absolute;
  top: 0;
}
#leadCreation .lead-creation-table {
  margin-left: 8px;
  max-width: 500px;
}
#leadCreation .lead-details-align {
  padding: 0;
  text-align: left;
  min-width: 200px;
  text-transform: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
#leadCreation .lead-details-align .title-lead-creation {
  text-transform: capitalize;
}
#leadCreation .lead-details-align:focus {
  outline: none;
}
#leadCreation .customer-detail-align {
  text-align: center;
  padding: 15px 0;
}
#leadCreation .lead-create-form-padding {
  padding-left: 5px;
}
#leadCreation .lead-create-form-padding .description-label-box {
  height: 32px;
}
#leadCreation .email-send-lead {
  padding-top: 12px;
  font-weight: 400;
}
#leadCreation .lead-channel-partner {
  margin-bottom: 20px;
}
#leadCreation .text-area-lead {
  min-height: 60px;
}
#leadCreation .lead-checkbox {
  top: 12px;
}
#leadCreation .notes-label-align {
  margin-top: 12px;
}
#leadCreation .notes-assign-label {
  margin-top: 0;
}
#leadCreation .align-left-right-leadInfo {
  vertical-align: top;
}
#leadCreation .company-info-align {
  padding-left: 0;
}
#leadCreation .lead-create-tab {
  padding-left: 0;
}
#leadCreation .lead-create-bottom-section {
  padding-left: 0;
}
#leadCreation .lead-create-bottom-section .lead-title-section {
  padding-left: 0;
}
#leadCreation .lead-create-bottom-section .lead-lastname-section {
  padding-left: 2px;
}
#leadCreation .lead-create-bottom-section .lead-email-section {
  padding-left: 7px;
}
#leadCreation .lead-create-bottom-section .email-text label {
  text-transform: none;
}
#leadCreation .create-cutomer-btn {
  text-align: right;
}
#leadCreation .create-cutomer-btn a {
  margin-right: 40px;
}
.page-leadCreationPage select.form-control,
.page-leadInfoPage select.form-control {
  height: 35px;
}
.page-leadHistoryListPage .lead-advance-text .button-lead {
  float: right;
}
.create-lead-text-home {
  margin-top: 54px;
  font-size: 13px;
  font-weight: 400;
}
.lead-button-right {
  margin-right: 20px;
}
#opportunity-mode-ribbon.boga {
  cursor: pointer;
}
#opportunity-mode-ribbon.boga .mode-icon {
  background: url("../images/boga-mode.png") no-repeat;
  background-size: 100% 100%;
}
#custom-search-input .addressSearchInput .tableSearchInput {
  padding-right: 40px;
}
.page-newContactCreationPage #leadCreation {
  position: relative;
}
.page-newContactCreationPage #leadCreation .form-group {
  min-height: auto;
}
.page-newContactCreationPage #leadCreation .lead-create-form-padding {
  padding-left: 5px;
}
.page-newContactCreationPage #leadCreation .create-lead-title {
  margin-top: 40px;
}
.page-newContactCreationPage #leadCreation .lead-creation-table tr td:last-child {
  padding-top: 25px;
}
.page-newContactCreationPage .customer-list-empty {
  font-weight: 500;
  font-size: 15px;
}
.page-newContactCreationPage .customer-list-empty .success-message {
  display: block;
}
.page-newContactCreationPage .customer-list-empty-message {
  margin-top: 200px;
}
.page-newContactCreationPage .form-control {
  min-height: 35px;
}
.create-contact-success {
  font-size: 16px;
  margin: 100px auto 0 auto;
  width: 60%;
  font-weight: 500;
}
.page-newCustomerCreationPage #leadCreation .create-lead-continue-section {
  margin-left: 0;
  max-width: 466px;
  float: right;
}
.page-newCustomerCreationPage #leadCreation .create-lead-continue-section .create-customer-wrapper {
  display: inline;
}
.page-newCustomerCreationPage #leadCreation .create-lead-continue-section .create-customer-wrapper.no-lead {
  float: right;
}
.page-newCustomerCreationPage #leadCreation .create-lead-continue-section .create-customer-wrapper.with-lead {
  float: left;
}
.page-newCustomerCreationPage #leadCreation .create-lead-continue-section .create-lead-wrapper {
  display: inline;
  float: right;
}
.page-newCustomerCreationPage #leadCreation .city-section-mob .form-group {
  max-width: 255px;
}
.page-newCustomerCreationPage #customerCreationForm .form-group {
  max-width: 275px;
}
.page-newCustomerCreationPage #customerCreationForm .non-mandatory-check {
  display: block !important;
  top: 40px;
  right: -27px;
}
.page-newCustomerCreationPage .create-lead-customer-button {
  text-align: right;
}
.page-newCustomerCreationPage .create-customer-button {
  float: right;
  margin-right: 41px;
}
.page-newCustomerCreationPage .customer-list-empty {
  font-weight: 500;
  font-size: 15px;
}
.page-newCustomerCreationPage .customer-list-empty .success-message {
  display: block;
}
.page-newCustomerCreationPage .form-control {
  height: 35px;
}
.page-newCustomerCreationPage .customer-list-empty-message {
  margin-top: 200px;
}
.page-newCustomerCreationPage div#leadCreation {
  position: relative;
}
#leadUpdateForm .notes-assign-label {
  padding-right: 0;
}
#leadUpdateForm .notes-assign-label textarea {
  min-height: 70px;
}
#leadUpdateForm .email-section-lead .isEmailSendToLeadMan {
  margin-bottom: 4px;
}
#leadUpdateForm .notes-padding-right {
  padding-right: 0;
}
#leadUpdateForm .leadDesc {
  width: 100% !important;
  max-width: inherit !important;
  font-size: 18px;
}
#leadSearchForm {
  text-align: right;
}
#customerCreationForm .form-group {
  max-width: 254px;
}
#opportunityItemListView tr .row-lineno {
  width: 200px;
  text-align: center;
}
#opportunityItemListView tr .row-material {
  width: 200px;
}
#opportunityItemListView tr .row-quantity {
  text-align: center;
}
#opportunityItemListView td {
  outline: none;
}
#opportunityItemListView td {
  outline: none;
}
#opportunityItemListView .opportunity-lineitem {
  padding-left: 0;
  text-align: center;
}
#opportunityItemListView .opportunity-product {
  padding: 20px 0;
  text-align: center;
}
#opportunityItemListView .opportunity-product .sck-info,
#opportunityItemListView .opportunity-product .edit-configuration-link {
  font-size: inherit;
}
#opportunityItemListView .opportunity-product .sck-info a,
#opportunityItemListView .opportunity-product .edit-configuration-link a {
  color: #333333;
  cursor: pointer;
}
#opportunityItemListView .opportunity-line-no {
  text-align: center;
  width: 100px !important;
}
#opportunityItemListView .opportunity-line-no.product-no {
  width: 230px !important;
}
#opportunityItemListView .opportunity-quantity {
  text-align: center;
}
#opportunityItemListView .opportunity-quantity .count-input {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: auto;
}
#opportunityItemListView .opputunity-datatable {
  margin: 40px 0;
}
/*IE specific style for customer list*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-customerListPage table#customerList tr.active .radio input[type="radio"]:checked + label::after,
  .page-contactListPage table#customerList tr.active .radio input[type="radio"]:checked + label::after {
    left: 0 !important;
    position: relative;
  }
  .page-customerListPage table#customerList tr.active .radio label,
  .page-contactListPage table#customerList tr.active .radio label {
    padding-left: 2px !important;
  }
}
.page-leadHistoryListPage .lead-alert-message-wrapper {
  padding: 0;
}
.page-leadHistoryListPage .lead-alert-message-wrapper .lead-other-info-wrapper-alert {
  float: none;
  margin: 0 auto 40px auto;
  padding: 0;
}
.page-leadHistoryListPage .lead-alert-message-wrapper .lead-other-info-wrapper-alert .alert.alert-bar {
  text-align: center;
}
.related-transaction-section .document-linkage-icon {
  resize: none;
  background-image: url("../images/document_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.related-transaction-section .each-invoice-pdf-section a {
  color: #333333;
}
.related-transaction-section .right-panel .leadid-section,
.related-transaction-section .right-panel .quoteid-section {
  border-bottom: 1px solid #d9d9d9;
}
.related-transaction-section .text-heading {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
.related-transaction-section .eco3-icon {
  width: 24px;
  height: 32px;
}
.related-transaction-section .related-links {
  padding-top: 30px;
}
.related-transaction-section .quote-cursor {
  cursor: default;
}
.related-transaction-section .single-order-section {
  float: none;
  margin: 0 auto;
}
.related-transaction-section .border-panel-order {
  border-left: 1px solid #d9d9d9;
}
.related-transaction-section .border-panel-quote {
  border-right: 1px solid #d9d9d9;
}
.related-transaction-section .remove-border-right {
  border-right: none;
}
.related-transaction-section .remove-border-left {
  border-left: none;
}
.lead-notes-text {
  width: 100%;
  border: none;
  box-shadow: none;
  background: white;
  resize: none;
  overflow: hidden;
  overflow-y: scroll;
}
/* CUSTOMER LIST TABLE CSS START */
.customer-list-section #customerListTabs .nav-tabs {
  border-bottom: none;
}
.customer-list-section #customerListTabs .tab-content {
  overflow: auto;
  clear: both;
}
.customer-list-section #contact-form {
  clear: both;
  overflow: auto;
}
.customer-result-seperator {
  border-top: 2px dotted #cccccc;
  clear: both;
}
.customer-list-container {
  clear: both;
}
.customer-list-container #customer-list-table {
  overflow: auto;
  width: 100%;
}
.customer-list-container #customer-list-table .new-contact {
  min-width: 140px;
  width: 140px;
  background-color: #009cdd;
  text-align: center;
}
.customer-list-container #customer-list-table table {
  margin: 0 auto;
}
.customer-list-container #customer-list-table table tr.child table {
  width: 95% !important;
  float: right;
  background: #f4f4f4;
}
.customer-list-container #customer-list-table table tr.child table tr th,
.customer-list-container #customer-list-table table tr.child table tr td {
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
}
.customer-list-container #customer-list-table table tr.child table tr th.action-section,
.customer-list-container #customer-list-table table tr.child table tr td.action-section {
  border-bottom: none !important;
}
.customer-list-container #customer-list-table table tr.child table tr th.action-button,
.customer-list-container #customer-list-table table tr.child table tr td.action-button {
  border-bottom: none !important;
}
.customer-list-container #customer-list-table table tr.child table tr th.action-button .button-select,
.customer-list-container #customer-list-table table tr.child table tr td.action-button .button-select {
  min-width: 140px;
  width: 140px;
}
.customer-list-container #customer-list-table table tr.child table tr th.table-heading-2 {
  width: 10%;
}
.customer-list-container #customer-list-table table tr.child table tr th.table-heading-3,
.customer-list-container #customer-list-table table tr.child table tr th.table-heading-4,
.customer-list-container #customer-list-table table tr.child table tr th.table-heading-1 {
  width: 15%;
}
.customer-list-container #customer-list-table table tr.child table tr th.action-section {
  width: 20%;
}
.customer-list-container #customer-list-table table tr.child table tr:nth-last-child(1) td {
  border-bottom: none !important;
}
.customer-list-container #customer-list-table table tr th {
  text-align: center;
  height: 60px;
  cursor: pointer;
}
.customer-list-container #customer-list-table table tr th:not(:first-child) {
  border-bottom: 1px solid #f3f3f3;
}
.customer-list-container #customer-list-table table tr th.sorting {
  background-image: url("../images/sort_both.svg") !important;
  background-size: 19px 19px;
  background-position: center right;
  background-repeat: no-repeat;
}
.customer-list-container #customer-list-table table tr th.sorting_asc {
  background-image: url("../images/sort_asc.svg") !important;
  background-size: 19px 19px;
  background-position: center right;
  background-repeat: no-repeat;
}
.customer-list-container #customer-list-table table tr th.sorting_desc {
  background-image: url("../images/sort_desc.svg") !important;
  background-size: 19px 19px;
  background-position: center right;
  background-repeat: no-repeat;
}
.customer-list-container #customer-list-table table tr td {
  height: 60px;
}
.customer-list-container #customer-list-table table tr td:not(:first-child) {
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
}
.customer-list-container #customer-list-table table tr td .collapsed-section-link {
  background-image: url(../images/customer_list_plus_icon.svg) !important;
  background-size: 25px 25px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  height: 25px;
  width: 25px;
}
.customer-list-container #customer-list-table table tr td .collapsed-section-link.collapsed {
  background-color: #009cdd;
}
.customer-list-container #customer-list-table table tr td .collapsed-section-link.open {
  background-color: #d9d9d9;
}
.customer-list-container #customer-list-table .show-table-row {
  display: table-row;
}
.page-customerListPage #customerListTabs .email-error,
.page-customerListPage #customerListTabs .invalid-phonenumber,
.page-customerListPage #customerListTabs .less-than-error-msg {
  max-width: 209px !important;
  display: inline-block;
  text-align: left;
  margin: 5px 0 0 0;
}
.page-leadDetailsPage #opportunityItemListView table tr th.table-header-width {
  width: 25% !important;
}
.order-history-list .LeadNotesIcon .lead-notes-popover {
  display: inline-block;
}
.page-leadHistoryListPage .popover {
  background-color: #808080;
  border: 1px solid #808080;
}
.page-leadHistoryListPage .popover-content {
  font-size: 14px;
  padding: 0;
  min-height: 0;
  height: auto;
  background-color: #808080;
  text-align: center;
  color: #ffffff;
  padding: 5px;
}
.page-leadHistoryListPage .popover .arrow:after {
  border-top-color: #808080;
}
.upload-icon {
  display: inline-block;
  background-image: url("../images/upload_icon.svg");
  width: 23px;
  height: 19px;
  vertical-align: middle;
  margin-right: 10px;
  background-repeat: no-repeat;
}
.empty-files-icon {
  background-image: url("../images/files_icon.svg");
  width: 28px;
  height: 28px;
  display: block;
  margin: 0 auto;
  transform: translateY(100%);
  background-repeat: no-repeat;
}
.pin-icon {
  display: inline-block;
  background-image: url("../images/pin_icon.svg");
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 10px;
  background-repeat: no-repeat;
}
.noattachment-info-icon {
  background-image: url("../images/info_icon_grey.svg");
  width: 28px;
  height: 28px;
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
  background-repeat: no-repeat;
}
.page-leadHistoryListPage .leadAdvanceSectionBlockFormElement_leadId,
.page-leadHistoryListPage .quoteIdAdvanceSectionBlockFormElement_quoteId {
  float: none;
  padding: 0;
  margin: 0 auto;
}
.page-leadHistoryListPage .leadAdvanceSectionBlockFormElement_leadId input,
.page-leadHistoryListPage .quoteIdAdvanceSectionBlockFormElement_quoteId input {
  width: 200px !important;
}
.page-leadHistoryListPage .quoteIdAdvanceSectionBlockFormElement_quoteId {
  margin-top: 20px;
}
.page-leadHistoryListPage .search-type-label {
  position: relative;
  left: 180px;
}
.page-leadHistoryListPage #lead-history-container .tab-content-lead.active {
  float: none;
}
#opportunityDetailsForm .leadAdditionalBlocksForOpportunity button {
  background-color: #009cdd;
}
#opportunityDetailsForm .leadAdditionalBlocksForOpportunity #opptyItemListActionButtons .addProdBtn button {
  background-color: #009cdd;
}
/* CUSTOMER LIST TABLE CSS END */
/* END */
/* imports the variable.less */
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .page-customerListPage table#customerList,
  .page-contactListPage table#customerList {
    margin-bottom: 0;
    padding-top: 0;
  }
  .page-customerListPage table#customerList tbody tr td,
  .page-contactListPage table#customerList tbody tr td {
    padding: 0 10px;
  }
  .page-customerListPage table#customerList tbody tr td .radio.radio-inline,
  .page-contactListPage table#customerList tbody tr td .radio.radio-inline {
    position: relative;
    top: -1px;
  }
  .page-customerListPage table#customerList tbody tr td:nth-child(1) > div:first-child,
  .page-contactListPage table#customerList tbody tr td:nth-child(1) > div:first-child {
    margin-top: 0;
    position: relative;
    left: 18px;
  }
  .page-customerListPage .customer-list-section .nav-tabs,
  .page-contactListPage .customer-list-section .nav-tabs {
    border-bottom: none;
  }
  .page-customerListPage .customer-list-section .error-cross-icon,
  .page-contactListPage .customer-list-section .error-cross-icon {
    right: -10px !important;
  }
  .page-customerListPage .customer-list-section #customerListTabs .search-btn-contact,
  .page-contactListPage .customer-list-section #customerListTabs .search-btn-contact {
    text-align: center;
    right: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .guidance-info,
  .page-contactListPage .customer-list-section #customerListTabs .guidance-info {
    font-size: 12px;
    margin-bottom: 20px;
    padding-left: 30px;
    text-align: left;
  }
  .page-customerListPage .customer-list-section #customerListTabs .nav-tabs,
  .page-contactListPage .customer-list-section #customerListTabs .nav-tabs {
    padding: 30px 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .nav-tabs li,
  .page-contactListPage .customer-list-section #customerListTabs .nav-tabs li {
    width: 49%;
    max-width: 200px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .nav-tabs li a,
  .page-contactListPage .customer-list-section #customerListTabs .nav-tabs li a {
    min-width: 135px;
    width: 100%;
  }
  .page-customerListPage .customer-list-section #customerListTabs .tab-content,
  .page-contactListPage .customer-list-section #customerListTabs .tab-content {
    margin-top: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container {
    width: 100%;
    margin: 0 auto;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .margin-alignment,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .margin-alignment,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .margin-alignment,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .margin-alignment {
    margin-right: 0;
    margin-left: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .enter-value-error,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .enter-value-error,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .enter-value-error,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .enter-value-error {
    float: left;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .less-than-error-msg,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .less-than-error-msg,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .less-than-error-msg,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .less-than-error-msg {
    margin-left: -15px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .form-group,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .form-group,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .form-group,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .form-group {
    margin-right: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .tab-alignment-leftsection div,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .tab-alignment-leftsection div,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .tab-alignment-leftsection div,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .tab-alignment-leftsection div,
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .right-section-tab div,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .right-section-tab div,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .right-section-tab div,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .right-section-tab div {
    margin-right: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .tab-alignment-leftsection div .form-group,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .tab-alignment-leftsection div .form-group,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .tab-alignment-leftsection div .form-group,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .tab-alignment-leftsection div .form-group,
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .right-section-tab div .form-group,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .right-section-tab div .form-group,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .right-section-tab div .form-group,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .right-section-tab div .form-group {
    margin-right: 0;
    padding: 0 10px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .search-specifytext,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .search-specifytext,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .search-specifytext,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .search-specifytext {
    margin: 10px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .customer-search-btn,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .customer-search-btn,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .customer-search-btn,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .customer-search-btn {
    float: none !important;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .search-text-label,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .search-text-label,
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .search-text-label,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .search-text-label {
    margin-bottom: 10px;
    padding-left: 20px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .createlead-new-customer-btn,
  .page-contactListPage .customer-list-section #customerListTabs .createlead-new-customer-btn {
    margin-bottom: 35px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .createlead-new-customer-btn a.btn,
  .page-contactListPage .customer-list-section #customerListTabs .createlead-new-customer-btn a.btn {
    float: none;
    margin-right: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-search-btn-account,
  .page-contactListPage .customer-list-section #customerListTabs .customer-search-btn-account {
    float: none;
    margin: 30px 0;
  }
  .page-customerListPage table.dataTable.customerList,
  .page-contactListPage table.dataTable.customerList {
    margin-bottom: 0;
  }
  .page-customerListPage .tableNewAdd.new-customer-button,
  .page-contactListPage .tableNewAdd.new-customer-button {
    padding-right: 0 !important;
    padding-left: 0;
  }
  .page-customerListPage .tableNewAdd.new-customer-button .specifyDeliveryAddress,
  .page-contactListPage .tableNewAdd.new-customer-button .specifyDeliveryAddress {
    padding: 40px 0;
    margin: 0;
  }
  .page-customerListPage .tableNewAdd.new-customer-button .specifyDeliveryAddress.empty-list,
  .page-contactListPage .tableNewAdd.new-customer-button .specifyDeliveryAddress.empty-list {
    padding-top: 60px;
  }
  .page-customerListPage .customer-list-empty,
  .page-contactListPage .customer-list-empty {
    padding-top: 35px;
  }
  .page-customerListPage .select-contact-detail,
  .page-contactListPage .select-contact-detail {
    padding-right: 0 !important;
    float: none !important ;
    padding-left: 0;
  }
  .page-customerListPage .select-contact-detail a,
  .page-contactListPage .select-contact-detail a {
    float: none !important;
  }
  .page-customerListPage .tableSearchFild,
  .page-contactListPage .tableSearchFild {
    padding: 0;
  }
  .page-customerListPage .tableSearchFild .searchBox,
  .page-contactListPage .tableSearchFild .searchBox {
    padding-top: 0;
  }
  .page-customerListPage .dataTables_wrapper.no-footer .dataTables_scroll,
  .page-contactListPage .dataTables_wrapper.no-footer .dataTables_scroll {
    padding-top: 0;
  }
  .page-customerListPage .search-new-wrapper,
  .page-contactListPage .search-new-wrapper {
    display: flex;
    flex-direction: column;
  }
  .page-customerListPage .search-new-wrapper .tableSearchFild,
  .page-contactListPage .search-new-wrapper .tableSearchFild {
    order: 2;
  }
  .page-customerListPage .search-new-wrapper .tableNewAdd.new-customer-button,
  .page-contactListPage .search-new-wrapper .tableNewAdd.new-customer-button {
    order: 1;
  }
  .page-contactListPage .dataTables_scroll,
  .page-customerListPage .dataTables_scroll {
    width: 100% !important;
    margin: 0 auto;
  }
  .page-contactListPage .dataTables_scroll .dataTables_scrollHeadInner,
  .page-customerListPage .dataTables_scroll .dataTables_scrollHeadInner {
    padding-left: 0 !important;
    margin: 0 auto;
  }
  .page-contactListPage .dataTables_scroll .dataTables_scrollHeadInner .customerList,
  .page-customerListPage .dataTables_scroll .dataTables_scrollHeadInner .customerList {
    margin: 0 auto;
  }
  #opportunityDetailsForm .basicForm .basicFormBlock {
    padding-right: 10px;
  }
  #opportunityDetailsForm .basicForm .notes-section {
    padding: 0 20px;
  }
  #opportunityDetailsForm textarea#customer-wishes {
    min-height: 115px !important;
  }
  #opportunityDetailsForm .customer-wish-section {
    padding: 0 20px;
    margin-top: 0;
  }
  #opportunityDetailsForm .customer-wish-section textarea {
    width: 100%;
  }
  #opportunityDetailsForm .customer-full-width {
    padding-right: 30px;
  }
  #opportunityDetailsForm .customer-full-width textarea {
    width: 100%;
  }
  #opportunity-mode-ribbon .content,
  #CTP-mode-ribbon .content {
    border-right: none;
    text-align: left;
  }
  #opportunity-mode-ribbon .exit,
  #CTP-mode-ribbon .exit {
    padding: 5px;
    border-top: 2px solid #009cdd;
  }
  #opportunity-mode-ribbon .mode-icon,
  #CTP-mode-ribbon .mode-icon {
    margin-top: 30px;
  }
  #opportunity-mode-ribbon p,
  #CTP-mode-ribbon p,
  #opportunity-mode-ribbon a,
  #CTP-mode-ribbon a {
    padding-top: 5px;
    margin-bottom: 0px;
    text-align: justify;
  }
  #opportunity-mode-ribbon p.ctp,
  #CTP-mode-ribbon p.ctp {
    text-align: center;
  }
  #leadCreation .create-lead-continue-section {
    text-align: center;
    margin-left: 0;
    margin-top: 50px;
  }
  #leadCreation .lead-details-align {
    min-width: 0;
  }
  #leadCreation .lead-creation-table {
    margin-left: 0;
    margin-bottom: 20px;
  }
  #leadCreation .create-contact-table {
    width: 100%;
  }
  #leadCreation .form-group {
    max-width: 360px;
    margin-right: 0;
    padding-left: 15px;
  }
  #leadCreation .city-section-mob .form-group {
    max-width: 305px;
  }
  #leadCreation .lead-create-form-padding {
    padding-left: 10px;
  }
  #leadCreation .lead-create-form-padding .description-label-box {
    height: 35px;
  }
  #leadCreation .create-lead-title {
    font-size: 16px;
    padding-left: 0;
  }
  #leadCreation .bullet-title:before,
  #leadCreation .bullet-checkout-small:before {
    position: relative;
    top: 6px;
  }
  #leadCreation .company-info-align {
    padding-left: 10px;
  }
  #leadCreation .lead-create-tab {
    padding-left: 20px;
    padding-right: 30px;
  }
  #leadCreation .lead-create-bottom-section {
    padding-left: 6px;
  }
  #leadCreation .lead-city {
    padding-right: 10px;
  }
  #leadCreation .lead-state {
    padding-right: 10px;
  }
  #leadCreation .city-section-mob {
    padding-right: 18px;
  }
  #leadCreation .create-cutomer-btn {
    text-align: center;
  }
  /*********** LEAD LIST START *************/
  #lead-opportunity-tab-content {
    margin-top: 20px;
  }
  #lead-opportunity-tab-content header {
    min-height: 35px;
  }
  #lead-opportunity-tab-content header h2 {
    padding: 9px;
  }
  #lead-opportunity-tab-content .lead-side-padding-mobile .bullet-spacing-left:before {
    left: -2px;
  }
  #lead-opportunity-tab-content .opp-options-main {
    padding-left: 10px;
    padding-right: 10px;
  }
  #lead-history-container .input-group-addon {
    display: inline-table;
    position: relative;
    height: 35px;
    padding-top: 8px;
  }
  #lead-history-container .tab-pd-help.active {
    float: left;
  }
  #lead-history-container .tab-pd-help.active .tab-mg-pd-help {
    padding-left: 10px;
  }
  #lead-history-container #leadSearchForm ul {
    padding: 0;
  }
  #lead-history-container .leadsearchfiled,
  #lead-history-container .leadadvsearch {
    text-align: left;
    margin-left: 0;
  }
  #lead-history-container .leadsearchfiled {
    margin-right: 0;
    text-align: center;
    margin-top: -15px;
  }
  #lead-history-container span.dtr-title {
    float: left;
  }
  #lead-history-container .search-lead-section {
    height: 30px;
    float: none;
    margin-bottom: 30px;
  }
  #lead-history-container .assign-right-section {
    margin-top: 0;
    float: none;
    margin-left: 10px;
  }
  #lead-history-container .searchbox-padding {
    padding-top: 0;
  }
  #lead-history-container .assigned-section {
    margin-bottom: -32px;
    text-align: center;
  }
  #lead-history-container .eco3-table tr.child td ul li:nth-child(4) {
    padding-left: 0;
  }
  #lead-history-container .eco3-table tr.child td ul li:nth-child(5) {
    display: block;
  }
  #lead-history-container .overdue-text {
    text-align: center;
    top: -195px;
  }
  #lead-history-container .overdue-text-mobile {
    top: -115px;
  }
  #lead-history-container .cold-icon i {
    width: 25px;
    height: 25px;
  }
  #lead-history-container .hot-icon i {
    width: 23px;
    height: 25px;
  }
  #lead-history-container .warm-icon i {
    width: 25px;
    height: 25px;
  }
  #lead-history-container select#assignedTo,
  #lead-history-container select#temperature {
    width: 100%;
  }
  #lead-history-container .secondary-tabs-section {
    width: auto !important;
    float: none !important;
  }
  #lead-history-container .secondary-tabs-section .tabs {
    margin-bottom: 27px;
    border-top: none;
  }
  #lead-history-container .secondary-tabs-section .tabs .tab-menu-list-menu {
    margin-left: 0px !important;
    padding-top: 10px;
    padding-bottom: 0;
    min-width: 84px;
    height: 40px;
    border: none;
  }
  #lead-history-container .secondary-tabs-section .tabs .tab-menu-list-menu:first-child {
    border-right: 1px solid #d9d9d9;
  }
  #lead-history-container .eco3-responsive-tabs .main-tab-border {
    top: 130px;
  }
  #lead-history-container .eco3-responsive-tabs .nav-tabs,
  #lead-history-container .eco3-responsive-tabs .nav {
    border-bottom: none;
  }
  #lead-history-container .eco3-responsive-tabs .nav-tabs > .__left-tabunlimited,
  #lead-history-container .eco3-responsive-tabs .nav > .__left-tabunlimited,
  #lead-history-container .eco3-responsive-tabs .nav-tabs > .__right-tabunlimited,
  #lead-history-container .eco3-responsive-tabs .nav > .__right-tabunlimited {
    min-width: 0px;
  }
  #lead-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading,
  #lead-history-container .eco3-responsive-tabs .nav > .tab-heading {
    top: -9px;
    min-width: 170px;
  }
  #lead-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading:last-of-type a,
  #lead-history-container .eco3-responsive-tabs .nav > .tab-heading:last-of-type a {
    border-right: none;
  }
  #lead-history-container .eco3-responsive-tabs .nav-tabs > .tab-heading a,
  #lead-history-container .eco3-responsive-tabs .nav > .tab-heading a {
    font-size: 10pt;
  }
  #lead-history-container .eco3-responsive-tabs #lead-history-tabs .accordion-link {
    display: none;
  }
  #lead-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul {
    display: inline-block;
    text-align: left;
    padding-left: 0px;
  }
  #lead-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul .tab-menu-list-menu {
    text-align: center;
    min-width: 0px;
    padding: 0px 9px 0px 9px;
    line-height: 31px;
    font-size: 10pt;
  }
  #lead-history-container .eco3-responsive-tabs .tab-content .ech-tab-table > ul .tab-menu-list-menu:first-of-type {
    margin-left: 50px;
  }
  #lead-history-container .eco3-table .table-responsive {
    overflow: auto;
    width: 100%;
  }
  #lead-history-container .eco3-table tr th {
    font-size: 10pt !important;
    font-weight: 600;
  }
  #lead-history-container .eco3-table tr td {
    height: 50px;
    font-size: 10pt !important;
  }
  #lead-history-container .eco3-table tr td form .add_to_quote_button {
    width: 60px;
    height: 30px;
  }
  #lead-history-container .eco3-table tr td form .add_to_cart_button {
    width: 60px;
    height: 30px;
  }
  #lead-history-container .eco3-table tr.parent td:nth-child(1):before {
    background-color: #d9d9d9;
  }
  #lead-history-container .eco3-table tr th {
    text-align: center;
  }
  #lead-history-container .eco3-table tr.child td {
    padding: 0px;
  }
  #lead-history-container .eco3-table tr.child td ul {
    padding-left: 20px;
    padding-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 13px;
  }
  #lead-history-container .eco3-table tr.child td ul li {
    padding: 0.1em 0;
    border-bottom: none;
  }
  #lead-history-container .eco3-table tr.child td ul li .dtr-title {
    width: 30%;
    display: inline-block;
    min-width: auto;
  }
  #lead-history-container .eco3-table tr.child td ul li .dtr-data {
    white-space: normal;
    width: 50%;
    word-break: break-word;
    display: inline-block;
  }
  #lead-history-container .eco3-table tr.child td ul li .dtr-data a {
    font-size: 10pt;
    font-weight: 400;
    color: #2b9cea;
  }
  #lead-history-container .eco3-table tr.child td ul li:last-child {
    text-align: center;
  }
  #lead-history-container .eco3-table tr.child td ul li:last-child span.dtr-title {
    width: 0;
  }
  #lead-history-container .eco3-table tr.child td ul li:last-child span.dtr-data {
    margin: 10px 0 0 0;
  }
  #lead-history-container .eco3-table tr.child td ul li:last-child span.dtr-data a {
    padding-left: 0px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent {
    display: inline-block;
    width: 100%;
    margin-top: 21px;
    text-align: left;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider {
    margin-bottom: 74px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider .search-result-label {
    display: inline-block;
    position: relative;
    max-width: 122px;
    height: 32px;
    top: 22px;
    background-color: #ffffff;
    font-size: 12pt;
    color: #009cdd;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider .divider {
    margin: 0px;
    border-top: 1px solid #999999;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .adv-search-container {
    width: 100%;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit {
    text-align: center;
    margin-bottom: 20px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit button {
    max-width: 200px;
    height: 40px;
    background-color: #009cdd;
    font-size: 11pt;
    font-weight: 400;
    margin-top: 25px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .bullet-title {
    max-width: 165px;
    padding-top: 12px;
    height: 38px;
    font-size: 11pt;
    font-weight: 500;
    color: #434343;
    margin-bottom: 19px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .Search-type-label {
    min-width: 86px;
    min-height: 28px;
    font-size: 12pt;
    color: #333333;
    font-weight: 500;
    margin-bottom: 24px;
    text-align: left;
    left: 0;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-type-label {
    width: 100%;
    margin-left: 16px;
    margin-top: 20px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    width: 100%;
    height: 35px;
    line-height: 15px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateFrom,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateFrom,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateTo,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateTo {
    width: 85%;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#leadId + i,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#leadId + i {
    top: 44px;
  }
  #lead-tab-2 .lead-history-temp,
  #lead-tab-3 .lead-history-temp {
    padding-left: 0;
  }
  #lead-tab-2 .assignedTo-lead-padding,
  #lead-tab-3 .assignedTo-lead-padding {
    padding-left: 0;
  }
  #lead-tab-2 .lead-history-advance-assignedTo,
  #lead-tab-3 .lead-history-advance-assignedTo {
    margin-bottom: 25px;
    float: none;
    clear: both;
  }
  /*********** LEAD LIST END ************/
  #lead-management-details-page-wrapper .lead-header section {
    padding-left: 0;
    padding-right: 0;
  }
  #lead-management-details-page-wrapper .lead-header section .radio {
    padding-left: 0px;
  }
  #lead-management-details-page-wrapper .lead-header section select.form-control {
    height: 35px;
  }
  #lead-management-details-page-wrapper .lead-header section .left .key {
    font-size: 11pt;
  }
  #lead-management-details-page-wrapper .lead-header section .left .key.big {
    font-size: 11pt;
  }
  #lead-management-details-page-wrapper .lead-header section .left .value {
    font-size: 11pt;
  }
  #lead-management-details-page-wrapper .lead-header section .left .full {
    min-height: 0 !important;
  }
  #lead-management-details-page-wrapper .lead-header section .right {
    max-width: 400px;
    text-align: center;
    max-width: 320px;
    display: inline-block;
  }
  #lead-management-details-page-wrapper .lead-header section .right .leadActionButton {
    float: none;
  }
  #lead-management-details-page-wrapper .lead-header section .right .isEmailSendToLeadMan {
    position: relative;
    left: 15px;
    font-size: 13px;
  }
  #lead-management-details-page-wrapper .lead-header .leadepage-margin-reset .cold-icon i {
    width: 25px;
    height: 25px;
  }
  #lead-management-details-page-wrapper .lead-header .leadepage-margin-reset .hot-icon i {
    width: 23px;
    height: 25px;
  }
  #lead-management-details-page-wrapper .lead-header .leadepage-margin-reset .warm-icon i {
    width: 25px;
    height: 25px;
  }
  #lead-management-details-page-wrapper .lead-assignment-padding {
    margin-top: 10px;
  }
  #lead-management-details-page-wrapper .lead-details-body {
    padding-top: 30px;
  }
  #lead-management-details-page-wrapper .lead-details-body .body {
    margin-top: 0;
  }
  #lead-management-details-page-wrapper .lead-details-body .text-center-mobile {
    text-align: center;
  }
  #lead-management-details-page-wrapper .lead-details-body .update-btn-section .leadAction-container {
    padding-left: 0px;
  }
  #lead-management-details-page-wrapper .lead-details-body h3 {
    font-size: 10pt;
  }
  #lead-management-details-page-wrapper .lead-details-body .slot {
    font-size: 10pt;
  }
  #lead-management-details-page-wrapper .lead-details-body .slot h5 {
    font-size: 10pt;
  }
  #lead-management-details-page-wrapper .lead-details-body .eco3-tabbable .nav-tabs > li > a {
    width: auto;
  }
  #lead-management-details-page-wrapper .lead-details-body .continue-btn-wrapper {
    display: block;
    min-width: 200px;
    height: 80px;
    position: absolute;
    right: 0;
    background: #ffffff;
  }
  #lead-management-details-page-wrapper .lead-details-body .mobile-margin-top-35 {
    margin-top: 35px;
  }
  #lead-management-details-page-wrapper .lead-delete-icon {
    text-align: center;
  }
  #lead-management-details-page-wrapper .leadAdditionalBlocksForOpportunity .bullet-title:before {
    top: 4px;
  }
  #lead-details-accordion .form-group {
    margin-right: 0px;
    min-height: 80px;
  }
  #lead-details-accordion .addProdBtn {
    left: 0 !important;
    float: none;
  }
  #lead-details-accordion #opptyItemListActionButtons {
    float: left;
    max-width: 100%;
    padding-top: 30px;
  }
  #lead-update {
    float: none;
  }
  .lead-detail-assign-section .email-section-lead {
    padding-left: 4px;
  }
  .lead-detail-assign-section .notes-assign-label textarea {
    min-height: 50px;
  }
  .opp-options-main .block .formBlock.left:before {
    border-right: none;
  }
  .opp-options-main .block .formBlock .label {
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
  .opp-options-main .block .formBlock .label.PO-label {
    padding-left: 0;
  }
  .opp-options-main .block .formBlock select.form-control {
    margin-left: 0!important;
  }
  .opp-options-main .block .formBlock.right {
    padding-left: 0;
  }
  .opp-options-main .block .formBlock .placeholder-text-div {
    display: inline-block;
    margin-left: 0;
    width: 100%;
    height: 35px;
  }
  .opp-options-main .block .formBlock .fileSubmitButton {
    position: inherit;
    float: left;
    margin: 0 0 20px 0;
    max-width: 70px;
    min-width: 70px;
  }
  .page-leadHistoryListPage .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 999 !important;
  }
  .page-leadHistoryListPage .leadmessages .global-alerts {
    padding: 0;
  }
  .page-leadHistoryListPage .leadmessages .global-alerts .delete-update.alert {
    padding: 20px;
  }
  .opp-options-main .formBlockOptionSelection_won_other {
    padding: 15px 20px;
    margin-left: 0;
    width: 97%;
  }
  .opp-options-main .formBlockOptionSelection_won_other .uploadBlock {
    width: 100%;
  }
  .opp-options-main .formBlockOptionSelection_won_other .docSectionBlock {
    float: left;
  }
  .opp-options-main .formBlockOptionSelection_won_other .PO-formBlock {
    margin-top: 30px;
  }
  .opp-options-main .formBlockOptionSelection_won_other .section-arrow {
    display: none;
  }
  .opp-options-main .formBlockOptionSelection_won_other .uploadBlockButton {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
  }
  .opp-options-main .formBlockOptionSelection_won_other .uploadBlockButton-mobile .fileSubmitButton-mobile {
    margin-top: 0;
    float: right;
  }
  .opp-options-main .formBlockOptionSelection_won_other .fileSubmitButton {
    margin-top: 0;
  }
  .opp-options-main .formBlockOptionSelection_won_other .formBlock {
    padding-left: 0!important;
  }
  .ribbonPlates {
    padding: 0 20px;
  }
  .popup-mg-help {
    margin-left: 27px;
  }
  .upload-block .checkmark {
    top: 2px;
  }
  .upload-terms .checkmark {
    top: 10px;
  }
  #lead-opportunity-tab-content header {
    margin-top: 35px;
  }
  #lead-opportunity-tab-content #no-records-found-text {
    padding-right: 30px;
  }
  #lead-opportunity-tab-content #no-records-found-text i {
    width: 23px;
    background-size: 20px !important;
    margin-right: 0px !important;
  }
  #lead-history-container .tab-content-lead.active .lead-input-container {
    padding-left: 0;
  }
  #lead-history-container select#status,
  #lead-history-container select#salesStage,
  #lead-history-container select#reason {
    width: 100%;
  }
  .opportunity-item-list-view {
    padding-left: 0;
  }
  .opportunity-item-list-view table tbody tr th {
    padding-left: 0;
  }
  .opportunity-item-list-view table tbody tr td:first-child:before {
    margin-top: 30%;
  }
  .opportunity-item-list-view table tbody tr td .opport-center {
    text-align: center;
  }
  .opportunity-item-list-view table tbody tr .dtr-title {
    position: relative;
    top: 10px;
  }
  .opportunity-item-list-view table tbody tr span.dtr-data {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
  }
  .opportunity-item-list-view table tbody tr .count-input {
    top: 0;
    display: inline-block;
    padding-left: 0;
  }
  .eco3-table-search-field #custom-search-input .icon-container {
    padding-left: 0;
    cursor: pointer;
  }
  .eco3-table-search-field #custom-search-input .search-magnifier {
    background-position: center;
    top: -9px;
    left: 0;
    cursor: pointer;
    width: 35px;
    height: 35px;
  }
  .eco3-table-search-field .searchBox {
    padding-top: 10px;
  }
  .leadlist .table-responsive {
    border: none;
  }
  .leadlist .orders-history-advanced-search-section {
    width: 230px;
  }
  .leadAdditionalBlocksForOpportunity .actionButtons {
    padding-right: 0;
  }
  .page-leadHistoryListPage .lead-advance-text .button-lead {
    float: none;
  }
  #lead-tab-2,
  #lead-tab-3 {
    max-width: 300px;
  }
  #lead-tab-2 .date-advance-search .eco3-datepicker,
  #lead-tab-3 .date-advance-search .eco3-datepicker {
    display: flex;
  }
  #leadManagmentAdvanceSearchSection .assigned-to-aftersearch {
    margin-bottom: 20px;
  }
  #leadManagmentAdvanceSearchSection .assigned-to-aftersearch .orders-history-advanced-search-section {
    width: 230px;
  }
  .page-newContactCreationPage .customer-list-empty-message {
    margin-top: 100px;
  }
  .page-newContactCreationPage .customer-list-left-padding {
    padding-left: 0;
  }
  .page-newContactCreationPage #leadCreation {
    position: relative;
  }
  .page-newContactCreationPage #leadCreation .lead-channel-partner {
    padding-top: 100px;
  }
  .page-newContactCreationPage #leadCreation .create-contact-button {
    margin-top: 40px;
  }
  .page-newContactCreationPage #leadCreation .create-lead-continue-section {
    margin: 30px 0 -70px 0;
  }
  .page-newContactCreationPage #leadCreation .create-lead-title {
    padding-left: 25px;
  }
  .page-newContactCreationPage #leadCreation .contact-firstname-section {
    padding-left: 5px;
  }
  .page-newContactCreationPage #leadCreation .lead-creation-table tr td:last-child {
    padding-top: 25px;
  }
  .page-newCustomerCreationPage #leadCreation .form-group {
    min-height: auto;
  }
  .page-newCustomerCreationPage #leadCreation .create-lead-title {
    padding-left: 35px;
  }
  .page-newCustomerCreationPage #leadCreation .company-information {
    margin-top: 0;
  }
  .page-newCustomerCreationPage #leadCreation .create-lead-continue-section {
    margin-top: -10px;
    margin-left: 0;
  }
  .page-newCustomerCreationPage #leadCreation .lead-create-bottom-section {
    padding-left: 10px;
  }
  .page-newCustomerCreationPage #leadCreation .margin-top-customer-list {
    margin-top: 0;
  }
  .page-newCustomerCreationPage #leadCreation .city-section-mob .form-group {
    max-width: 265px;
    padding-left: 5px;
  }
  .page-newCustomerCreationPage .create-lead-continue-section {
    margin-left: 0;
  }
  .page-newCustomerCreationPage .create-lead-continue-section .lead-continue-section {
    padding-top: 30px;
  }
  .page-newCustomerCreationPage .create-lead-continue-section .create-lead-customer {
    padding-top: 0;
  }
  .page-leadInfoPage .error-explanantion {
    padding-left: 10px;
    text-align: left;
  }
  #opportunityItemListView .row-material {
    padding-left: 18px;
  }
  #opportunityItemListView .opportunity-product {
    padding-left: 10px;
  }
  #opportunityItemListView .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    padding: 10px 20px 0 20px;
  }
  .lead-access-denied-error-container.lead-error-container .global-messages-section-server-error {
    margin-top: 120px;
    margin-bottom: 40px;
  }
  .lead-access-denied-error-container.lead-error-container .global-messages-section-server-error .alert.alert-bar span:first-child {
    background-position: left;
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .related-transaction-section .right-panel {
    border-left: none;
  }
  .related-transaction-section .opp-options-main .block {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
  }
  .related-transaction-section .border-panel-mobile {
    border-left: none;
    border-right: none;
  }
  #opportunityItemListView .opputunity-datatable tbody tr.child li {
    display: table;
  }
  #opportunityItemListView .opputunity-datatable tbody tr.child li span.dtr-title {
    max-width: 75px;
    display: table-cell;
    vertical-align: middle;
  }
  #opportunityItemListView .opputunity-datatable tbody tr.child li span.dtr-data {
    width: 100%;
    padding-left: 20px;
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
  #opportunityItemListView .opputunity-datatable tbody tr.child li:last-child {
    display: inline-block;
  }
  #opportunityItemListView .opputunity-datatable tbody .opportunity-line-no {
    padding-left: 20px;
  }
  /* CUSTOMER LIST TABLE CSS START */
  .customer-list-container #customer-list-table .new-contact-no-records {
    margin-right: 5px;
  }
  .customer-list-container #customer-list-table .new-contact {
    margin-right: 53px;
  }
  .customer-list-container #customer-list-table table {
    width: 900px !important;
  }
  .customer-list-container #customer-list-table table tr th {
    font-size: 10pt;
  }
  .customer-list-container #customer-list-table table tr td {
    font-size: 10pt;
  }
  .opp-options-main .uploadBlock {
    margin-left: 0;
    margin-right: 10px;
    width: 70%;
    float: left;
    max-width: 250px;
  }
  .opp-options-main .uploadBlockButton {
    float: left;
  }
  .opp-options-main .docSectionBlock {
    max-width: initial;
    float: none;
    margin-left: 0;
    padding-left: 0;
  }
  .page-customerListPage #customerListTabs .email-error,
  .page-customerListPage #customerListTabs .invalid-phonenumber,
  .page-customerListPage #customerListTabs .less-than-error-msg {
    width: 100%;
    max-width: 100% !important;
    margin: 5px 0 0 0 !important;
  }
  .page-newCustomerCreationPage #leadCreation .create-lead-continue-section {
    width: 100%;
    margin-top: 30px;
  }
  .page-newCustomerCreationPage #leadCreation .create-lead-continue-section .create-customer-wrapper,
  .page-newCustomerCreationPage #leadCreation .create-lead-continue-section .create-lead-wrapper {
    display: block;
    float: none !important;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .leadlist {
    margin-top: 50px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-1,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-2,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-3 {
    float: none;
    text-align: center;
    width: 100%;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-1 button#order-history-adv-search-submit-button,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-2 button#order-history-adv-search-submit-button,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-3 button#order-history-adv-search-submit-button {
    width: 200px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .lead-input-container {
    padding: 0;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 label,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 input {
    margin: 0 auto;
    width: 200px !important;
    float: none;
    display: block;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 {
    max-width: 230px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 input,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 input,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 input,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 select,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 select,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 select,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .eco3-datepicker,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 .eco3-datepicker,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 .eco3-datepicker,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 label,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 label,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 label {
    max-width: 200px !important;
    padding-right: 0;
    float: none;
    margin: 0 auto;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 input#dateFrom,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 input#dateFrom,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 input#dateFrom,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 input#dateTo,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 input#dateTo,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 input#dateTo {
    width: 160px !important;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .input-group-addon,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 .input-group-addon,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 .input-group-addon {
    display: table-cell;
    width: 40px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 label,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 label,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 label {
    margin-bottom: 10px;
    display: block;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .assignedTo-lead-padding,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 .assignedTo-lead-padding,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 .assignedTo-lead-padding {
    padding: 0;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .select2-container,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 .select2-container,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 .select2-container {
    width: 200px !important;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .lead-input-container,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 .lead-input-container,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 .lead-input-container,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .lead-history-temp,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 .lead-history-temp,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 .lead-history-temp {
    float: none;
    padding: 0;
    clear: both;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .lead-input-container.date-advance-search .text-left,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 .lead-input-container.date-advance-search .text-left,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 .lead-input-container.date-advance-search .text-left,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .lead-history-temp.date-advance-search .text-left,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-2 .lead-history-temp.date-advance-search .text-left,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-3 .lead-history-temp.date-advance-search .text-left {
    width: 200px;
    margin: 0 auto 25px auto;
  }
  /* CUSTOMER LIST TABLE CSS END */
  #opportunityDetailsForm .eco3-globalMessages .global-alerts .error-icon {
    margin: 0;
  }
  /*****************************Mobile-End*********************************/
}
@media only screen and (device-width: 375px) {
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .tab-content-lead.tab-pd-help .tab-mg-pd-help {
    padding-left: 10px;
  }
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .search-type-label {
    left: 80px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .secondary-tabs-section {
    width: 85%;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-1 button#order-history-adv-search-submit-button {
    width: 200px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 .lead-input-container {
    padding: 0;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 input + i {
    margin-right: 20px;
    right: -27px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form #lead-tab-1 input {
    max-width: 200px;
  }
  .page-leadInfoPage select.form-control {
    line-height: 18px;
  }
  .page-customerListPage table#customerList,
  .page-contactListPage table#customerList {
    padding-top: 0;
  }
  .page-customerListPage table#customerList tbody tr td,
  .page-contactListPage table#customerList tbody tr td {
    padding: 0 10px;
  }
  .page-customerListPage table#customerList tbody tr td .radio.radio-inline,
  .page-contactListPage table#customerList tbody tr td .radio.radio-inline {
    position: relative;
    top: -1px;
  }
  .page-customerListPage table#customerList tbody tr td:nth-child(1) > div:first-child,
  .page-contactListPage table#customerList tbody tr td:nth-child(1) > div:first-child {
    margin-top: 0;
    position: relative;
    left: 10px;
  }
  .page-customerListPage .customer-list-section .nav-tabs,
  .page-contactListPage .customer-list-section .nav-tabs {
    border-bottom: none;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container {
    width: 85%;
    margin: 0 50px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .margin-alignment,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .margin-alignment {
    margin-right: 0;
    margin-left: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .search-specifytext,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .search-specifytext {
    margin-bottom: 20px;
    margin-left: 10px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .tablet-alignment-search,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .tablet-alignment-search {
    margin-bottom: 42px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .tablet-alignment-contact,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .tablet-alignment-contact {
    padding-right: 20px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-contact-search-container .tablet-alignment-contact-right,
  .page-contactListPage .customer-list-section #customerListTabs .customer-contact-search-container .tablet-alignment-contact-right {
    padding-left: 20px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .search-btn-contact,
  .page-contactListPage .customer-list-section #customerListTabs .search-btn-contact {
    left: 30px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container {
    margin: 0 78px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container select.form-control,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container select.form-control {
    height: 35px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .search-text-label,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .search-text-label {
    margin-bottom: 10px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .right-section-tab,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .right-section-tab {
    margin-top: 32px;
    padding-left: 15px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .enter-value-error,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .enter-value-error {
    float: left;
    margin-left: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .less-than-error-msg,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .less-than-error-msg {
    margin-left: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .right-alignment,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .right-alignment {
    margin-right: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-account-search-container .tab-alignment-leftsection,
  .page-contactListPage .customer-list-section #customerListTabs .customer-account-search-container .tab-alignment-leftsection {
    padding-right: 15px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .createlead-new-customer-btn,
  .page-contactListPage .customer-list-section #customerListTabs .createlead-new-customer-btn {
    margin-bottom: 30px;
  }
  .page-customerListPage .customer-list-section #customerListTabs .createlead-new-customer-btn a.btn,
  .page-contactListPage .customer-list-section #customerListTabs .createlead-new-customer-btn a.btn {
    margin-right: 0;
  }
  .page-customerListPage .customer-list-section #customerListTabs .customer-search-btn-account,
  .page-contactListPage .customer-list-section #customerListTabs .customer-search-btn-account {
    margin-top: 30px;
    margin-right: 0;
  }
  .page-customerListPage .tableSearchFild,
  .page-contactListPage .tableSearchFild {
    padding-left: 20px;
    text-align: left;
  }
  .page-customerListPage .dataTables_scrollHeadInner,
  .page-contactListPage .dataTables_scrollHeadInner {
    padding-left: 0;
  }
  .page-customerListPage .tableNewAdd.new-customer-button,
  .page-contactListPage .tableNewAdd.new-customer-button,
  .page-customerListPage .select-contact-detail,
  .page-contactListPage .select-contact-detail {
    padding: 0 20px !important;
  }
  .page-contactListPage .dataTables_scroll {
    width: 90% !important;
    margin: 0 auto;
  }
  .page-contactListPage .dataTables_scroll .dataTables_scrollHeadInner {
    padding-left: 0 !important;
    margin: 0 auto;
  }
  .page-contactListPage .dataTables_scroll .dataTables_scrollHeadInner .customerList {
    margin: 0 auto;
  }
  .page-customerListPage table#customerList {
    width: 90% !important;
  }
  .page-customerListPage .dataTables_scroll {
    width: 100% !important;
    margin: 0 auto;
  }
  .page-customerListPage .dataTables_scroll .dataTables_scrollHeadInner {
    padding-left: 0 !important;
    margin: 0 auto;
  }
  .page-customerListPage .dataTables_scroll .dataTables_scrollHeadInner .customerList {
    margin: 0 auto;
  }
  .notificationicon .alert.alert-bar {
    padding: 10px;
  }
  #opportunityDetailsForm .basicForm .basicFormBlock {
    padding-right: 10px;
  }
  #opportunityDetailsForm .basicForm .basicFormBlock .form-group.has-feedback {
    width: 260px;
  }
  #opportunityDetailsForm .basicForm .basicFormBlock.right-block {
    text-align: right;
  }
  #opportunityDetailsForm .basicForm .basicFormBlock.right-block .form-group.has-feedback {
    display: inline-block;
  }
  #opportunityDetailsForm textarea#customer-wishes {
    min-height: 115px !important;
  }
  #opportunityDetailsForm .customer-wish-section {
    padding: 0 20px;
    margin-top: 0;
  }
  #opportunityDetailsForm .customer-wish-section textarea {
    width: 100%;
  }
  #opportunityDetailsForm .notes-section {
    padding: 0 20px;
  }
  #opportunityDetailsForm .customer-full-width {
    padding-right: 30px;
  }
  #opportunityDetailsForm .customer-full-width textarea {
    width: 100%;
  }
  #opportunity-mode-ribbon .mode-icon,
  #CTP-mode-ribbon .mode-icon,
  #opportunity-mode-ribbon .exit,
  #CTP-mode-ribbon .exit {
    margin-top: 15px;
  }
  #opportunity-mode-ribbon p,
  #CTP-mode-ribbon p,
  #opportunity-mode-ribbon a,
  #CTP-mode-ribbon a {
    padding-top: 5px;
    margin-bottom: 0;
  }
  #opportunity-mode-ribbon p.ctp,
  #CTP-mode-ribbon p.ctp {
    padding-top: 0;
    text-align: center;
  }
  #lead-history-primary-tab .leadsearchfiled,
  #lead-history-primary-tab .leadadvsearch {
    text-align: left;
  }
  #lead-management-details-page-wrapper .lead-details-body .eco3-tabbable .nav-tabs > li > a {
    min-width: 165px;
    height: 32px;
    line-height: 14px;
  }
  #lead-management-details-page-wrapper .lead-details-body .bullet-title:before {
    top: 1px;
  }
  #lead-management-details-page-wrapper label.isEmailSendToLeadMan {
    padding-left: 24px;
  }
  #lead-management-details-page-wrapper .lead-detail-assign-section .email-section-lead {
    margin-left: -40px;
  }
  #lead-management-details-page-wrapper .lead-header .radioOptionSection .radio label:before {
    top: 40px;
    left: 52%;
  }
  #lead-management-details-page-wrapper .lead-header .radioOptionSection .radio input[type="radio"]:checked + label::after {
    top: 41.5px;
    left: 52%;
  }
  @-moz-document url-prefix() {
    #lead-management-details-page-wrapper .lead-header .radioOptionSection .radio input[type="radio"]:checked + label::after {
      top: 42.5px;
      left: 51%;
    }
  }
  #lead-details-accordion .addProdBtn {
    float: right;
    left: 0 !important;
  }
  #lead-details-accordion #opptyItemListActionButtons {
    margin-top: 15px;
  }
  .no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lead-select-person {
    padding-right: 0;
    padding-left: 5px;
  }
  .lead-select-person select {
    max-width: none !important;
    width: 100%!important;
  }
  .check-box-tab-float {
    float: right!important;
  }
  .eco3-datepicker {
    text-align: left;
    margin-bottom: 21px;
  }
  .leadAdvanceSectionBlockFormElement,
  .quoteAdvanceSectionBlockFormElement {
    text-align: left;
  }
  #lead-history-container .input-group-addon {
    display: inline-table;
    position: relative;
    height: 32px;
    padding-top: 8px;
  }
  #lead-history-container .search-lead-section {
    float: right;
  }
  #lead-history-container .eco3-responsive-tabs .eco3-table table tr th {
    padding-left: 20px;
  }
  #lead-history-container .eco3-table tr.child td li {
    padding-left: 20px;
  }
  #lead-history-container .eco3-table tr.child td li:last-child {
    text-align: center;
    padding-left: 0;
  }
  .opp-options-main {
    max-width: 600px;
    padding-top: 30px;
  }
  .opp-options-main .formBlockOptionSelection_won_other {
    padding-bottom: 10px;
    padding-right: 0;
  }
  .opp-options-main .formBlockOptionSelection_won_other .icon-info-circle {
    top: -30px;
    right: -45px;
  }
  .opp-options-main .formBlockOptionSelection_won_other .placeholder-text-div {
    width: 100%;
    min-width: 250px;
  }
  .formBlockOptionSelection_won_other .uploadBlock .form-control {
    height: 35px;
    padding-top: 5px;
    padding-left: 5px;
  }
  .formBlockOptionSelection_won_other .docSectionBlock {
    max-width: 298px;
    padding-right: 30px;
    padding-left: 18px;
  }
  .formBlockOptionSelection_won_other .PO-label {
    margin-left: 0px;
    padding-left: 0px!important;
    text-align: center !important;
    min-width: 82px !important;
  }
  .common-tab-adv-search-submit {
    margin-top: 25px;
    text-align: right;
  }
  .common-tab-adv-search-submit padding-right:0 button {
    background-color: #009cdd;
  }
  .no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .adv-search-container .secondary-tab-wrapper .lead-input-container {
    padding-left: 0;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .adv-search-container .secondary-tab-wrapper .lead-input-container .leadAdvanceSectionBlockFormElement .form-control-feedback {
    right: -10px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .adv-search-container .secondary-tab-wrapper .lead-input-container .quoteAdvanceSectionBlockFormElement .form-control-feedback {
    right: 30px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .search-type-label {
    text-align: left;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .secondary-tabs-section .tabs {
    border-top: none;
    margin-bottom: 57px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .secondary-tabs-section .tab-menu-list-menu {
    min-width: 115px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form label {
    text-transform: initial;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#leadId + i,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#leadId + i {
    top: 44px;
    margin-right: 50px;
  }
  #lead-history-container #lead-tab-1 select,
  #lead-history-container #lead-tab-2 select,
  #lead-history-container #lead-tab-3 select,
  #lead-history-container #lead-tab-1 input,
  #lead-history-container #lead-tab-2 input,
  #lead-history-container #lead-tab-3 input {
    max-width: 187px;
    height: 35px !important;
    line-height: 18px;
  }
  #lead-history-container #lead-tab-2 .input-group-addon,
  #lead-history-container #lead-tab-3 .input-group-addon {
    height: 35px;
    position: relative;
  }
  #lead-history-container .assign-right-section {
    margin-right: 35px;
  }
  #lead-opportunity-tab-content header {
    min-height: 40px;
  }
  #lead-opportunity-tab-content header h2 {
    height: 40px;
    padding: 11px;
  }
  .upload-terms .checkmark {
    top: 2px;
  }
  .upload-block .checkmark {
    top: 2px;
  }
  .fileSubmitButton-mobile {
    float: right !important;
    width: 100%;
  }
  .uploadBlockButton-mobile {
    float: right !important;
    position: relative;
    left: 60px;
    top: -35px;
  }
  .opp-options-main .uploadBlock {
    width: auto !important;
  }
  #lead-history-container .note-pad-left-desktop {
    padding-left: 18px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit button {
    background-color: #009cdd;
  }
  #lead-management-details-page-wrapper .lead-header section .right .leadDropDownSection {
    float: right;
    max-width: 220px;
  }
  #lead-management-details-page-wrapper .lead-header section .right .leadDropDownSection select {
    max-width: 280px;
    height: 35px;
    line-height: 30px;
    position: relative;
  }
  #lead-management-details-page-wrapper .lead-header section .right .isEmailSendToLeadMan {
    font-size: 13px;
  }
  #lead-management-details-page-wrapper .lead-delete-icon {
    text-align: right;
  }
  .eco3-table-search-field #custom-search-input .icon-container {
    padding-left: 0;
    cursor: pointer;
  }
  .eco3-table-search-field #custom-search-input .search-magnifier {
    background-position: center;
    top: -9px;
    left: 0;
    cursor: pointer;
    width: 35px;
    height: 35px;
  }
  .leadlist table th:nth-child(1) {
    padding-left: 7%;
  }
  #leadCreation .create-lead-continue-section {
    margin-left: 0;
    margin-top: 30px;
    padding-right: 0;
  }
  #leadCreation .padding-left-align {
    padding-left: 0;
  }
  #leadCreation .form-section .form-group select {
    height: 35px;
    line-height: 34px;
  }
  #leadCreation .form-group {
    max-width: 200px;
    min-height: 90px;
  }
  #leadCreation .city-section-mob .form-group {
    max-width: 200px;
  }
  #leadCreation .language-label-align {
    padding-left: 45px;
    max-width: 250px;
  }
  #leadCreation .lead-create-form-padding {
    padding-left: 0;
  }
  #leadCreation .lead-create-form-padding .description-label-box {
    height: 35px;
  }
  #leadCreation .notes-label-align {
    margin-top: 8px;
  }
  #leadCreation .right-panel-data {
    padding-top: 20px;
  }
  #leadCreation .create-lead-title {
    padding-left: 0;
  }
  #leadCreation .company-info-align {
    padding-left: 10px;
  }
  #leadCreation .lead-create-tab {
    padding-left: 10px;
  }
  #leadCreation .lead-city {
    padding-right: 20px;
  }
  #leadCreation .lead-state {
    padding-right: 13px;
    padding-left: 5px;
  }
  #leadCreation .lead-zipcode {
    padding-left: 14px;
  }
  #leadCreation .lead-create-bottom-section {
    padding-left: 10px;
  }
  #leadCreation .notes-assign-label {
    margin-top: 0;
    padding-left: 10px;
  }
  #leadCreation .create-cutomer-btn a {
    margin-right: 10px;
  }
  #lead-tab-2 .date-advance-search,
  #lead-tab-3 .date-advance-search {
    max-width: 268px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent {
    width: 100%;
  }
  #lead-history-container .eco3-table .table-responsive {
    overflow: auto;
    width: 100%;
  }
  .page-newContactCreationPage .contact-form-title {
    padding-left: 0;
  }
  .page-newContactCreationPage #leadCreation .lead-creation-table {
    padding-top: 30px;
    margin: 0 auto;
    max-width: 600px;
  }
  .page-newContactCreationPage #leadCreation .lead-creation-table .lead-details-align {
    min-width: 130px;
  }
  .page-newContactCreationPage #leadCreation .lead-creation-table tr td:last-child {
    padding-top: 25px;
  }
  .page-newContactCreationPage #leadCreation .form-group {
    padding-left: 0;
    max-width: 200px;
  }
  .page-newContactCreationPage #leadCreation .lead-create-form-padding {
    padding-left: 0;
  }
  .page-newContactCreationPage #leadCreation .form-control {
    height: 35px;
  }
  .page-newContactCreationPage #leadCreation .lead-continue-section {
    margin-left: -15px;
  }
  .page-newCustomerCreationPage #leadCreation .create-lead-continue-section {
    margin-top: 7px;
    margin-left: 0;
  }
  .page-newCustomerCreationPage #leadCreation .create-lead-title {
    padding-left: 20px;
  }
  .page-newCustomerCreationPage #leadCreation .lead-state {
    padding-right: 0;
    max-width: 235px;
  }
  .page-newCustomerCreationPage #leadCreation .lead-zipcode {
    max-width: 240px;
  }
  .page-newCustomerCreationPage #leadCreation .lead-create-bottom-section {
    padding-left: 0;
  }
  .page-newCustomerCreationPage #leadCreation .city-section-mob .lead-city {
    padding-right: 10px;
  }
  .page-newCustomerCreationPage #leadCreation .customer-creation-lower-section .lead-create-bottom-section {
    padding-left: 5px;
    padding-right: 0;
  }
  .page-newCustomerCreationPage #customerCreationForm .non-mandatory-check {
    display: block !important;
    top: 40px;
    right: -15px;
  }
  #leadUpdateForm .notes-assign-label {
    max-width: 225px;
    float: right;
    text-align: right;
  }
  #leadUpdateForm .leadepage-margin-reset .lead-description {
    width: 391px;
  }
  #leadUpdateForm .leadepage-margin-reset .lead-description .leadDesc span {
    margin-left: 0;
  }
  #leadUpdateForm .leadepage-margin-reset .value span {
    margin-left: 10px;
  }
  #leadUpdateForm .leadepage-margin-reset .value i {
    margin-left: 5px;
  }
  #opportunityItemListView tr .row-productno {
    width: 100px !important;
  }
  #opportunityItemListView tr .opportunity-quantity {
    width: 250px !important;
    min-width: 150px;
  }
  #opportunityItemListView tr .row-lineno {
    width: 87px !important;
    text-align: center;
  }
  #opportunityItemListView tr .row-material {
    width: 200px !important;
  }
  #opportunityItemListView .opportunity-lineitem {
    padding: 20px 10px;
    text-align: center;
  }
  #opportunityItemListView .opportunity-product {
    padding-left: 0;
  }
  .lead-access-denied-error-container.lead-error-container {
    margin-top: 140px;
    margin-bottom: 70px;
  }
  #lead-history-container .ech-tab-table ul .tab-menu-list-menu {
    min-width: 143px;
  }
  #lead-history-container .ech-tab-table ul .tab-menu-list-menu:first-of-type {
    margin-left: 3px;
  }
  #opportunityItemListView .opportunity-line-no.product-no {
    width: auto !important;
  }
  /* CUSTOMER LIST TABLE CSS START */
  .customer-list-container #customer-globalMessages {
    width: 550px;
    margin: 0 auto;
  }
  .customer-list-container #customer-list-table .new-contact-no-records {
    margin-right: 50px;
  }
  .customer-list-container #customer-list-table .new-contact {
    margin-right: 53px;
  }
  .customer-list-container #customer-list-table table {
    width: 900px !important;
  }
  .customer-list-container #customer-list-table table tr th {
    font-size: 10pt;
  }
  .customer-list-container #customer-list-table table tr td {
    font-size: 10pt;
  }
  .opp-options-main .docSectionBlock {
    padding-left: 76px;
  }
  .opportunity-item-list-view table {
    width: 95% !important;
    margin: 40px 0 !important;
  }
  .page-customerListPage #customerListTabs .email-error,
  .page-customerListPage #customerListTabs .invalid-phonenumber,
  .page-customerListPage #customerListTabs .less-than-error-msg {
    max-width: 240px !important;
    width: 240px !important;
  }
  #customerCreationForm .has-feedback label ~ .form-control-feedback {
    right: -13px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-1 {
    text-align: center;
    padding-right: 40px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-1 button {
    min-width: 180px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-2 button {
    width: 187px;
    margin-right: -7px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-3 {
    float: left;
    width: 100%;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-3 button {
    width: 187px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input.eco3-datepicker-input {
    max-width: 180px !important;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .lead-history-temp {
    padding-left: 0 !important;
  }
  /* CUSTOMER LIST TABLE CSS END */
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  #lead-history-advanced-search-form .select2-container {
    float: left;
  }
  #lead-history-container .note-pad-left-desktop {
    padding-left: 18px;
  }
  #lead-history-container .secondary-tabs-section {
    width: 70%;
    float: left;
  }
  #lead-history-container .secondary-tabs-section .tabs {
    margin-bottom: 57px;
  }
  #lead-history-container .ech-tab-table ul {
    overflow: visible;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .adv-search-container .secondary-tab-wrapper .lead-input-container {
    padding-left: 32px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .adv-search-container .secondary-tab-wrapper .lead-input-container .leadAdvanceSectionBlockFormElement .form-control-feedback {
    right: 0;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .adv-search-container .secondary-tab-wrapper .lead-input-container .quoteAdvanceSectionBlockFormElement .form-control-feedback {
    right: -15px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .adv-search-container .secondary-tab-wrapper li[data-tab="lead-tab-1"] {
    margin-left: 0px !important;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form {
    display: flex;
    flex-direction: column;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent {
    margin-top: 21px;
    text-align: left;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider {
    margin-bottom: 74px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider .search-result-label {
    display: inline-block;
    position: relative;
    width: 122px;
    height: 32px;
    top: 22px;
    background-color: #ffffff;
    font-size: 12pt;
    color: #009cdd;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form + .dataContent .search-result-divider .divider {
    margin: 0px;
    border-top: 1px solid #999999;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .adv-search-container {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    width: 75%;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .secondary-tab-wrapper {
    width: 100%;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .secondary-tab-wrapper .search-type-label {
    text-align: left;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit {
    margin-left: 0;
    margin-top: 27px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .common-tab-adv-search-submit button {
    width: 200px;
    height: 40px;
    background-color: #009cdd;
    font-size: 12pt;
    font-weight: 400;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .bullet-title {
    width: 165px;
    height: 38px;
    font-size: 11pt;
    font-weight: 500;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form label {
    width: 198px;
    font-size: 10pt;
    font-weight: 500;
    padding-left: 2px;
    text-transform: initial;
    text-align: left;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form label.zero-height {
    height: auto;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    width: 200px;
    height: 35px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#leadId,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#leadId {
    width: 180px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#leadId + i,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#leadId + i {
    top: 33px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#quoteId,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#quoteId {
    width: 180px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#quoteId + i,
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#quoteId + i {
    top: 33px;
  }
  #lead-history-container .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form .input-group-addon {
    display: inline-table;
    position: relative;
    height: 35px;
    padding-top: 10px;
  }
  #lead-opportunity-tab-content .dotted-line-with-link .line-wrapper {
    padding-right: 30px;
  }
  .no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .oppt-items-download-button a {
    margin-left: 55px;
  }
  .lead-access-denied-error-container.lead-error-container {
    margin-top: 200px;
    margin-bottom: 120px;
  }
  /* CUSTOMER LIST TABLE CSS START */
  .customer-list-container #customer-globalMessages {
    width: 550px;
    margin: 0 auto;
  }
  .customer-list-container #customer-list-table table {
    width: 85% !important;
  }
  .customer-list-container #customer-list-table table.account-list .table-heading-1,
  .customer-list-container #customer-list-table table.account-list .table-heading-6 {
    width: 15%;
  }
  .customer-list-container #customer-list-table table.account-list .table-heading-2,
  .customer-list-container #customer-list-table table.account-list .table-heading-3,
  .customer-list-container #customer-list-table table.account-list .table-heading-5 {
    width: 20%;
  }
  .customer-list-container #customer-list-table table.account-list .table-heading-4 {
    width: 10%;
  }
  .customer-list-container #customer-list-table table.account-list td {
    padding-left: 10px;
    padding-right: 10px;
  }
  .customer-list-container #customer-list-table table.account-list td[colspan="7"] > a {
    float: right;
    margin-right: 65px;
  }
  .customer-list-container #customer-list-table table tr th {
    font-size: 11pt;
  }
  .customer-list-container #customer-list-table table tr td {
    font-size: 11pt;
  }
  .select2-results__option {
    padding: 0 0 0 6px !important;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content #lead-history-advanced-search-form .common-tab-adv-search-submit {
    padding-right: 0;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content #lead-history-advanced-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-1 button#order-history-adv-search-submit-button {
    margin-right: 12px;
    width: 200px;
  }
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content #lead-history-advanced-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-2 button#order-history-adv-search-submit-button,
  .page-leadHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content #lead-history-advanced-search-form .common-tab-adv-search-submit.common-tab-adv-search-submit-3 button#order-history-adv-search-submit-button {
    margin-right: 12px;
    width: 240px;
  }
  /* CUSTOMER LIST TABLE CSS END */
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import Lead management page*/
/******************************************************************************************************************
/* File Name        : cpq.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 14-Feb-2018
/* Description      : This is less code for the cpq management section
/*******************************************************************************************************************/
/* imports the variable.less */
.edit-configuration-link {
  text-decoration: underline;
  font-size: 13px;
}
.sck-info {
  font-size: 13px;
}
.product-config-cstic select.form-control {
  text-transform: none;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import Product CPQ page*/
/******************************************************************************************************************
/* File Name        : ctp.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 13-June-2018
/* Description      : This is less code for the ctp  section
/*******************************************************************************************************************/
/* imports the variable.less */
.ups-challenge-page-main {
  width: 100%;
  display: inline-block;
  font-family: Roboto;
}
.ups-challenge-page-main .main-title {
  width: 100%;
  min-height: 65px;
  font-size: 21px;
  text-align: center;
  line-height: 30px;
  color: #434343;
  margin: 50px 0px 0px 0px;
}
.ups-challenge-page-main .information-block {
  margin-bottom: 100px;
}
.ups-challenge-page-main .information-block .icon {
  background: #ffffff url("../images/info-icon.svg") no-repeat;
  background-size: 100%;
  top: 26px;
  width: 55px;
  height: 55px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
}
.ups-challenge-page-main .information-block .content {
  background-color: #e6f5fc;
  max-width: 692px;
  min-height: 167px;
  font-size: 15px;
  text-align: center;
  line-height: 18px;
  color: #156da2;
  padding-top: 10px;
  margin: 0 auto;
  padding-top: 50px;
  word-wrap: break-word;
  padding: 40px 20px 30px 20px;
}
.ups-challenge-page-main .information-block .content a {
  color: #156da2;
}
.ups-challenge-page-main .box-section {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.ups-challenge-page-main .box-section .box {
  max-width: 340px;
  margin: 0 auto;
}
.ups-challenge-page-main .box-section .box .eco3-comp-box header {
  min-height: 40px;
}
.ups-challenge-page-main .box-section .box .eco3-comp-box header h2 {
  min-width: 180px;
  line-height: 14pt;
  font-size: 12pt;
}
.ups-challenge-page-main .box-section .box .body {
  font-size: 15px;
  padding: 30px;
  text-align: center;
  min-height: 294px;
}
.ups-challenge-page-main .box-section .box .body .form-group {
  max-width: 250px;
  text-align: center;
  margin: 10px auto 20px auto;
  margin-bottom: 30px;
}
.ups-challenge-page-main .box-section .box .body .content {
  margin-bottom: 20px;
}
.ups-challenge-page-main .box-section .box .body .boxContent .content {
  min-height: 152px;
}
.ups-challenge-page-main .box-section .box .body .eco3-globalMessages .alert {
  margin-bottom: 0;
}
.ups-challenge-page-main .box-section .box .body .spinner {
  margin: 83px auto;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .ups-challenge-page-main .information-block .content {
    padding: 40px 20px 30px 20px;
  }
  .ups-challenge-page-main .box-section .box {
    margin-bottom: 50px;
  }
  .ups-challenge-page-main .box-section .box .body {
    padding: 20px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import Product CTP page*/
/****************************************************************************************************************** 
/* File Name : quote.less 
/* Created By : Vishwajeet Mahadik 
/* Created Date : 14-Feb-2018 
/* Description : This is less code for the quote management section 
/*******************************************************************************************************************/
/* imports the variable.less */
.nav-cart.product-cart-wrapper {
  height: auto !important;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.minicart-nav-section {
  padding: 4px 0 0 10px;
}
.cart-count-price {
  top: -11px !important;
}
@media (max-width: 767px) {
  .cart-count-price {
    top: -44px !important;
  }
}
.only-quote {
  top: -35px !important;
}
.only-cart {
  top: 7px !important;
}
@media (max-width: 767px) {
  .only-cart {
    top: -33px !important;
  }
}
li.minicart-nav-section .nav-cart {
  float: left !important;
}
li.minicart-nav-section .nav-cart .mini-cart-count {
  float: left;
  font-size: 12px;
  top: -3px;
  position: relative;
  color: #ffffff;
  height: 2px;
  min-width: 20px;
  text-align: center;
  margin-left: 10px;
}
li.minicart-nav-section .nav-cart .mini-cart-count .nav-items-total {
  padding: 1px 4px;
  width: 32px;
  line-height: normal;
}
li.minicart-nav-section .nav-cart .mini-cart-price {
  overflow: hidden;
  margin: 0 0 0 5px;
  float: right;
  font-size: 11pt;
  font-weight: 400;
  position: relative;
  top: -3px;
}
li.minicart-nav-section .quote-cart {
  clear: left;
  float: left !important;
  display: block;
  position: relative;
  left: 51px;
  top: -14px;
}
li.minicart-nav-section .quote-cart .mini-cart-icon {
  float: left;
  text-align: center;
}
li.minicart-nav-section .quote-cart .mini-cart-icon .badge-2 {
  padding: 1px 4px;
  display: inline-block;
  width: 32px;
  right: 5px;
  line-height: normal;
  font-size: 11.0pt;
  font-weight: 400;
  color: #ffffff;
  background-color: #009cdd !important;
}
li.minicart-nav-section .quote-cart .mini-cart-price {
  float: right;
  padding: 0 0 0 7px;
}
li.minicart-nav-section .quote-cart.QUOTE:hover,
li.minicart-nav-section .nav-cart {
  cursor: pointer;
}
li.minicart-nav-section .seperate-line {
  border-top: 1px solid #d9d9d9;
  clear: left;
  width: 91px;
  float: left;
  left: 51px;
  position: relative;
  top: -23px;
}
li.minicart-nav-section .seperate-line.seperate-line-dynamic {
  border-top: 2px solid #d9d9d9;
}
.total-color-bold {
  color: #009cdd !important;
  font-weight: 500 !important;
}
/**************DualminicartPopuptabs related css************/
ul.nav.nav-tabs.dual-cart-nav-tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
  border: none;
  margin: 30px 0 0 0;
}
ul.nav.nav-tabs.dual-cart-nav-tabs li {
  background: #fcfcfc;
  color: #434343;
  display: inline-block;
  cursor: pointer;
  width: 170px;
  float: none;
  height: 30px;
  -webkit-box-shadow: 0 0 4px 1px #cccccc;
  box-shadow: 0 0 4px 1px #cccccc;
  -moz-box-shadow: 0 0 4px 1px #cccccc;
}
ul.nav.nav-tabs.dual-cart-nav-tabs li a {
  padding: 5px;
  font-size: 11pt;
  font-weight: normal;
  background: none;
  color: #666666;
  display: inline-block;
  cursor: pointer;
  border: none !important;
  font-weight: 500;
}
ul.nav.nav-tabs.dual-cart-nav-tabs li a:hover {
  width: auto !important;
  padding: 5px;
}
ul.nav.nav-tabs.dual-cart-nav-tabs li.active a {
  font-weight: 500;
  color: #009cdd;
}
ul.nav.nav-tabs.dual-cart-nav-tabs li.cartTab.nav-cart.active,
ul.nav.nav-tabs.dual-cart-nav-tabs li.quoteTab.quote-cart.active {
  box-shadow: 0 0 4px 0 #009cdd;
  z-index: 99;
  border: none;
}
ul.nav.nav-tabs.dual-cart-nav-tabs li.cartTab.nav-cart,
ul.nav.nav-tabs.dual-cart-nav-tabs li.quoteTab.quote-cart {
  width: auto !important;
}
ul.nav.nav-tabs.dual-cart-nav-tabs li.disabled {
  cursor: default;
  opacity: 0.4;
}
ul.nav.nav-tabs.dual-cart-nav-tabs li.disabled a {
  pointer-events: none;
  cursor: default;
}
.tab-content.dual-cart {
  padding: 35px 10px 0px 10px;
}
.tab-content.dual-cart.current {
  display: inherit;
}
.tab-content.dual-cart.padding-0 {
  padding: 0;
}
.eco3-dualMiniCart span#myModalLabel {
  width: 200px;
  height: 40px;
  font-size: 19px;
  padding: 5px;
}
.eco3-dualMiniCart .modal-header {
  height: 40px;
}
.eco3-dualMiniCart .showing-count {
  margin: 15px 0;
  font-size: 15px;
}
.eco3-dualMiniCart .links {
  padding: 0 !important;
}
.page-checkoutOrderSimulationPage table#your_cart.rdd-enabled tr th {
  min-width: 155px !important;
}
.page-checkoutOrderSimulationPage table#your_cart.rdd-enabled tr th#cartheader8 {
  min-width: 173px !important;
}
/*****************package code***************/
#order-details-title .updateBtn {
  width: 180px;
  background-color: #83bc34;
}
#order-details-title .top-border {
  border-top: 1px solid #999999;
  margin-top: 20px;
  margin-right: 40px;
}
#order-details-title .headerTitles-label {
  font-family: Roboto;
  font-weight: 700;
  font-size: 19px;
  line-height: 27px;
  color: #001fa4;
  text-transform: uppercase;
}
#order-details-title .headerTitles-label-1 {
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  color: #001fa4;
  text-transform: uppercase;
  text-align: left;
}
#order-details-title .headerTitles-label-3 {
  font-family: Roboto;
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  color: #001fa4;
  text-align: left;
}
#order-details-title .headerTitles-label-2 {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  color: #001fa4;
  text-align: left;
  margin-top: 1px;
}
#order-details-title .quoteHeader {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #666666;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
}
#order-details-title .quoteSection .margin-top-25 {
  margin-top: 25px;
}
#order-details-title .radioSection {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  background-color: #f8f8f8;
  text-align: left;
  padding: 20px 0 20px 25px;
  max-width: 462px;
}
#order-details-title .radioSection label {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  text-transform: none;
  line-height: 23px;
}
#order-details-title label {
  text-align: left;
}
#order-details-title #comment-disable {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  float: left;
  max-width: 470px;
  height: 110px;
  background-color: #fcfcfc !important;
  border: 1px solid #d9d9d9;
  resize: none;
  caret-color: #ffffff;
  opacity: 0.8;
  user-select: none;
}
#order-details-title .comments-textarea {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  color: #3c3c3c;
  float: left;
  max-width: 470px;
  border: 1px solid #d9d9d9;
  resize: none;
  overflow: hidden;
  height: 75px;
}
#order-details-title .commentsLabel {
  font-family: Roboto;
  font-size: 13px;
  line-height: 17px;
  color: #434343;
  font-weight: 500;
  margin-top: -2px;
}
.radioSectionBlock .your-file {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  color: #009cdd;
  text-align: left;
  padding-left: 0;
}
.radioSectionBlock .yourFilesRow {
  float: left;
  width: 100%;
  padding-top: 54px;
}
.radioSectionBlock .yourFilesRow .top-border2 {
  border-top: 1px solid #999999;
  padding-right: 40px;
  margin-top: 12px;
}
.radioSectionBlock .icon.docAttachment {
  background: url('../images/file_icon.svg') no-repeat;
  background-size: 33px 33px;
  background-size: contain;
  width: 33px;
  height: 33px;
  position: relative;
  top: 10px;
  cursor: pointer;
  display: inline-block;
}
.radioSectionBlock .icon.docAttachment.pdf {
  background: url(../images/pdf_file_icon.svg) no-repeat;
  background-size: contain;
}
.radioSectionBlock .icon-info-circle {
  float: right;
  position: relative;
  top: 5px;
  cursor: pointer;
}
.radioSectionBlock .label {
  float: left;
  font-weight: 400;
  width: auto;
  font-size: 13pt;
  color: #333333;
  min-width: 50px;
  padding-left: 0px;
  text-align: left;
  margin-top: 10px;
}
.radioSectionBlock .fileSubmitButton {
  min-height: 35px;
}
.radioSectionBlock .formatText {
  font-size: 14px;
  padding: 40px 0 40px 0;
}
.radioSectionBlock .selectFile {
  text-align: left;
  font-weight: 500;
  font-family: Roboto;
  padding-left: 0 !important;
  color: #333333;
  font-size: 13px;
}
.radioSectionBlock .fileList {
  text-align: left;
  padding-bottom: 20px;
}
.radioSectionBlock .fileList a:hover {
  color: #009cdd;
  cursor: pointer;
}
.radioSectionBlock .fileList a:hover .icon.docAttachment {
  opacity: 0.7;
}
.radioSectionBlock .terms-and-conditions-eco3-checkbox {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 400;
  color: #333333;
  text-transform: none;
}
.radioSectionBlock .uploadBlockMain {
  margin-top: 40px;
  margin-bottom: 20px;
}
.radioSectionBlock .uploadBlockButton label {
  position: relative;
  top: -10px;
}
.radioSectionBlock .attachment-msg-align {
  text-align: left;
  margin-bottom: 20px;
  padding-left: 10px;
}
.radioSectionBlock .margin-remove-attachment {
  margin-bottom: 5px !important;
}
.radioSectionBlock .click-here-align {
  line-height: 32px !important;
  padding-left: 8px !important;
}
.radioSectionBlock .uploadBlock {
  font-family: Arial;
  font-size: 13px;
  font-weight: 400;
  line-height: 35px;
  color: #666666;
  border: 1px solid #d9d9d9;
  padding-left: 10px;
  background: #fcfcfc;
  display: inline-block;
  max-width: 198px;
  height: 35px;
  cursor: pointer;
  width: 100%;
}
.radioSectionBlock .uploadBlock input[type="file"] {
  position: fixed;
  top: -1000px;
}
.radioSectionBlock .uploadBlock .uploadFileFun {
  width: 198px;
  display: block;
  height: 33px;
  margin-left: -13px;
  font-weight: 400;
  font-size: 13px;
  font-family: arial;
  margin-top: -25px;
}
.radioSectionBlock .mobileUpdateBtn {
  width: 180px;
  height: 40px;
}
/* QUOTE DETAILS PAGE SECTION START */
#quote-details-page,
.quote-to-order-details-title {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  font-family: Roboto;
}
#quote-details-page .panel-body,
.quote-to-order-details-title .panel-body {
  padding: 20px 0;
}
#quote-details-page .quote-header .block-row,
.quote-to-order-details-title .quote-header .block-row {
  max-width: 400px;
  display: inline-block;
}
#quote-details-page .quote-header .key,
.quote-to-order-details-title .quote-header .key,
#quote-details-page .quote-header .value,
.quote-to-order-details-title .quote-header .value {
  text-align: left;
  font-size: 19px;
  line-height: 30px;
  float: left;
  color: #001fa4;
}
#quote-details-page .quote-header .key,
.quote-to-order-details-title .quote-header .key {
  min-width: 156px;
  font-weight: 600;
}
#quote-details-page .quote-header .t-and-c-section,
.quote-to-order-details-title .quote-header .t-and-c-section {
  float: left;
  max-width: 700px;
  float: right;
  height: 38px;
  font-family: Roboto-Regular;
  font-size: 15px;
  text-align: right;
  color: #333333;
}
#quote-details-page .eco3-table table.dataTable.no-footer,
.quote-to-order-details-title .eco3-table table.dataTable.no-footer {
  border-bottom: 1px solid #d9d9d9;
}
#quote-details-page .eco3-table table.dataTable.no-footer tr th,
.quote-to-order-details-title .eco3-table table.dataTable.no-footer tr th {
  border-bottom: 1px solid #d9d9d9;
  color: #333333;
  height: 60px;
  text-align: center;
}
#quote-details-page .eco3-table table.dataTable.no-footer tr td,
.quote-to-order-details-title .eco3-table table.dataTable.no-footer tr td {
  vertical-align: middle;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
#quote-details-page .eco3-table table.dataTable.no-footer tr ul,
.quote-to-order-details-title .eco3-table table.dataTable.no-footer tr ul {
  padding: 10px;
}
#quote-details-page .eco3-table table.dataTable.no-footer .eco-table-search,
.quote-to-order-details-title .eco3-table table.dataTable.no-footer .eco-table-search {
  margin: 0;
}
#quote-details-page .eco3-table .line-item-label,
.quote-to-order-details-title .eco3-table .line-item-label {
  color: #666666;
  font-size: 12pt;
  font-family: Roboto;
  font-weight: 500;
  text-transform: uppercase;
}
#quote-details-page .quote-history-cartbutton,
.quote-to-order-details-title .quote-history-cartbutton {
  margin-right: 10px;
}
#quote-details-page .add_to_quote_button,
.quote-to-order-details-title .add_to_quote_button {
  background-color: #009cdd;
  border: none;
  width: 70px;
  height: 35px;
}
#quote-details-page .add_to_cart_button,
.quote-to-order-details-title .add_to_cart_button {
  background-color: #83bc34;
  border: none;
  width: 70px;
  height: 35px;
  margin-left: 10px;
}
#quote-details-page .quote-details-header,
.quote-to-order-details-title .quote-details-header {
  color: #333333;
  font-size: 11pt;
  font-family: Roboto;
  font-weight: bold;
}
#quote-details-page .panel-default,
.quote-to-order-details-title .panel-default {
  box-shadow: 0 0 4px 1px #cccccc;
}
#quote-details-page .panel-heading,
.quote-to-order-details-title .panel-heading {
  border: none;
}
#quote-details-page .accordion-toggle:after,
.quote-to-order-details-title .accordion-toggle:after {
  margin: 0;
  background-image: url(../images/arrow-up.svg);
  background-size: 25px;
  position: relative;
  top: -2px;
}
#quote-details-page .accordion-toggle.collapsed:after,
.quote-to-order-details-title .accordion-toggle.collapsed:after {
  background-image: url(../images/arrow-down.svg);
  background-size: 25px;
  position: relative;
  top: 0px;
}
#quote-details-page .accordion-toggle.collapsed,
.quote-to-order-details-title .accordion-toggle.collapsed {
  color: #434343;
}
#quote-details-page .accordion-toggle,
.quote-to-order-details-title .accordion-toggle {
  color: #009cdd;
}
#quote-details-page .card-label-font,
.quote-to-order-details-title .card-label-font {
  font-size: 11pt;
}
#quote-details-page .quote-relative-document,
.quote-to-order-details-title .quote-relative-document {
  text-align: left;
  padding: 30px;
}
#quote-details-page .quote-dl-alignment dd,
.quote-to-order-details-title .quote-dl-alignment dd {
  font-size: 11pt;
  padding-bottom: 8px;
}
#quote-details-page .quote-dl-alignment .light-bold,
.quote-to-order-details-title .quote-dl-alignment .light-bold {
  color: #009cdd;
}
#checkout-strip-transform-button {
  float: right;
  margin-bottom: 20px;
}
#checkout-strip-transform-button label {
  width: 413px;
  height: 38px;
  font-family: Roboto-Regular;
  font-size: 15px;
  text-align: right;
  color: #333333;
  display: inline;
  text-transform: none;
}
#checkout-strip-transform-button label .terms-and-conditions {
  color: #009cdd;
}
#checkout-strip-transform-button .read-agreement {
  line-height: 45px;
  padding-left: 0;
  padding-right: 0;
}
.country-region {
  overflow: auto;
}
.country-region p {
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin: 20px 0;
}
.select-region {
  margin: 20px 25px 40px 25px;
  text-align: left;
}
.select-region h2 {
  background-color: #ffffff;
  position: relative;
  float: none;
  padding: 0;
}
.select-region h2 span {
  font-size: 16px;
  color: #009cdd !important;
  background-color: #ffffff;
  padding-right: 25px;
  position: relative;
  z-index: 99;
  font-weight: normal;
}
.select-region h2:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 0.5em;
  border-top: 1px solid #999999;
}
.countryListview {
  overflow: auto;
  padding: 0px 25px;
  float: left !important;
}
.countryListview section {
  margin: 0 0 20px 0;
}
.countryListview section ul.country-region-navtabs {
  border-bottom: none;
}
.countryListview section ul.country-region-navtabs li.nav-item {
  min-width: 130px;
  margin: 5px 0 0 2px;
  float: left !important;
  margin-right: -1px;
  box-shadow: 0 0 4px 1px #cccccc;
}
.countryListview section ul.country-region-navtabs li.nav-item a {
  background: #ffffff;
  padding: 5px;
  font-weight: normal;
  background: none;
  color: #434343;
  cursor: pointer;
  border: none !important;
  font-size: 15px;
}
.countryListview section ul.country-region-navtabs li.active {
  box-shadow: 0 0 4px 0px #009cdd;
  z-index: 99;
  border: none;
}
.countryListview section ul.country-region-navtabs li.active a {
  font-weight: 500;
  color: #009cdd;
}
.countryListview section .tab-content .tabpanel-regions {
  padding: 10px;
}
.countryListview section .tab-content .tabpanel-regions div {
  display: inline-block;
  width: 35%;
  padding: 15px 0px;
}
.countryListview section .tab-content .tabpanel-regions div img {
  width: 30px;
  height: 18px;
  margin-right: 20px;
  float: left;
}
.countryListview section .tab-content .tabpanel-regions div a {
  font-size: 13px;
  line-height: 19px;
  color: #333333;
  text-decoration: none;
}
#breadcrumb ul {
  margin-left: -40px;
  margin-right: -40px;
}
#breadcrumb ul li {
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  color: #666666;
}
#breadcrumb ul li.active {
  font-family: Roboto;
  font-size: 21px;
  line-height: 34px;
  color: #666666;
  padding-left: 40px;
}
#breadcrumb ul .breadcrumb-smallarrow {
  width: 14px;
  height: 18px;
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
#breadcrumb ul .breadcrumb-page-title {
  margin-right: 10px;
  height: 20px;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #009cdd;
  line-height: 0px;
  _border-color: #000000 #000000 #000000 #009cdd;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='@accordion-bg');
}
.modal-dialog.country-region {
  width: 771px;
}
.modal-dialog.country-region .modal-content {
  width: auto;
  max-width: 771px;
}
.modal-dialog.country-region .modal-content .modal-header {
  height: 40px;
}
.modal-dialog.country-region .modal-content .modal-header .close {
  margin: 5px;
}
.modal-dialog.country-region .modal-content .modal-header #myModalLabel {
  font-size: 19px;
  width: 225px;
  height: 40px;
}
.modal-dialog.country-region .modal-content .modal-body {
  padding: 0px;
  overflow: hidden;
}
.modal-dialog.country-region .modal-content .modal-body .content {
  padding: 20px 25px 10px 25px;
}
#quote-details .quote-header-value,
#quote-details .value {
  font-size: 16px !important;
  line-height: 27px;
  color: #001fa4;
}
#quote-details .service-quote {
  font-size: 16px;
}
#quote-details .quote-details-sec {
  width: 75%;
  clear: both;
}
#quote-details .quote-to-order {
  background-color: #83bc34;
  margin-bottom: 0;
  margin-right: 10px;
}
#quote-details .quote-btns {
  margin-top: 20px;
  margin-right: 10px;
}
#quote-details-item .quote-details-lineitem {
  color: #333333;
  font-size: 11pt;
  font-family: Roboto;
  font-weight: bold;
}
#quote-details-item .quote-details-content {
  color: #333333;
  font-size: 11pt;
  font-family: Roboto;
  font-weight: 400;
}
#quote-details-item .quote-details-content .eco3-table table.dataTable tbody tr.child ul.dtr-details {
  padding: 25px;
}
#quote-details-item .quote-details-content .btn-group-product .product-btn {
  background: #83bc34 url("../images/cart_white.svg") no-repeat center;
  background-size: 25px;
}
#quote-details-item .quote-details-content .btn-group-product .product-btn.product-btn-ATC {
  background-size: 25px;
}
#quote-details-item .quote-details-content .btn-group-product .product-btn.product-btn-ATQ {
  background: #009cdd url("../images/quote_white.svg") no-repeat center;
  background-size: 17px;
}
#quote-details-item .qtyBtn {
  border: none;
  width: 70px;
  height: 35px;
  margin-left: 20px;
}
#quote-details-item td,
#quote-details-item th {
  text-align: center;
  border-bottom: 1px solid #cccccc;
}
#quote-details-item .quote-historydetails-button {
  position: relative;
  top: -8px;
}
.quote-product-list-view {
  border-bottom: none!important;
}
#pdfSection embed {
  width: 100%;
  height: 1190px;
}
#package-quote-header-section {
  display: inline-block;
  width: 100%;
}
#package-quote-header-section .linkage-section {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
  padding-left: 0;
}
#package-quote-header-section .value-id {
  max-width: 120px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  color: #001fa4;
  text-align: left;
  margin-bottom: 5px;
}
#package-quote-header-section .value-id a {
  text-decoration: underline;
  cursor: pointer;
  color: #001fa4;
}
#package-quote-header-section header {
  margin-bottom: 35px;
}
#package-quote-header-section .linkage {
  max-width: 500px;
}
#package-quote-header-section .key {
  float: left;
  width: 25%;
  text-align: left;
  word-break: break-word;
  padding-right: 10px;
}
#package-quote-header-section .value {
  float: left;
  width: 60%;
  text-align: left;
  word-break: break-word;
}
#package-quote-header-section .linkage-section .key {
  width: 20%;
  word-break: break-all;
}
#package-quote-header-section .linkage-section .value {
  width: 80%;
}
#assigned-to-wrapper {
  float: right;
  width: 255px;
  display: none;
  margin-top: -20px;
  margin-bottom: 50px;
}
#combobox-assigned-to {
  height: 35px;
}
.assigned-align {
  margin-right: 98px;
}
.packageQuoteActionServices ul {
  padding-left: 35px;
}
.packageQuoteActionServices ul a {
  float: left;
}
.packageQuoteActionServices section.quoteSection {
  padding-left: 20px;
  padding-bottom: 30px;
}
.packageQuoteActionServices .commentSection .view-history-section {
  padding-bottom: 30px;
  max-width: 123px;
}
.packageQuoteActionServices .commentSection .eye-icon {
  margin-left: -4px;
}
.packageQuoteActionServices .commentSection .eye-icon-accepted {
  margin-left: 5px;
}
.packageQuoteActionServices .commentSection .view-history-text {
  margin-top: 5px;
  font-size: 15px;
}
.packageQuoteActionServices .commentSection .history-comments-section textarea:focus {
  border-color: #cccccc !important;
  box-shadow: 0px 0px 5px 0px #f8f8f8 !important;
}
.packageQuoteActionServices .accepted-history-comment {
  padding-left: 10px;
}
#mt-quote-details-container {
  margin-top: 30px;
  margin-bottom: 100px;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs {
  max-width: none;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .main-tab-border {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: 149px;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section {
  width: 70%;
  float: left;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section li.tab-link.tab-menu-list-menu {
  border: none;
  box-shadow: none;
  background: white;
  border-right: 1px solid #cccccc;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 22px;
  height: 24px;
  margin-left: 5px;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section li.tab-link.tab-menu-list-menu:last-child {
  border-right: none;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs {
  width: 65%;
  margin: 0 auto;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead {
  display: none;
  padding: 15px;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead.active {
  display: inline-block;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs input#quoteId + i {
  top: 50px;
  right: -20px;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page form#quote-history-packaged-advanced-search .adv-search-container,
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page form#quote-history-customer-advanced-search .adv-search-container {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  width: 75%;
}
.page-quoteHistoryPage div#assigned-to-wrapper.custmer-quotes-advance-search {
  display: block !important;
  margin: 7px -80px 0 0 !important;
}
.page-quoteHistoryPage div#assigned-to-wrapper.custmer-quotes-advance-search #combobox-assigned-to {
  width: 220px !important;
}
.page-quoteHistoryPage .responsive-tabs-container .responsive-tabs .tab-heading .package-quote,
.page-quoteHistoryPage .responsive-tabs-container .responsive-tabs .tab-heading .customer-quote {
  border-left: none;
}
.page-quoteHistoryPage .responsive-tabs-container .responsive-tabs .tab-heading a {
  line-height: 29px;
  border-bottom: 1px solid #cccccc;
}
.page-quoteHistoryPage .responsive-tabs-container .responsive-tabs .tab-heading.active a {
  line-height: 23px;
  border-bottom: none;
}
.page-quoteHistoryPage .eco3-responsive-tabs .nav {
  margin-top: -22px !important;
}
.page-quoteHistoryPage .eco3-responsive-tabs .main-tab-border {
  top: 30px !important;
}
.page-quoteHistoryPage .eco3-responsive-tabs .tab-menu-list.secondary-nav-tabs {
  margin-bottom: 40px !important;
}
.page-quoteHistoryPage .eco3-responsive-tabs input#quoteId + i {
  top: 60px !important;
  right: 0;
  left: 210px;
}
.page-quoteHistoryPage .search-result-divider {
  margin-bottom: 20px !important;
}
.page-quoteHistoryPage .ecotabs .eco2-commontab-advance-search-form + .dataContent {
  margin-top: 0;
}
.page-quoteHistoryPage .ecotabs .eco2-commontab-advance-search-form label {
  height: auto;
  font-size: 13px;
}
.page-quoteHistoryPage .my-quotes-search {
  padding-right: 84px!important;
}
.page-quoteHistoryPage .customer-quote-search,
.page-quoteHistoryPage .search-tab-align {
  margin-left: 60px;
  padding-right: 0 !important;
}
.page-quoteHistoryPage .my-quotes-search #order-adv-search-submit {
  margin-bottom: 40px;
}
.page-quoteHistoryPage .quotes-from-mt-search,
.page-quoteHistoryPage .customer-quote-tab-search {
  padding-right: 35px !important;
}
.page-quoteHistoryPage .quotes-from-mt-search #order-adv-search-submit,
.page-quoteHistoryPage .search-tab-align #order-adv-search-submit,
.page-quoteHistoryPage .customer-quote-tab-search #order-adv-search-submit,
.page-quoteHistoryPage .customer-quote-search #order-adv-search-submit {
  margin-bottom: 120px;
  margin-top: 30px;
}
.page-quoteHistoryPage .containerInnerSection #breadcrumb {
  margin: 0;
}
.page-quoteHistoryPage .eco2-commontab-advance-search-form .bullet-title,
.page-quoteHistoryPage .eco2-commontab-advance-search-form .Search-type-label {
  font-size: 16px !important;
}
.pcs-quote-request #typeCalibrationSection,
.pcs-quote-request #deviceSection,
.pcs-quote-request #contact-info-section,
.pcs-quote-request #weightQuoteRequest,
.pcs-quote-request #weightCartQuoteRequest,
.pcs-quote-request #WeightCaseQuoteRequest {
  padding: 0;
  text-align: left;
}
.pcs-quote-request #typeCalibrationSection .title-plate,
.pcs-quote-request #deviceSection .title-plate,
.pcs-quote-request #contact-info-section .title-plate,
.pcs-quote-request #weightQuoteRequest .title-plate,
.pcs-quote-request #weightCartQuoteRequest .title-plate,
.pcs-quote-request #WeightCaseQuoteRequest .title-plate {
  height: 40px;
  width: 100%;
  background-color: #f3f3f3;
  margin: 25px 0 25px 0;
}
.pcs-quote-request #typeCalibrationSection .title-plate h2,
.pcs-quote-request #deviceSection .title-plate h2,
.pcs-quote-request #contact-info-section .title-plate h2,
.pcs-quote-request #weightQuoteRequest .title-plate h2,
.pcs-quote-request #weightCartQuoteRequest .title-plate h2,
.pcs-quote-request #WeightCaseQuoteRequest .title-plate h2 {
  color: #ffffff;
  line-height: 23px;
  font-size: 18px;
  background-color: #7d7d7d;
  height: 40px;
  min-width: 180px;
  padding: 10px 25px;
  float: left;
  margin: 0;
  text-align: center;
  font-weight: 400;
}
.pcs-quote-request #typeCalibrationSection .prior-certificate-wrapper,
.pcs-quote-request #deviceSection .prior-certificate-wrapper,
.pcs-quote-request #contact-info-section .prior-certificate-wrapper,
.pcs-quote-request #weightQuoteRequest .prior-certificate-wrapper,
.pcs-quote-request #weightCartQuoteRequest .prior-certificate-wrapper,
.pcs-quote-request #WeightCaseQuoteRequest .prior-certificate-wrapper {
  height: 35px;
  width: 300px;
  cursor: pointer;
  float: left;
}
.pcs-quote-request #typeCalibrationSection .prior-certificate-wrapper label.prior-certificate-label,
.pcs-quote-request #deviceSection .prior-certificate-wrapper label.prior-certificate-label,
.pcs-quote-request #contact-info-section .prior-certificate-wrapper label.prior-certificate-label,
.pcs-quote-request #weightQuoteRequest .prior-certificate-wrapper label.prior-certificate-label,
.pcs-quote-request #weightCartQuoteRequest .prior-certificate-wrapper label.prior-certificate-label,
.pcs-quote-request #WeightCaseQuoteRequest .prior-certificate-wrapper label.prior-certificate-label {
  text-transform: initial;
}
.pcs-quote-request .info-text {
  font-weight: 500;
}
.pcs-quote-request .calibration-type {
  min-width: 256px;
}
.pcs-quote-request .calibration-type .fa.fa-times,
.pcs-quote-request .calibration-type .fa-check {
  right: -35px;
  top: 7px;
}
.pcs-quote-request .device-section-body textarea {
  max-width: 600px;
  font-size: 14px;
  border-color: #cccccc !important;
  box-shadow: none;
}
.pcs-quote-request .disable-btn {
  pointer-events: none;
}
.pcs-quote-request .contact-section-body label {
  font-size: 13px;
}
.pcs-quote-request .contact-section-body .company-name .fa.fa-times,
.pcs-quote-request .contact-section-body .company-name .form-control-feedback.fa-check {
  right: 6px !important;
}
.pcs-quote-request .submit-btn-align {
  margin-left: 22.5%;
}
.pcs-quote-request .submit-btn-align .disable-btn {
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}
.pcs-quote-request .add-device-button {
  margin-left: 32.5%;
}
.pcs-quote-request .add-device-button button#addDeviceButton {
  width: 180px;
}
.pcs-quote-request .align-textarea {
  padding-left: 0;
  padding-right: 0;
}
.pcs-quote-request .add-device-textarea,
.pcs-quote-request .device-one-textarea {
  display: flex;
}
.pcs-quote-request .add-device-textarea .eco3-icon.icon-delete-item,
.pcs-quote-request .device-one-textarea .eco3-icon.icon-delete-item,
.pcs-quote-request .add-device-textarea .device-one,
.pcs-quote-request .device-one-textarea .device-one {
  top: 25px;
  left: 25px;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs {
  padding: 0 10px 10px 10px !important;
  border-bottom: none;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li {
  margin-right: 10px;
  height: 35px;
  display: inline-flex;
  min-width: auto;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li.active {
  pointer-events: all;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li li.active {
  font-family: Roboto;
  font-size: 21px;
  line-height: 34px;
  color: #666666;
  padding-left: 15px !important;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li a {
  width: auto;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  padding: 0 8px;
  min-width: auto;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li a.tab-label,
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li div.li-infoIcon {
  display: inline-flex;
  vertical-align: middle;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li a.tab-label a,
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li div.li-infoIcon a {
  padding: 0 8px 0 0;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li a.tab-label a .eco3-icon.icon-info-circle,
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li div.li-infoIcon a .eco3-icon.icon-info-circle {
  height: 35px;
}
@media (max-width: 767px) {
  .pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li a.tab-label {
    display: inline-block;
    text-align: left;
    width: 80%;
  }
}
.pcs-quote-request .certificate-type-buttons li.error-icon {
  box-shadow: none;
  min-width: 25px;
}
.pcs-quote-request .certificate-type-buttons li.error-icon i.error-cross-icon {
  top: -15px;
}
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs > li.active > a:focus,
.pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs > li.active {
  color: #009cdd !important;
}
.pcs-quote-request .uploadBlock .bgcolor-popover .popover .popover-content {
  padding: 5px;
  color: white;
}
.pcs-quote-request .upload-file-display-textbox {
  width: 220px;
  cursor: pointer;
  height: 35px;
}
.pcs-quote-request .uploadBlock .placeholderText {
  font-size: 12pt;
  float: left;
  color: #434343;
  padding: 6px 10px !important;
}
.pcs-quote-request .upload-block-button.upload-block-button-mobile {
  display: inline-block;
}
.pcs-quote-request .upload-block-button.upload-block-button-mobile input#upload-lead-btn {
  height: 35px;
}
.pcs-quote-request .upload-block-button .spinner {
  margin: 0 auto;
}
.pcs-quote-request .instruction-container .content-section {
  font-size: 12pt;
}
.pcs-quote-request .instruction-container .content-section textarea {
  resize: none;
  border-radius: 0;
}
.pcs-quote-request .additional-info {
  text-transform: none;
}
.pcs-quote-request .attachment-container i.eco3-popover {
  position: relative;
  float: right;
  height: 35px;
  background-size: 20px;
  margin-top: -34px;
  margin-right: -10px;
}
.pcs-quote-request .doc-section-block {
  padding-left: 0;
  width: 100%;
  float: left;
}
.pcs-quote-request .doc-section-block li {
  float: left;
  margin-bottom: 20px;
  width: auto;
  margin-right: 20px;
}
.pcs-quote-request .doc-section-block li a {
  padding-left: 10px;
  cursor: pointer;
}
.pcs-quote-request .doc-section-block li a .docAttachment {
  background: url(../images/file_icon.svg) no-repeat;
  width: 25px;
  height: 30px;
  cursor: pointer;
  background-size: 25px 30px;
  margin-top: 5px;
}
.pcs-quote-request .doc-section-block li a .docAttachment.pdf {
  background: url(../images/pdf_file_icon.svg) no-repeat;
  background-size: contain;
}
.pcs-quote-request .doc-section-block li a span.file-name-wrapper {
  width: 84px !important;
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}
.pcs-quote-request .doc-section-block li a i.eco3-icon.calibration-delete-icon {
  width: 20px;
  height: 20px;
  top: 6px;
  position: relative;
  background-size: 16px;
  background-image: url(../images/delete.svg);
}
.pcs-quote-request .doc-section-block li a.delete-file-icon {
  padding-left: 15px;
}
.pcs-quote-request textarea {
  resize: none;
}
.pcs-quote-request .margin-field {
  width: 256px !important;
  margin-right: 87px;
}
.pcs-quote-request .type-section-body {
  width: 100%;
  display: inline-block;
  margin-left: 0;
}
.pcs-quote-request .type-section-body label {
  display: block;
}
.pcs-quote-request .type-section-body i.small-info-circle {
  position: relative;
  float: right;
  height: 35px;
  background-size: 20px;
  margin-top: -34px;
  margin-right: 20px;
}
.pcs-quote-request .margin-field-company-address {
  width: 600px !important;
}
.pcs-quote-request .fa.fa-times,
.pcs-quote-request .form-control-feedback.fa-check {
  right: -48px !important;
  top: 40px;
}
.pcs-quote-request .application-name .fa.fa-times,
.pcs-quote-request .application-name .form-control-feedback.fa-check {
  right: 0 !important;
}
.pcs-quote-request .popover-content {
  font-size: 14px;
  padding: 0;
  min-height: 0;
  height: auto;
  background-color: #808080;
  text-align: center;
  color: #ffffff;
  padding: 5px;
}
.pcs-quote-request .popover {
  background-color: #808080;
  border: 1px solid #808080;
}
.pcs-quote-request .popover .arrow:after {
  border-top-color: #808080;
}
#pcs-quote-request-page .bread-crumb-text {
  font-size: 21px;
  margin-top: 10px !important;
}
.custom-breadcrumb {
  font-size: 16px;
  text-transform: capitalize;
}
.calibration-quote-confirm-wrapper {
  margin: 80px auto;
  width: 365px;
}
.calibration-quote-confirm-wrapper .quote-confirm-title {
  display: block;
  margin: 40px auto;
}
.calibration-quote-confirm-wrapper .quote-confirm-msg {
  display: block;
  margin: 40px auto;
  font-size: 18px;
}
.calibration-quote-confirm-wrapper .back-to-shop {
  margin: 40px auto;
}
.custom-breadcrumb {
  font-size: 16px;
}
.page-quoteDetailsPage .eco3-theme-accordion .accordion-toggle:after {
  background-size: 24px !important;
}
#calibrationServiceQuoteForm .pcs-quote-request select + i.form-control-feedback {
  right: -40px !important;
}
#calibrationServiceQuoteForm .pcs-quote-request textarea + i.form-control-feedback {
  right: 0 !important;
}
#calibrationServiceQuoteForm .pcs-quote-request #typeCalibrationSection .type-section-body .calibration-services .form-control-feedback.fa-check {
  top: 10px;
}
#calibrationServiceQuoteForm div#certificate-popover-width .popover {
  width: 300px;
}
#calibrationServiceQuoteForm div#certificate-popover-width .eco3-icon.small-info-circle {
  float: left !important;
  position: relative;
  right: 40px;
  height: 35px;
  background-size: 20px;
}
.page-quoteHistoryPage .responsive-tabs-container .responsive-tabs .tab-heading {
  top: 0;
}
.page-quoteHistoryPage .quote-id-input,
.page-quoteHistoryPage .quote-id-customer-input {
  margin-left: 25px;
}
.page-quoteHistoryPage .quote-id-input input#quoteId + i,
.page-quoteHistoryPage .quote-id-customer-input input#quoteId + i {
  top: 70px;
}
.page-quoteHistoryPage .eco3-responsive-tabs .secondary-tabs-section {
  float: unset !important;
  width: unset  !important;
}
.page-quoteHistoryPage .quote-status-tabs {
  margin-left: -50px;
}
.page-quoteHistoryPage .ecotabs .ech-tab-table ul.quote-id-section {
  margin-bottom: 20px;
}
.page-quoteHistoryPage .ecotabs .ech-tab-table ul.quote-id-section li {
  font-size: 16px;
}
.page-quoteHistoryPage .search-by-quote-section {
  padding-top: 5px !important;
}
.page-quoteHistoryPage .common-tab-adv-search-submit button.quote-id-search {
  margin-right: 5px !important;
  margin-bottom: 10px;
}
.adjust-quote-search-btn {
  text-align: center;
  margin-left: -60px;
}
.text-top-calibration {
  width: 40%;
}
#quote-history-list-tablessq .quote-document,
.quote-history-list-tablessq .quote-document {
  width: 200px !important;
}
#quote-history-list-tablessq tr.child ul.dtr-details li:nth-last-child(1),
.quote-history-list-tablessq tr.child ul.dtr-details li:nth-last-child(1) {
  padding-top: 0;
}
#quote-history-list-tablessq tr.child ul.dtr-details li:nth-last-child(1) span.dtr-data,
.quote-history-list-tablessq tr.child ul.dtr-details li:nth-last-child(1) span.dtr-data {
  display: block;
  float: left;
  margin-top: 10px;
}
#quote-history-list-tablessq .action-items-list-ssq,
.quote-history-list-tablessq .action-items-list-ssq {
  justify-content: center !important;
  padding-left: 0;
}
@media (max-width: 767px) {
  #quote-history-list-tablessq .action-items-list-ssq,
  .quote-history-list-tablessq .action-items-list-ssq {
    background-color: #ffffff;
  }
}
#quote-history-list-tablessq .action-items-list-ssq form,
.quote-history-list-tablessq .action-items-list-ssq form {
  margin-left: 0;
}
#quote-history-list-tablessq .action-items-list-ssq div#threeDots,
.quote-history-list-tablessq .action-items-list-ssq div#threeDots {
  background-image: url(../images/threedots.svg);
  background-size: initial;
  background-repeat: no-repeat;
  width: 70px !important;
  background-position: center center;
  height: 35px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-left: 0;
}
#quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container,
.quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container {
  width: 180px;
  position: absolute;
  top: 29px;
  right: 29px;
  border: none;
  box-shadow: 0px 1px 8px 1px #cccccc;
  background: #ffffff;
  z-index: 100;
}
@media (max-width: 767px) {
  #quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container,
  .quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container {
    left: 0;
    margin-left: 0;
  }
}
#quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul,
.quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul {
  padding: 0 0 0 10px !important;
  margin-bottom: 0 !important;
  display: block;
}
#quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul li,
.quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul li {
  border: none;
}
#quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul li .dd-label,
.quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul li .dd-label {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-weight: 400;
  text-align: left;
  line-height: 20px;
}
#quote-history-list-tablessq #infoImageTextPopup div.popover-content,
.quote-history-list-tablessq #infoImageTextPopup div.popover-content {
  word-break: break-word;
}
.cancel-quote-yes,
.cancel-quote-no {
  width: 167px !important;
  min-width: auto;
}
.quote-convert-to-order {
  color: #ffffff !important;
}
.page-quoteHistoryPage .main-ecotabs.order-quote-history-page {
  min-height: 500px;
}
.page-quoteHistoryPage #calibration-ssq-history-advanced-search-result .search-outer-container > div {
  padding-left: 0 !important;
}
.order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container .search-outer-container,
.order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-outer-container {
  padding-left: 80px;
}
.order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container,
.order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container {
  padding-right: 5px;
  margin-left: 35px;
}
.order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn,
.order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn {
  padding-right: 55px;
}
.order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn #order-adv-search-submit,
.order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn #order-adv-search-submit {
  margin-right: 65px;
}
.order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-packaged-advanced-search .lead-advanced-search-section .search-outer-container,
.order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-packaged-advanced-search .lead-advanced-search-section .search-outer-container,
.order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-customer-advanced-search .lead-advanced-search-section .search-outer-container,
.order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-customer-advanced-search .lead-advanced-search-section .search-outer-container {
  padding-left: 30px;
}
.order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-packaged-advanced-search .lead-advanced-search-section .search-outer-container .search-inner-container,
.order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-packaged-advanced-search .lead-advanced-search-section .search-outer-container .search-inner-container,
.order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-customer-advanced-search .lead-advanced-search-section .search-outer-container .search-inner-container,
.order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-customer-advanced-search .lead-advanced-search-section .search-outer-container .search-inner-container {
  margin-left: 0;
}
.page-quoteHistoryPage #ech-tab-table-content-tab-1-prod-adv-search #order-history-advanced-search-result .search-outer-container > div,
.page-quoteHistoryPage #ech-tab-table-content-tab-5 #order-history-advanced-search-result .search-outer-container > div {
  padding-left: 45px!important;
}
.pcs-quote-request #contactPreference option {
  font-family: Arial,Roboto;
}
.pcs-quote-request .contact-time-section select.form-control {
  text-transform: none;
}
ul.certifcate-type-custom-bullet {
  list-style: none;
}
ul.certifcate-type-custom-bullet li.custom-bullet-point {
  word-break: break-word;
}
ul.certifcate-type-custom-bullet li.custom-bullet-point::before {
  content: "";
  font-size: 18px;
  width: 10px;
  height: 10px;
  background: #009cdd;
  display: block;
  position: relative;
  top: 15px;
  right: 20px;
  float: none;
}
#quote-history-list-table .action-items-list {
  justify-content: center;
}
/* QUOTE DETAILS PAGE SECTION END */
/*************package code ends******************************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px) 
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  div#mobile-header .quote-cart.QUOTE {
    min-width: 32px;
    right: -8px;
    line-height: 1.3;
    font-size: 11.0pt;
    font-weight: 400;
    position: absolute;
    color: #ffffff;
    top: -24px;
  }
  div#mobile-header .quote-cart.QUOTE .mini-cart-count span.badge-2.nav-items-total.total-items {
    cursor: pointer;
    background-color: #009cdd;
    padding: 1px 3px;
    min-width: 32px;
    display: inline-block;
    text-align: center;
  }
  div#mobile-header .nav-cart .mini-cart-count {
    position: absolute;
    right: -13px;
    top: -44px;
  }
  div#mobile-header .nav-cart .mini-cart-count .nav-items-total {
    left: -7px;
    right: 0px;
    min-width: 32px;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs {
    padding: 0;
    list-style: none;
    text-align: center;
    border: none;
    margin: 30px 0 0 0;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs li {
    background: none;
    color: #434343;
    display: inline-block;
    cursor: pointer;
    width: 140px;
    height: 30px;
    float: none;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs li a {
    height: 30px;
    padding: 5px;
    font-size: 11pt;
    background: none;
    color: #434343;
    display: inline-block;
    cursor: pointer;
    border: none !important;
    font-weight: 500;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs li a:hover {
    width: auto !important;
    height: 30px;
    padding: 5px;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs li.active a {
    font-weight: 500;
    color: #009cdd;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs li.cartTab.nav-cart.active,
  ul.nav.nav-tabs.dual-cart-nav-tabs li.quoteTab.quote-cart.active {
    box-shadow: 0 0 4px 0 #009cdd;
    z-index: 99;
    border: none;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs li.cartTab.nav-cart,
  ul.nav.nav-tabs.dual-cart-nav-tabs li.quoteTab.quote-cart {
    width: auto !important;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs li.disabled {
    cursor: default;
    opacity: 0.4;
  }
  ul.nav.nav-tabs.dual-cart-nav-tabs li.disabled a {
    pointer-events: none;
    cursor: default;
  }
  .tab-content.dual-cart {
    padding: 0px;
  }
  .tab-content.dual-cart .details {
    margin: 0 0 0 110px !important;
  }
  .tab-content.current {
    display: inherit;
  }
  .modal-dialog.highlight.eco3-addToCart.eco3-minCart.eco3-dualMiniCart .thumb {
    width: 32%;
  }
  .modal-dialog.highlight.eco3-addToCart.eco3-minCart.eco3-dualMiniCart .details {
    width: 52%;
    float: none;
    word-wrap: break-word;
    margin: 0 0 0 110px !important;
  }
  .modal-dialog.highlight.eco3-addToCart.eco3-minCart.eco3-dualMiniCart .details p.name {
    margin: 0 !important;
  }
  .modal-dialog.highlight.eco3-addToCart.eco3-minCart.eco3-dualMiniCart .details p.product_code {
    display: block;
  }
  .modal-dialog.highlight.eco3-addToCart.eco3-minCart.eco3-dualMiniCart .details p.qty {
    display: inline !important;
    float: left !important;
  }
  /****************pakage code related less***********/
  #order-details-title .headerTitles-label {
    text-align: left;
  }
  #order-details-title .quoteSection.revision-comment-section,
  #order-details-title .commentSection.revision-comment-section {
    padding-top: 30px;
  }
  #order-details-title .quoteSection.revision-comment-section header,
  #order-details-title .commentSection.revision-comment-section header {
    padding-bottom: 30px;
  }
  #order-details-title .quoteSection.accepted-comment-section,
  #order-details-title .commentSection.accepted-comment-section {
    padding-left: 10px;
  }
  #order-details-title .quoteSection header {
    padding-bottom: 20px;
  }
  #order-details-title .quoteSection .radioSection {
    max-width: 370px;
    width: 314px;
  }
  #order-details-title .quoteSection .radioSection label {
    padding-left: 19px;
  }
  #order-details-title .quoteSection .placeholder-text-div {
    width: 170px;
    height: 33px;
  }
  #order-details-title .quoteSection .fileSubmitButton {
    margin-left: 3px;
  }
  #order-details-title .quoteSection .selectFile {
    margin-left: 34px !important;
  }
  #order-details-title .quoteSection .your-file {
    padding-bottom: 20px;
    padding-right: 0;
    padding-left: 8px;
    width: 27%;
  }
  #order-details-title .quoteSection .yourFilesRow .top-border2 {
    width: 73%;
  }
  #order-details-title .quoteSection .po_label {
    width: 14%;
    margin-left: -1px;
  }
  #order-details-title .commentSection {
    padding-left: 20px;
  }
  #order-details-title .commentSection textarea {
    width: 97%;
  }
  #order-details-title .mobileUpdateBtn {
    margin-top: 50px;
    margin-right: 0px;
  }
  #order-details-title .mobileUpdateBtn .top-border {
    width: 40%;
  }
  #order-details-title .mobileUpdateBtn .mobileMarginBtn {
    margin-left: 27px;
    width: 37%;
  }
  #order-details-title .pdfSectionMobilebg {
    background-color: #f8f8f8;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 40px;
    margin-left: 10px;
    width: 94%;
  }
  #order-details-title .pdfSectionMobilebg img {
    width: 33px;
    height: 50px;
  }
  #order-details-title .mobileMarginBtn {
    position: relative;
    left: 16px;
  }
  #order-details-title .mobile_padding {
    padding-left: 0px;
    margin-left: -1px;
  }
  #mt-quote-details-container {
    padding-bottom: 10px;
  }
  .radioSectionBlock .checkmark {
    top: 12px;
    left: -1px;
  }
  .radioSectionBlock .uploadBlock {
    width: 187px;
  }
  .read-agreement.read-agreement-bottom .create-quote {
    text-align: center;
  }
  .read-agreement.read-agreement-bottom .backToCheckBtn {
    text-align: center;
    margin-bottom: 20px;
  }
  .modal-dialog.country-region {
    width: auto;
  }
  .modal-dialog.country-region .modal-content {
    width: auto;
  }
  .modal-dialog.country-region .modal-content .modal-header #myModalLabel {
    width: 165px;
    height: 40px;
    padding: 0;
    font-size: 16px !important;
  }
  .country-region {
    text-align: center;
  }
  .country-region .countryListview {
    float: none !important;
    text-align: left;
  }
  .country-region .countryListview .select-region h2 span {
    font-size: 15px;
  }
  .country-region .countryListview section ul.country-region-navtabs li.nav-item {
    min-width: 110px;
    margin: 0;
    display: inline-block;
    float: none !important;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 4px 1px #d9d9d9;
    margin-right: -4px;
  }
  .country-region .countryListview section ul.country-region-navtabs li.__left-tabunlimited,
  .country-region .countryListview section ul.country-region-navtabs li.__right-tabunlimited {
    min-width: auto;
  }
  .country-region .countryListview section .tab-content .tabpanel-regions {
    padding: 10px;
  }
  .country-region .countryListview section .tab-content .tabpanel-regions div {
    width: 47%;
  }
  #breadcrumb ul .breadcrumb-page-title {
    width: 10px;
    height: 15px;
    margin-right: 10px;
  }
  #breadcrumb ul .breadcrumb-page-title .breadcrumb {
    margin-left: -20px;
    padding-left: 22px;
  }
  #breadcrumb ul .breadcrumb-page-title .breadcrumb li.active {
    font-size: 19px !important;
    text-align: center;
    padding-left: 0;
  }
  #quote-details-page .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    padding: 20px;
  }
  #quote-details-item .btn-group-product {
    float: left;
    left: 0;
  }
  #quote-details-item .btn-group-product .qtyBtn {
    margin-left: 0;
  }
  #quote-details-item .quote-historydetails-button {
    justify-content: center;
    display: flex;
  }
  #quote-details-item table.dataTable tbody tr.child ul li {
    border-bottom: 0;
  }
  #quote-back-btn {
    margin-top: 0 !important;
  }
  #quote-details .quote-details-sec {
    width: 100% !important;
    clear: both;
  }
  #quote-details .create-quote {
    text-align: left;
    clear: both;
    margin-top: 20px;
  }
  #quote-details .quote-to-order {
    margin-top: 20px;
    margin-bottom: 0;
  }
  #quote-details .quote-btns {
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
  .eco3-dualMiniCart span#myModalLabel {
    padding: 10px;
  }
  .quote-checkout-wrapper table.dataTable tbody tr.child ul li {
    border-bottom: none !important;
  }
  .quote-checkout-wrapper .quote-checkout-download-option {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .quote-checkout-wrapper .quote-checkout-download-option p {
    text-align: center;
    width: auto;
  }
  .quote-checkout-wrapper .checkoutMainPage section.checkoutSection table.dataTable.dtr-inline tbody tr td:first-child:before {
    margin: 0;
  }
  #quote-details-item .btn-group-product .product-btn-ATC {
    background-size: 26px;
  }
  #quote-details-item .btn-group-product .product-btn.product-btn-ATL {
    background-size: 17px;
  }
  #quote-details-btn {
    text-align: center !important;
  }
  #package-quote-header-section header {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #package-quote-header-section .key {
    width: 40%;
  }
  #package-quote-header-section .left-section {
    padding-left: 10px;
  }
  #package-quote-header-section .left-section div {
    overflow: auto;
  }
  #package-quote-header-section .left-section .status-field {
    min-width: 300px;
  }
  #package-quote-header-section .left-section .headerTitles-label-2 {
    margin-top: 4px;
  }
  #package-quote-header-section .linkage-section .key {
    width: 30%;
  }
  #package-quote-header-section .linkage-section .value {
    width: 70%;
  }
  #package-quote-header-section .related-transaction-margin {
    margin-top: 20px;
  }
  #assigned-to-wrapper {
    display: inline-block;
    float: none;
  }
  .assigned-align {
    margin-right: 0;
  }
  .packageQuoteActionServices .attachment-container header,
  .packageQuoteActionServices .commentSection header {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .packageQuoteActionServices .attach-section {
    top: 0;
  }
  .packageQuoteActionServices .quotes-inprocess-notification {
    background-color: #f8f8f8;
    padding: 10px 0 10px 10px;
    color: #001fa4;
    font-size: 17px;
    height: 44px;
    width: auto;
    display: table;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label {
    display: table-cell;
    vertical-align: middle;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon.inprogress-quote-label,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label.inprogress-quote-label {
    text-align: center;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon.icon,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label.icon {
    padding-top: 5px;
  }
  .packageQuoteActionServices ul {
    padding-left: 30px;
  }
  .packageQuoteActionServices .attachment-container {
    padding-left: 10px !important;
  }
  .packageQuoteActionServices .no-files-notification {
    display: table;
    width: 60%;
    padding-top: 30px;
    padding-left: 5px;
  }
  .packageQuoteActionServices .no-files-notification .icon {
    display: table-cell;
    vertical-align: middle;
    padding-top: 2px;
  }
  .packageQuoteActionServices .no-files-notification .no-files-label {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 16px;
    color: #001fa4;
  }
  /****package quote advacnce search **************/
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section {
    width: auto !important;
    float: none !important;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section ul.sec-tabs.tabs {
    margin: 0 0 20px 0;
    border-top: none;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section li.tab-link.tab-menu-list-menu {
    margin-left: 0px !important;
    border-right: 1px solid #d9d9d9;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 84px;
    padding: 0 35px 0 35px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section li.tab-link.tab-menu-list-menu:last-child {
    padding-left: 45px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead {
    padding: 0;
    margin: 0 auto;
    float: none;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead .search-outer-container {
    padding: 0;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead .lead-input-container {
    margin: 30px 0 0 0;
    padding-left: 0;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs div#lead-tab-2 input,
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs div#lead-tab-2 select,
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs div#lead-tab-2 .select2-container {
    max-width: 100%;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs div#lead-tab-2 input#pqDateFrom,
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs div#lead-tab-2 input#pqDateTo {
    max-width: 84% !important;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs input#quoteId + i {
    top: 65px;
    right: 5px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .calibration-quote-section .secondary-tabs-section li.tab-link.tab-menu-list-menu,
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .product-quote-section .secondary-tabs-section li.tab-link.tab-menu-list-menu {
    padding: 0 15px 0 15px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page form#quote-history-packaged-advanced-search .adv-search-container,
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page form#quote-history-customer-advanced-search .adv-search-container {
    width: 85%;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .adv-search-container.row {
    width: 100% !important;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .common-tab-adv-search-submit {
    margin-bottom: 20px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .common-tab-adv-search-submit .row {
    margin-bottom: 0;
    overflow: auto;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .common-tab-adv-search-submit #order-adv-search-submit {
    margin-top: 20px;
    margin-left: 15px;
  }
  .page-quoteHistoryPage .assigned-to-aftersearch {
    margin-bottom: 40px;
  }
  .page-quoteHistoryPage .assigned-to-aftersearch div#assigned-to-wrapper.custmer-quotes-advance-search {
    float: none;
    display: block !important;
    margin: 0 auto !important;
    width: 220px;
  }
  .page-quoteHistoryPage .assigned-to-aftersearch div#assigned-to-wrapper.custmer-quotes-advance-search label,
  .page-quoteHistoryPage .assigned-to-aftersearch div#assigned-to-wrapper.custmer-quotes-advance-search select#combobox-assigned-to,
  .page-quoteHistoryPage .assigned-to-aftersearch div#assigned-to-wrapper.custmer-quotes-advance-search span.select2-selection.select2-selection--single {
    width: 220px !important;
  }
  .page-quoteHistoryPage .assigned-to-aftersearch .package-quote-search {
    margin: 0 auto;
    text-align: center;
    float: none !important;
  }
  .page-quoteHistoryPage .assigned-to-aftersearch .package-quote-search .eco3-table-search-field {
    text-align: center;
    margin: 0 auto;
    float: none !important;
  }
  .page-quoteHistoryPage .assigned-to-aftersearch .package-quote-search .eco3-table-search-field .searchBox {
    padding-top: 0;
    overflow: auto;
  }
  .page-quoteHistoryPage .customer-quote-tab-search {
    padding-right: 0 !important;
  }
  .page-quoteHistoryPage .quote-status-tabs {
    margin-left: 0;
  }
  .page-quoteHistoryPage .quote-id-input .leadAdvanceSectionBlockFormElement,
  .page-quoteHistoryPage .quote-id-customer-input .leadAdvanceSectionBlockFormElement {
    margin-left: 70px;
  }
  .page-quoteHistoryPage .search-tab-align,
  .page-quoteHistoryPage .customer-quote-search {
    margin-left: 0;
  }
  .page-quoteHistoryPage .packageQuotePage .global-alerts {
    padding: 0;
  }
  .page-quoteHistoryPage .packageQuotePage .global-alerts .delete-update.alert {
    padding: 12px 20px;
  }
  .page-quoteHistoryPage .quotes-from-mt-search,
  .page-quoteHistoryPage .search-tab-align {
    padding-right: 0!important;
  }
  .page-quoteHistoryPage .quotes-from-mt-search #order-adv-search-submit,
  .page-quoteHistoryPage .search-tab-align #order-adv-search-submit {
    margin-bottom: 0;
  }
  .page-quoteHistoryPage .quotes-from-mt-search .quote-id-mt-search,
  .page-quoteHistoryPage .search-tab-align .quote-id-mt-search {
    margin-left: 20px;
  }
  .page-quoteHistoryPage .my-quotes-search {
    padding-right: 45px !important;
  }
  .page-quoteHistoryPage .quote-id-input #quoteId,
  .page-quoteHistoryPage .quote-id-customer-input #quoteId {
    width: 200px !important;
  }
  .page-quoteHistoryPage .customer-quote-tab-search #order-adv-search-submit {
    margin-bottom: 0;
  }
  .page-quoteHistoryPage .common-tab-adv-search-submit {
    padding-right: 0;
  }
  .page-quoteHistoryPage .common-tab-adv-search-submit button.quote-id-search {
    margin-right: 0 !important;
  }
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form {
    padding-right: 0;
  }
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    width: 280px !important;
    max-width: none;
  }
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateFrom,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateFrom,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateFrom,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateFrom,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateTo,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateTo,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateTo,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateTo {
    width: 241!important;
    max-width: none;
  }
  .page-quoteHistoryPage .main-tab-border {
    width: 100%;
    top: 30px !important;
  }
  .page-quoteHistoryPage .responsive-tabs-container {
    margin-left: 0;
  }
  .page-quoteHistoryPage .dropdown-container ul .eco3-icon {
    float: left;
    padding-top: 2px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container {
    margin-left: 20px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container .search-text,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-text {
    padding-left: 5px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container .search-outer-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-outer-container {
    padding: 0 5px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container {
    padding-right: 10px 20px 0px 0px;
    margin-left: 5px;
    margin-bottom: 15px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container .advance-search-fields .eco3-datepicker span.input-group-addon,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container .advance-search-fields .eco3-datepicker span.input-group-addon {
    width: 39px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row {
    margin-top: 10px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search {
    padding-left: 86px;
    margin-right: 9px;
    padding-right: 35px!important;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search #order-adv-search-submit,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search #order-adv-search-submit {
    margin-right: 25px;
    margin-top: 10px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-packaged-advanced-search .lead-advanced-search-section .tab-content-lead,
  .order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-packaged-advanced-search .lead-advanced-search-section .tab-content-lead,
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-customer-advanced-search .lead-advanced-search-section .tab-content-lead,
  .order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-customer-advanced-search .lead-advanced-search-section .tab-content-lead {
    padding-left: 0;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-packaged-advanced-search .lead-advanced-search-section .tab-content-lead .search-outer-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-packaged-advanced-search .lead-advanced-search-section .tab-content-lead .search-outer-container,
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-customer-advanced-search .lead-advanced-search-section .tab-content-lead .search-outer-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-customer-advanced-search .lead-advanced-search-section .tab-content-lead .search-outer-container {
    padding: 0;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-packaged-advanced-search .lead-advanced-search-section .tab-content-lead .search-outer-container .search-inner-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-packaged-advanced-search .lead-advanced-search-section .tab-content-lead .search-outer-container .search-inner-container,
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-customer-advanced-search .lead-advanced-search-section .tab-content-lead .search-outer-container .search-inner-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-customer-advanced-search .lead-advanced-search-section .tab-content-lead .search-outer-container .search-inner-container {
    padding-left: 0;
  }
  .page-quoteHistoryPage #ech-tab-table-content-tab-1-prod-adv-search #order-history-advanced-search-result .search-outer-container > div,
  .page-quoteHistoryPage #ech-tab-table-content-tab-5 #order-history-advanced-search-result .search-outer-container > div {
    padding-left: 4px!important;
  }
  /********************************/
  .page-quoteHistoryPage .select2-container {
    width: 220px !important;
  }
  .page-checkoutOrderSimulationPage .span-24.checkout-summary-page-top-container .create-quote {
    text-align: center;
  }
  .pcs-quote-request {
    padding: 10px;
  }
  .pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs {
    padding: 20px 10px;
  }
  .pcs-quote-request .certificate-type-buttons .eco3-tabbable .nav-tabs li {
    margin-bottom: 10px;
    width: 100% !important;
    max-width: none !important;
  }
  .pcs-quote-request .certificate-type-buttons li.error-icon {
    left: 25px;
  }
  .pcs-quote-request .certificate-type-buttons li.error-icon i.error-cross-icon {
    top: -62px;
  }
  .pcs-quote-request .add-device-button {
    margin-left: 0;
    padding: 0;
  }
  .pcs-quote-request .btn {
    width: 100% !important;
  }
  .pcs-quote-request .add-device-textarea .eco3-icon.icon-delete-item,
  .pcs-quote-request .device-one-textarea .eco3-icon.icon-delete-item,
  .pcs-quote-request .add-device-textarea .device-one,
  .pcs-quote-request .device-one-textarea .device-one {
    left: 15px;
  }
  .pcs-quote-request .margin-field,
  .pcs-quote-request .margin-field-company-address {
    width: 280px !important;
  }
  .pcs-quote-request .fa.fa-times,
  .pcs-quote-request .form-control-feedback.fa-check {
    right: -35px !important;
  }
  .pcs-quote-request .submit-btn-align {
    margin-left: 0;
  }
  .pcs-quote-request .attachment-container i.eco3-popover {
    margin-right: 5px;
  }
  .pcs-quote-request .uploadBlock .placeholderText {
    width: 100%;
  }
  .pcs-quote-request #typeCalibrationSection .title-plate h2,
  .pcs-quote-request #deviceSection .title-plate h2,
  .pcs-quote-request #contact-info-section .title-plate h2,
  .pcs-quote-request #weightQuoteRequest .title-plate h2,
  .pcs-quote-request #weightCartQuoteRequest .title-plate h2,
  .pcs-quote-request #WeightCaseQuoteRequest .title-plate h2 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .pcs-quote-request .calibration-services .fa.fa-times,
  .pcs-quote-request .calibration-services .fa-check,
  .pcs-quote-request .calibration-services .form-control-feedback.fa-check {
    right: -25px !important;
  }
  .pcs-quote-request .contact-section-body select.form-control {
    height: 35px;
  }
  .pcs-quote-request .contact-section-body .company-name .fa.fa-times,
  .pcs-quote-request .contact-section-body .company-name .fa-check,
  .pcs-quote-request .contact-section-body .company-name .form-control-feedback.fa-check {
    right: 35px !important;
  }
  .pcs-quote-request .application-name .fa.fa-times,
  .pcs-quote-request .application-name .form-control-feedback.fa-check {
    right: -15px !important;
  }
  .calibration-quote-confirm-wrapper {
    width: 100%;
  }
  #calibrationServiceQuoteForm .pcs-quote-request select + i.form-control-feedback {
    right: -25px !important;
  }
  #calibrationServiceQuoteForm .pcs-quote-request textarea + i.form-control-feedback {
    right: -15px !important;
  }
  .text-top-calibration {
    width: 100%;
    padding-left: 10px;
  }
  .cancel-quote-yes,
  .cancel-quote-no {
    width: 280px !important;
  }
  .cancel-quote-no {
    margin: 20px 0 0 0;
  }
  #pcs-quote-request-page .bread-crumb-text {
    font-size: 13px;
  }
  .page-quoteHistoryPage .eco2-commontab-advance-search-form .search-my-quote {
    margin-bottom: 0 !important;
  }
  .page-quoteHistoryPage .eco2-commontab-advance-search-form .search-my-quote #quote-no-text {
    margin-top: -15px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn #order-adv-search-submit {
    margin-left: -5px;
  }
  #quote-history-container .quote-cal-section #calibration-ssq-history-advanced-search-result .search-outer-container {
    padding-right: 20px;
  }
  table#quote-history-list-tablessq tr th:first-child,
  table#quote-history-list-table tr th:first-child {
    text-align: right;
  }
  table#quote-history-list-tablessq tr td a.eco2-tab-action-link,
  table#quote-history-list-table tr td a.eco2-tab-action-link {
    position: relative;
    left: 15px;
  }
  #quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul li {
    padding: 5px 0;
    float: left;
  }
  #quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul li .dd-label {
    padding-left: 0;
  }
  #quote-history-container table#quoteHistoryPageTable tbody tr.child ul.dtr-details {
    padding: 15px !important;
  }
  #quote-history-container table#quoteHistoryPageTable tbody tr.child ul.dtr-details li {
    padding-bottom: 10px!important;
  }
  #quote-history-container table#quoteHistoryPageTable tbody.remove-nth-last-child-padding tr.parent + tr.child + tr.child {
    display: none;
  }
  #quote-history-list-table tr.child ul.dtr-details li:nth-last-child(1) {
    padding-top: 0;
  }
  #quote-history-list-table tr.child ul.dtr-details li:nth-last-child(1) span.dtr-data {
    display: block;
    float: left;
    margin-top: 10px;
    padding-left: 0;
  }
  /*****************************Mobile-End*********************************/
}
@media (min-width: 320px) and (max-width: 767px) and (min-width: 320px) and (max-width: 767px) {
  div#mobile-header .quote-cart.QUOTE .mini-cart-count span.badge-2.nav-items-total.total-items {
    position: absolute;
    left: 22px;
  }
}
@media (min-width: 320px) and (max-width: 767px) and (min-width: 320px) and (max-width: 767px) {
  div#mobile-header .nav-cart .mini-cart-count .nav-items-total {
    left: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 360px) {
  .page-quoteHistoryPage .delete-update.advance-search i.global-alerts-icon.error-icon {
    margin-top: -2px;
  }
  .page-quoteHistoryPage .quote-id-input .leadAdvanceSectionBlockFormElement,
  .page-quoteHistoryPage .quote-id-customer-input .leadAdvanceSectionBlockFormElement {
    margin-left: 50px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section li.tab-link.tab-menu-list-menu {
    padding: 0 35px 0 20px;
  }
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .modal-dialog.country-region {
    width: auto;
  }
  .modal-dialog.country-region .modal-content {
    width: auto;
  }
  #order-history-tabs .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    padding: 10px 35px;
  }
  #order-details-title .headerTitles-label {
    text-align: left;
  }
  #order-details-title header {
    padding-bottom: 30px;
    overflow: auto;
  }
  #order-details-title .commentSection.accepted-comment-section {
    padding-top: 0;
  }
  #order-details-title .attachment-container {
    clear: both;
  }
  #order-details-title .radioSection {
    margin-right: 0;
  }
  #order-details-title .radioSection label {
    padding-left: 19px;
  }
  #order-details-title .radioSectionBlock .uploadBlockMain {
    margin-top: 0;
  }
  #order-details-title .radioSectionBlock .placeholder-text-div {
    width: 194px;
    height: 33px;
  }
  #order-details-title .radioSectionBlock .fileSubmitButton {
    margin-left: 10px;
  }
  #order-details-title .radioSectionBlock .yourFilesRow {
    padding-left: 10px;
  }
  #order-details-title .radioSectionBlock .mobile_padding {
    margin-left: -9px;
  }
  #order-details-title .mobileUpdateBtn {
    margin-top: 50px;
    margin-right: 20px;
  }
  #order-details-title .mobileUpdateBtn .mobileMarginBtn {
    width: 28%;
    padding-right: 0;
  }
  #order-details-title .mobileUpdateBtn .top-border {
    width: 70%;
    margin-right: 10px;
  }
  #order-details-title .pdfSectionMobilebg {
    background-color: #f8f8f8;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 40px;
    margin-left: 10px;
    width: 94.8%;
  }
  #order-details-title .pdfSectionMobilebg img {
    width: 33px;
    height: 50px;
  }
  #order-details-title .packageQuoteActionServices .po_label {
    width: 14%;
  }
  #order-details-title .packageQuoteActionServices ul {
    padding-left: 15px;
  }
  .checkoutMainPage section.checkoutSection table.dataTable.dtr-inline tbody tr td:first-child:before {
    margin-top: -10px !important;
  }
  #quote-details-item .quote-details-content .dtr-details {
    padding: 0;
  }
  #quote-details-item .quote-details-content .dtr-details li {
    border-bottom: none;
    padding: 10px 35px;
  }
  #quote-details-item .quote-details-content .dtr-details .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    padding: 0;
  }
  #quote-details-item .quote-list-button {
    justify-content: center;
    display: flex;
    margin-left: 0;
  }
  #quote-details-item .quote-list-button .btn-group-product {
    left: 0;
  }
  #quote-details-item .btn-group-product .product-btn-ATC {
    background-size: 26px;
  }
  #quote-details-item .btn-group-product .product-btn.product-btn-ATL {
    background-size: 17px;
  }
  #quote-details-item .quote-details-sec {
    width: 100%;
    clear: both;
  }
  #quote-details-item .create-quote {
    text-align: left;
    clear: both;
  }
  #quote-details-item .quote-to-order {
    margin-bottom: 0;
  }
  #quote-details-item .quote-btns {
    margin-bottom: 0;
  }
  #quote-back-btn {
    margin-top: 0 !important;
  }
  #quote-details-page .eco3-table table.dataTable.no-footer tr td.child {
    border: 0;
  }
  .quote-checkout-wrapper.checkoutMainPage section.checkoutSection table.dataTable.dtr-inline tbody tr td:first-child:before {
    margin: 0;
  }
  .assigned-align {
    margin-right: 0;
  }
  #package-quote-header-section .linkage-section .key {
    width: 25%;
  }
  #package-quote-header-section .left-section {
    padding-left: 10px;
  }
  #package-quote-header-section .left-section div {
    overflow: auto;
  }
  #package-quote-header-section .left-section .headerTitles-label-2 {
    margin-top: 4px;
  }
  #package-quote-header-section .key {
    width: 35%;
  }
  #package-quote-header-section .linkage-section .value {
    width: 75%;
  }
  #package-quote-header-section header {
    padding-bottom: 0 !important;
  }
  .packageQuoteActionServices .quotes-inprocess-notification {
    background-color: #f8f8f8;
    padding: 10px 0 10px 10px;
    color: #001fa4;
    font-size: 17px;
    height: 44px;
    width: 320px;
    display: table;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label {
    display: table-cell;
    vertical-align: middle;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon.inprogress-quote-label,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label.inprogress-quote-label {
    text-align: center;
    padding-left: 5px;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon.icon,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label.icon {
    padding-top: 5px;
  }
  .packageQuoteActionServices .terms-condition-section {
    padding-right: 5px !important;
  }
  .packageQuoteActionServices .terms-condition-section label {
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    text-transform: none;
    float: right;
    padding-bottom: 10px;
  }
  .packageQuoteActionServices .attachment-section {
    clear: both;
  }
  .packageQuoteActionServices #package-quote-header-section {
    margin-bottom: 20px;
  }
  .packageQuoteActionServices .no-files-notification {
    display: table;
    width: 60%;
    padding-top: 30px;
    padding-left: 5px;
  }
  .packageQuoteActionServices .no-files-notification .icon {
    display: table-cell;
    vertical-align: middle;
    padding-top: 2px;
  }
  .packageQuoteActionServices .no-files-notification .no-files-label {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 16px;
    color: #001fa4;
  }
  /****package quote advacnce search **************/
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section {
    width: auto !important;
    float: none !important;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section ul.sec-tabs.tabs {
    margin: 0 0 20px 0;
    border-top: none;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .secondary-tabs-section li.tab-link.tab-menu-list-menu {
    margin-left: 3px !important;
    border-right: 1px solid #d9d9d9;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 130px;
    padding: 0 15px 0 0px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .Search-type-label {
    position: relative;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead {
    padding: 0;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead .search-outer-container {
    padding: 0;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead .search-outer-container .search-inner-container input#description,
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead .search-outer-container .search-inner-container select#pqStatus {
    max-width: 200px !important;
    line-height: 35px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .tab-content-lead .lead-input-container {
    margin: 30px 0;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs input#quoteId + i {
    top: 51px !important;
    right: 0;
    left: 207px;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .main-tab-border {
    width: 100%;
    top: 28px !important;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .eco3-responsive-tabs .nav {
    margin-top: -25px !important;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page form#quote-history-packaged-advanced-search .adv-search-container,
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page form#quote-history-customer-advanced-search .adv-search-container {
    width: 85%;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .adv-search-container.row {
    width: 100% !important;
  }
  .page-quoteHistoryPage .main-ecotabs.order-quote-history-page .common-tab-adv-search-submit.row {
    margin-bottom: 0;
  }
  .page-quoteHistoryPage div#assigned-to-wrapper.custmer-quotes-advance-search {
    display: block !important;
    position: relative;
    left: 60px;
    margin: 0 !important;
  }
  .page-quoteHistoryPage .eco3-table-search-field .searchBox {
    padding-top: 0;
  }
  .page-quoteHistoryPage .responsive-tabs-container {
    margin-left: 0;
  }
  .page-quoteHistoryPage .responsive-tabs-container .responsive-tabs .tab-heading {
    top: 2px;
  }
  .page-quoteHistoryPage .quote-id-input {
    margin-left: 40px !important;
  }
  .page-quoteHistoryPage .quote-id-customer-input {
    margin-left: 45px !important;
    padding-left: 40px;
  }
  .page-quoteHistoryPage .quotes-from-mt-search {
    padding-right: 30px !important;
  }
  .page-quoteHistoryPage .my-quotes-section {
    margin-left: 100px;
  }
  .page-quoteHistoryPage .search-tab-align,
  .page-quoteHistoryPage .customer-quote-search {
    margin-left: 96px;
  }
  .page-quoteHistoryPage .my-quotes-search {
    padding-right: 84px !important;
    margin-left: 10px;
  }
  .page-quoteHistoryPage .ecotabs .eco2-commontab-advance-search-form .eco3-datepicker {
    display: flex;
  }
  .page-quoteHistoryPage .ecotabs .eco2-commontab-advance-search-form input#referenceNumber {
    max-width: 200px!important;
  }
  .page-quoteHistoryPage .customer-quote-tab-search {
    padding-right: 0;
  }
  .page-quoteHistoryPage div#customContainerAlerts {
    max-width: 480px;
  }
  .page-quoteHistoryPage #quoteId {
    max-width: 197px;
  }
  .page-quoteHistoryPage .dropdown-container ul .eco3-icon {
    float: left;
    padding-top: 2px;
  }
  .page-quoteHistoryPage .quote-from-mt-search-btn,
  .page-quoteHistoryPage .customer-quote-search-btn {
    padding: 0 10px 0 0;
    margin-left: -3px;
  }
  .page-quoteHistoryPage #quote-history-container table#quoteHistoryPageTable tbody.remove-nth-last-child-padding tr.parent + tr.child + tr.child {
    display: none;
  }
  .pcs-quote-request {
    padding: 0 20px 20px 20px;
  }
  .pcs-quote-request .add-device-button {
    margin: 10px 0 30px 0;
    max-width: 600px;
    text-align: right;
  }
  .pcs-quote-request .contact-section-body .company-name .fa.fa-times,
  .pcs-quote-request .contact-section-body .company-name .fa-check,
  .pcs-quote-request .contact-section-body .company-name .form-control-feedback.fa-check {
    right: 0 !important;
  }
  .pcs-quote-request .contact-section-body select.form-control {
    height: 35px;
    line-height: 35px;
  }
  .pcs-quote-request .submit-btn-align {
    margin-left: 29.5%;
  }
  .pcs-quote-request .attachment-container i.eco3-popover {
    margin-right: 5px;
  }
  .pcs-quote-request .type-section-body .calibration-type select {
    height: 35px;
    line-height: 35px;
  }
  .pcs-quote-request .upload-file-display-textbox {
    width: 100%;
  }
  .page-calibrationQuoteConfirmationPage footer#footer {
    bottom: 0;
  }
  #calibrationServiceQuoteForm .pcs-quote-request textarea + i.form-control-feedback {
    right: 60px !important;
  }
  #calibrationServiceQuoteForm div#certificate-popover-width .eco3-icon.small-info-circle {
    margin-right: -65px;
  }
  .text-top-calibration {
    width: 70%;
    padding-left: 20px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container {
    margin-left: 40px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container .search-outer-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-outer-container {
    padding-left: 10px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container {
    padding-right: 25px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row {
    margin-left: 80px;
    margin-top: 0px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search {
    padding-left: 10px;
    padding-right: 0px !important;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .empty-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .empty-container {
    padding-left: 8px;
    padding-right: 30px;
    margin-left: 5px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn {
    margin-left: 18px;
    padding-right: 10px;
    text-align: left;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn #order-adv-search-submit,
  .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .common-tab-adv-search-submit.row .my-quotes-search .search-btn #order-adv-search-submit {
    margin-right: 45px;
  }
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-packaged-advanced-search .lead-advanced-search-section .search-outer-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-packaged-advanced-search .lead-advanced-search-section .search-outer-container,
  .order-quote-history-page #ech-tab-table-content-tab-1-prod-adv-search #quote-history-customer-advanced-search .lead-advanced-search-section .search-outer-container,
  .order-quote-history-page #ech-tab-table-content-tab-5 #quote-history-customer-advanced-search .lead-advanced-search-section .search-outer-container {
    padding-left: 15px;
  }
  .page-quoteHistoryPage #ech-tab-table-content-tab-5 #order-history-advanced-search-result .search-outer-container > div {
    padding-left: 8px;
  }
  .page-quoteHistoryPage .quote-status-tabs {
    margin-left: -120px;
  }
  .page-quoteHistoryPage #order-list-items-tab-2 .quote-latest {
    min-width: 170px;
  }
  .page-quoteHistoryPage #accepted-quotes-tab,
  .page-quoteHistoryPage #customer-new-quotes-tab,
  .page-quoteHistoryPage #advance-quote-tab {
    min-width: 170px !important;
  }
  .page-quoteHistoryPage .lead-advanced-search-section #lead-tab-1 #quote-input-id {
    margin-left: -5px !important;
    margin-bottom: -10px;
    padding-left: 65px;
  }
  .page-quoteHistoryPage #search-by-text {
    padding-left: 0;
  }
  .page-quoteHistoryPage .quote-status-tabs {
    padding-top: 5px;
  }
  .page-quoteHistoryPage .order-quote-history-page #ech-tab-table-content-tab-5 .eco2-commontab-advance-search-form .adv-search-container .search-outer-container .search-inner-container {
    margin-left: 0 !important;
  }
  .page-quoteHistoryPage #quote-search-btn-adv,
  .page-quoteHistoryPage #quote-id-inpt {
    margin-left: 0 !important;
  }
  .page-quoteHistoryPage #adv-search-status {
    margin-left: -5px;
  }
  .page-quoteHistoryPage #date-picker-icon {
    width: 40px;
  }
  .page-quoteHistoryPage .customer-quote-search #order-adv-search-submit {
    margin-top: 0;
  }
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form {
    padding-right: 0;
  }
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select {
    max-width: 200px;
  }
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateFrom,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateFrom,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateFrom,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateFrom {
    max-width: 171px !important;
  }
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#dateTo,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#dateTo,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form input#pqDateTo,
  .page-quoteHistoryPage .ecotabs .ech-tab-table .ech-tab-table-content .eco2-commontab-advance-search-form select#pqDateTo {
    max-width: 171px !important;
  }
  .page-quoteHistoryPage #calibration-ssq-history-advanced-search-result .my-quotes-search .ssq-search-btn {
    text-align: left;
    padding-left: 15px;
  }
  .page-quoteHistoryPage .lead-advanced-search-section #lead-tab-1 .customer-quote-search#quote-search-btn-adv {
    padding-left: 65px;
  }
  .page-quoteHistoryPage .quote-mt-tab-empty,
  .page-quoteHistoryPage .customer-quote-tab-empty {
    margin-left: 20px;
  }
  .page-quoteHistoryPage .ecotabs .eco2-commontab-advance-search-form label {
    margin-bottom: 8px;
  }
  .page-quoteHistoryPage .eco2-commontab-advance-search-form .bullet-title,
  .page-quoteHistoryPage .eco2-commontab-advance-search-form .Search-type-label {
    margin-bottom: 10px;
    margin-top: 15px;
  }
  table#quote-history-list-tablessq tr th:first-child,
  table#quote-history-list-table tr th:first-child {
    text-align: right;
  }
  table#quote-history-list-tablessq tr td a.eco2-tab-action-link,
  table#quote-history-list-table tr td a.eco2-tab-action-link {
    position: relative;
    left: 15px;
  }
  #quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul li {
    padding: 5px 0;
    float: left;
  }
  #quote-history-list-tablessq .action-items-list-ssq div#threeDots .dropdown-container ul li .dd-label {
    padding-left: 0;
  }
  #quote-history-list-tablessq tr.child td.child ul li span.dtr-title {
    float: left;
  }
  #quote-history-list-tablessq tr.child td.child ul li span.dtr-title:after {
    content: ':';
  }
  #quote-history-list-tablessq tr.child td.child ul li span.dtr-data {
    margin-top: -3px !important;
  }
  #quote-history-list-tablessq tr.child td.child ul li span.dtr-data a .doc-download {
    margin-left: 0 !important;
  }
  /********************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  #order-details-title .headerTitles-label-3 {
    padding-left: 0;
  }
  #order-details-title .quoteSection.revision-comment-section header,
  #order-details-title .commentSection.revision-comment-section header {
    padding-bottom: 25px;
  }
  #order-details-title .quoteSection.accepted-comment-section header,
  #order-details-title .commentSection.accepted-comment-section header {
    padding-bottom: 25px;
  }
  #order-details-title .quoteSection header {
    padding-bottom: 20px;
  }
  #order-details-title .quoteSection .radioSection label {
    padding-left: 29px;
  }
  #order-details-title .quoteSection .top-border2 {
    width: 65.5%;
  }
  #order-details-title .commentSection textarea {
    width: 100%;
  }
  #order-details-title .commentSection header {
    padding-bottom: 30px;
  }
  #order-details-title .mobileUpdateBtn {
    padding-bottom: 0;
  }
  #order-details-title .mobileUpdateBtn .top-border {
    margin-right: 10px;
    width: 81%;
  }
  #order-details-title .mobileUpdateBtn .mobileMarginBtn {
    width: 16.3%;
  }
  #order-details-title .radioSectionBlock .fileList {
    padding-left: 10px;
  }
  #order-details-title .radioSectionBlock .yourFilesRow {
    margin-left: 0;
  }
  #order-details-title .radioSectionBlock .checkmark {
    top: 2px;
  }
  #order-details-title .radioSectionBlock .mobile_padding {
    margin-left: -5px;
  }
  #package-quote-header-section {
    margin-bottom: 20px;
  }
  #package-quote-header-section .left-section div {
    overflow: auto;
  }
  #package-quote-header-section .left-section .headerTitles-label-2 {
    padding-top: 1px;
  }
  .packageQuoteActionServices {
    overflow: auto;
  }
  .packageQuoteActionServices .quotes-inprocess-notification {
    margin-bottom: 40px;
    background-color: #f8f8f8;
    padding: 10px 0 10px 20px;
    color: #001fa4;
    font-size: 17px;
    height: 44px;
    width: 560px;
    display: table;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label {
    display: table-cell;
    vertical-align: middle;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon.inprogress-quote-label,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label.inprogress-quote-label {
    text-align: left;
    padding-left: 5px;
  }
  .packageQuoteActionServices .quotes-inprocess-notification .icon.icon,
  .packageQuoteActionServices .quotes-inprocess-notification .inprogress-quote-label.icon {
    padding-top: 5px;
  }
  .packageQuoteActionServices .terms-condition-section label {
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    text-transform: none;
    float: right;
    padding-right: 26px;
    padding-bottom: 10px;
  }
  .packageQuoteActionServices .attachment-section {
    padding-bottom: 0;
    clear: both;
    overflow: auto;
    padding-top: 30px;
  }
  .packageQuoteActionServices .placeholder-select {
    cursor: pointer;
  }
  .packageQuoteActionServices .attachment-container {
    clear: both;
  }
  .packageQuoteActionServices .no-files-notification {
    display: table;
    width: 35%;
    padding-left: 5px;
  }
  .packageQuoteActionServices .no-files-notification .icon {
    display: table-cell;
    vertical-align: middle;
    padding-top: 2px;
  }
  .packageQuoteActionServices .no-files-notification .no-files-label {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 16px;
    color: #001fa4;
  }
  #quote-details-item .quote-details-content .quote-group-product {
    display: flex;
    position: relative;
    float: right;
    left: 0px !important;
  }
  .product-quote-section .secondary-tabs-section ul,
  .calibration-quote-section .secondary-tabs-section ul {
    padding-left: 0 !important;
  }
  .product-quote-section .secondary-tabs-section .tabs,
  .calibration-quote-section .secondary-tabs-section .tabs {
    margin: 0 0 30px 0;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import Product Quote page*/
/****************************************************************************************************************** 
/* File Name : license.less 
/* Created By : Vishwajeet Mahadik 
/* Created Date : 14-Feb-2018 
/* Description : This is less code for the license management section 
/*******************************************************************************************************************/
/* imports the variable.less */
.licenseHistory .licenseSearchInput {
  max-width: 206px;
  box-shadow: none;
  border: solid 1px #cccccc;
  background-color: #fcfcfc;
}
.licenseHistory .add_to_quote_button {
  width: 120px;
  min-width: 120px;
  height: 40px;
  padding: 0;
  font-size: 11pt;
  margin-left: 50px;
}
.licenseHistory .sorting {
  background-image: none !important;
}
.licenseHistory .activatedTableList {
  margin: 0 auto;
}
.licenseHistory .ech-tab-table ul {
  margin-bottom: 25px;
}
.licenseHistory .serial-number-label {
  font-size: 11pt;
  font-weight: 700;
}
.licenseHistory .seachClass .tableSearchFild {
  margin-left: 70px;
  margin-bottom: 60px;
}
.licenseHistory .seachClass .tableSearchFild label.form-info {
  font-size: 10pt;
  width: 100%;
  text-align: left;
  line-height: 19px;
}
.licenseHistory .seachClass #custom-search-input {
  margin-right: 30px;
}
.licenseHistory .seachClass #custom-search-input input {
  box-shadow: none;
  border: none;
  width: 167px;
  height: 33px;
}
.licenseHistory .seachClass #custom-search-input .input-group-btn {
  background-color: #fcfcfc;
  right: 0;
}
.licenseHistory .seachClass #custom-search-input button {
  margin: 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;
  border-left: 1px solid #999999;
  min-width: 0;
  min-height: 0;
  height: 25px;
  width: 40px;
  margin-left: -37px;
}
.licenseHistory .search-magnifier {
  font-size: 17px;
  top: 6px;
  right: 5px;
  width: 25px;
  height: 25px;
}
.request-id .requestLIDBtn {
  width: 120px;
  height: 40px;
}
.request-id .btnLinks {
  text-align: center;
}
.request-id .btnLinks a {
  text-transform: uppercase;
  cursor: pointer;
}
.greyTitleBg {
  background-color: #f3f3f3;
  display: inline-block !important;
  border-bottom: none;
}
.paddingTitle {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.activatedModal .form-control-feedback {
  right: 5px !important;
}
.activatedModal input {
  width: 240px !important;
}
#errorActivationMsg {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 25px;
}
#errorActivationMsg .error-icon {
  background: url(../images/icon-error.svg) no-repeat;
  background-size: 34px 34px;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: left;
  background-position: left;
  margin: 0 0 0 -25px;
  float: left;
  margin-left: -5px;
}
#successActivationMsg {
  background: #f0f7e9;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 25px;
}
#successActivationMsg .confirmation-icon {
  background: url(../images/confirmation.svg) no-repeat;
  background-size: 34px 34px;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: left;
  background-position: left;
  background-size: 80%;
  margin: 0 0 0 -25px;
  float: left;
  margin-left: -5px;
}
#successActivationMsg .errorAlert {
  color: #6ab023;
  font-size: 11.0pt;
}
/********** Retail License*************/
div.licenseHistory div#globalMessages.newLicenses-notification {
  max-width: 500px;
}
div.licenseHistory div#globalMessages.newLicenses-notification ul.notificationicon {
  margin-bottom: 0;
  padding: 5px;
}
div.licenseHistory .eco3-table.mt-license-table .tableSearchFild {
  margin-left: 0;
}
div.licenseHistory .eco3-table.mt-license-table .tableSearchFild .licenseSearchInput {
  max-width: 270px;
}
div.licenseHistory .eco3-table.mt-license-table .tableSearchFild .licenseSearchInput .tableSearchInput {
  width: 227px !important;
}
div.licenseHistory .eco3-table.mt-license-table table.mt-license-table {
  width: 100% !important;
}
div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td button.generate-key-mt {
  margin: 0 30px;
}
div.licenseHistory .eco3-table.mt-license-table table.activated-license-table {
  width: 100% !important;
}
div.licenseHistory .eco3-table.mt-license-table table.activated-license-table tr th {
  padding: 10px 4px !important;
  min-width: 0;
}
div.licenseHistory .eco3-table.mt-license-table table.activated-license-table tbody tr td {
  word-break: break-all;
  min-width: 0;
  padding: 8px 8px;
}
div.licenseHistory .eco3-table.mt-license-table table.activated-license-table tbody tr td span.license-view-label {
  margin-right: 0 !important;
}
div.licenseHistory .eco3-table.mt-license-table table.activated-license-table tbody tr td span.license-view-label a {
  text-transform: capitalize;
  color: #009cdd;
}
div.licenseHistory .eco3-table.mt-license-table table.activated-license-table tbody tr td .cursor-not-allowed {
  cursor: not-allowed;
  display: inline-block;
}
.generate-key-modal .generate-key-title {
  max-width: 450px;
  margin: 0 auto;
}
.generate-key-modal .serial-pid-wrapper {
  float: none;
  margin: 0 auto;
}
.generate-key-modal .serial-pid-wrapper .serial-pid-block {
  float: none;
  margin: 0 auto;
  max-width: 450px;
  padding: 0;
}
.modal-body .license-key-wrapper .license-key-block {
  margin-left: 10px;
}
.modal-body .license-key-wrapper .license-key-block .generate-key-title {
  margin: 20px auto !important;
}
.modal-body .license-key-wrapper .license-key-block .generate-key-title .alert.alert-error ul li .message-text .contact-us {
  color: #dc0032;
  font-weight: bold;
  text-decoration: underline;
}
.licenseKeyWrapper {
  max-width: 450px;
  margin: 15px auto;
  display: block;
  float: none;
  padding: 0;
}
.licenseKeyWrapper #licenseKeyTextarea {
  min-height: 150px;
}
.licenseKeyWrapper .alert.alert-error {
  display: inline-table;
  overflow: hidden;
}
.nonActlicenseTable td .cursor-not-allowed {
  cursor: not-allowed;
}
/**********Software License EMS***********/
.search-entitlement-container {
  width: 520px;
  margin: 20px auto;
}
.search-entitlement-container label {
  font-size: 14px;
  font-weight: 700;
}
.search-entitlement-container .btn.btn-search-entitlement,
.search-entitlement-container .btn.btn-search-fingerprint {
  min-width: 180px;
  width: auto;
  height: 35px;
}
.search-entitlement-container .search-entitlement-input,
.search-entitlement-container .search-fingerprint-input {
  width: 320px;
  padding: 0 10px;
  position: relative;
  top: 2px;
  height: 35px;
}
.manage-entitlement-container {
  width: 700px;
  margin: 30px auto;
}
.manage-entitlement-container label {
  font-size: 14px;
  font-weight: 700;
  text-transform: initial;
}
.entitlement-history.ecotabs {
  min-height: 300px !important;
}
.entitlement-history.ecotabs .ems-error-message.no-license {
  margin: 40px auto;
  max-width: 500px;
}
.entitlement-history.ecotabs .eco3-globalMessages.no-license-entitlement {
  margin-top: 40px;
  max-width: 500px;
}
.entitlement-history.ecotabs label {
  font-size: 14px;
}
.entitlement-history.ecotabs .ech-tab-table ul li {
  font-size: 16px !important;
  line-height: 32px;
  padding: 0 !important;
  min-width: 200px !important;
}
.entitlement-history.ecotabs .license-entitlement-container,
.entitlement-history.ecotabs .software-download-container {
  border: 1px solid #cccccc;
  margin-top: 20px;
  padding: 20px 0;
}
.entitlement-history.ecotabs .license-entitlement-container .entitlement-id-label label,
.entitlement-history.ecotabs .software-download-container .entitlement-id-label label {
  font-weight: 700;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container,
.entitlement-history.ecotabs .software-download-container .flex-container {
  padding: 0 24px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .end-date span.perpetualLicense,
.entitlement-history.ecotabs .software-download-container .flex-container .end-date span.perpetualLicense {
  font-weight: 700;
  display: inline-flex;
  width: 128px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container span.subscriptionLicense,
.entitlement-history.ecotabs .software-download-container .flex-container span.subscriptionLicense {
  font-weight: 700;
  display: inline-flex;
  width: auto;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .licenses-status,
.entitlement-history.ecotabs .software-download-container .flex-container .licenses-status {
  display: inline-block;
  background: #83bc34;
  padding: 4px 8px;
  border-radius: 4px;
  Gap: 10px;
  min-width: 55px;
  width: auto;
  height: 28px;
  color: #ffffff;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .licenses-status.expired,
.entitlement-history.ecotabs .software-download-container .flex-container .licenses-status.expired {
  background: #7d7d7d;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container label,
.entitlement-history.ecotabs .software-download-container .flex-container label {
  text-transform: none;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container label.product-name,
.entitlement-history.ecotabs .software-download-container .flex-container label.product-name {
  font-size: 16px;
  margin-bottom: 7px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .cursor-not-allowed,
.entitlement-history.ecotabs .software-download-container .flex-container .cursor-not-allowed {
  cursor: not-allowed;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .action-buttons-wrapper,
.entitlement-history.ecotabs .software-download-container .flex-container .action-buttons-wrapper {
  clear: both;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .action-buttons-wrapper .activated-license-title,
.entitlement-history.ecotabs .software-download-container .flex-container .action-buttons-wrapper .activated-license-title {
  display: inline-block;
  float: left;
  line-height: 40px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .action-buttons-wrapper #activateLicense,
.entitlement-history.ecotabs .software-download-container .flex-container .action-buttons-wrapper #activateLicense {
  margin-left: 20px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .action-buttons-wrapper.new-action-buttons-wrapper,
.entitlement-history.ecotabs .software-download-container .flex-container .action-buttons-wrapper.new-action-buttons-wrapper {
  float: right;
  display: inline-flex;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .action-buttons-wrapper.new-action-buttons-wrapper #downloadSoftware,
.entitlement-history.ecotabs .software-download-container .flex-container .action-buttons-wrapper.new-action-buttons-wrapper #downloadSoftware,
.entitlement-history.ecotabs .license-entitlement-container .flex-container .action-buttons-wrapper.new-action-buttons-wrapper #activateLicense,
.entitlement-history.ecotabs .software-download-container .flex-container .action-buttons-wrapper.new-action-buttons-wrapper #activateLicense {
  max-width: 190px;
  white-space: normal;
  height: auto;
  min-height: 40px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-section-header,
.entitlement-history.ecotabs .software-download-container .flex-container .fingerprint-section-header {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header,
.entitlement-history.ecotabs .software-download-container .flex-container .fingerprint-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 2px solid #cccccc;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header .fingerprint-id-label,
.entitlement-history.ecotabs .software-download-container .flex-container .fingerprint-header .fingerprint-id-label {
  padding-top: 5px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header-buttons-container,
.entitlement-history.ecotabs .software-download-container .flex-container .fingerprint-header-buttons-container {
  float: right;
  display: inline-flex;
  gap: 16px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header-buttons-container .btn-theme-color-primary-inverted,
.entitlement-history.ecotabs .software-download-container .flex-container .fingerprint-header-buttons-container .btn-theme-color-primary-inverted {
  color: #009cdd;
  background-color: #ffffff;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #d9d9d9;
  padding: 5px 0;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container:last-child,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container:last-child {
  margin-bottom: 30px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .item {
  flex: 0 15%;
  text-align: center;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item label,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .item label {
  font-weight: 700;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item:first-child,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .item:first-child {
  text-align: left;
  flex: 0 10%;
  justify-content: flex-start;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item.entitlement-item-value:first-child,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .item.entitlement-item-value:first-child {
  padding-left: 10px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item:nth-child(2),
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .item:nth-child(2) {
  flex: 0 15%;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item .view-fingerprint-link,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .item .view-fingerprint-link,
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item .view-activation-link,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .item .view-activation-link {
  color: #009cdd;
  cursor: pointer;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .item:first-child,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container.product-table-flex-container .item:first-child {
  text-align: center;
  flex: 0 15%;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .item:nth-child(2),
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container.product-table-flex-container .item:nth-child(2) {
  flex: 0 25%;
  justify-content: left;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item label,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item label {
  font-weight: 700;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item.product-item-value,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item.product-item-value {
  height: 40px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item.license-item-value,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item.license-item-value {
  height: 60px;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item.show-activated-licenses input,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item.show-activated-licenses input {
  display: none;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item.show-activated-licenses label,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item.show-activated-licenses label {
  font-weight: normal;
  margin: 0;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item.show-activated-licenses input + label,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item.show-activated-licenses input + label {
  display: block;
  cursor: pointer;
  background: #fff;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item.show-activated-licenses input + label::before,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item.show-activated-licenses input + label::before {
  content: "";
  position: absolute;
  left: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), #009cdd;
  background-position: center;
  background-size: 50% 2px, 2px 50%;
  background-repeat: no-repeat;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .fp-item.show-activated-licenses input:checked + label::before,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .fp-item.show-activated-licenses input:checked + label::before {
  background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), #cccccc;
  background-position: center;
  background-size: 50% 2px, 2px 0;
  background-repeat: no-repeat;
}
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .view-entitlement-link,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .view-entitlement-link,
.entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .view-activation-link,
.entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .view-activation-link {
  color: #009cdd;
  cursor: pointer;
}
.entitlement-history.ecotabs .license-entitlement-container .full-wrapper,
.entitlement-history.ecotabs .software-download-container .full-wrapper {
  width: 100%;
  border-bottom: 2px solid #d9d9d9;
  padding: 10px 0;
}
.entitlement-history.ecotabs .license-entitlement-container .full-wrapper:first-child,
.entitlement-history.ecotabs .software-download-container .full-wrapper:first-child {
  border-top: 1px solid #d9d9d9;
  padding-top: 5px;
}
.entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper label,
.entitlement-history.ecotabs .software-download-container .full-wrapper .line-item-wrapper label {
  margin-top: 0;
  padding: 0;
  margin-bottom: 0;
}
.entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper .view-fingerprint-link,
.entitlement-history.ecotabs .software-download-container .full-wrapper .line-item-wrapper .view-fingerprint-link,
.entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper .view-activation-link,
.entitlement-history.ecotabs .software-download-container .full-wrapper .line-item-wrapper .view-activation-link {
  color: #009cdd;
  cursor: pointer;
}
.entitlement-history.ecotabs .license-entitlement-container .user-credential-button-wrapper #downloadSoftware,
.entitlement-history.ecotabs .software-download-container .user-credential-button-wrapper #downloadSoftware {
  margin-bottom: 20px;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .top-container label {
  font-weight: 700;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .top-container div.product-name {
  margin-bottom: 5px;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .top-container .downloads-label {
  float: left;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .top-container #userCredentialsBtn {
  float: right;
  margin-bottom: 20px;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .top-container #userCredentialsBtn .spinner {
  margin: auto !important;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .top-container #userCredentialsBtn .spinner div {
  background-color: rgba(255, 255, 255, 0.7);
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container {
  padding: 0;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table {
  width: 100% !important;
  margin: 10px 0 0 0;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tr th {
  padding: 8px 10px!important;
  text-align: left;
  font-weight: 700;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tr th:nth-child(6),
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tr th:nth-child(7) {
  text-align: center;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tr th:nth-child(1) {
  padding-left: 0 !important;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tbody td {
  text-align: left;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tbody td:nth-child(6),
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tbody td:nth-child(7) {
  text-align: center;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tbody td:nth-child(1),
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tbody td:nth-child(3) {
  word-break: break-word !important;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table tbody td:nth-child(1) {
  padding-left: 0 !important;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table select.text-align-left {
  min-width: 100px;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #cccccc;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .table-container table select.language-dropdown {
  min-width: 50px;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #cccccc;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .userCredentialsContainer .downloads-label {
  float: left;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .userCredentialsContainer #userCredentialsBtn {
  float: right;
  margin-bottom: 30px;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .headings-container {
  border-bottom: 1px solid #cccccc;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .headings-container .flex-container {
  display: inline-flex;
  padding: 0;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .headings-container .flex-container .header {
  padding: 10px;
  font-weight: 700;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container {
  border-bottom: 1px solid #cccccc;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container .flex-container {
  display: inline-flex;
  padding: 0;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container .flex-container .content {
  padding: 10px;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container .flex-container .content i.download-grey-icon {
  background-image: url("../images/download.svg");
  background-size: 28px;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container .flex-container .info-field {
  word-break: break-all !important;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container .flex-container .release-date-field,
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container .flex-container .language-field,
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container .flex-container .link-field {
  text-align: center;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container select.text-align-left {
  min-width: 100px;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #cccccc;
}
.entitlement-history.ecotabs .eco3-table .software-download-container .content-container select.language-dropdown {
  min-width: 50px;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #cccccc;
}
.view-activation-key-wrapper .link-buttons #copyButton i {
  background-image: url(../images/copy-icon.svg) !important;
  background-size: 100% 100%;
  width: 20px;
  height: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 8px;
  right: 10px;
}
.view-activation-key-wrapper .link-buttons span {
  position: relative;
  top: 3px;
}
.view-activation-key-wrapper .link-buttons .export-to-file span {
  top: 10px !important;
}
.view-activation-key-wrapper .copied-to-clipboard .copied-alert {
  max-width: 200px;
  padding-bottom: 10px !important;
  margin: 0 auto;
}
.view-activation-key-wrapper .copied-to-clipboard .alert-error {
  max-width: 400px;
  margin-left: 25px !important;
  margin-top: 30px;
}
.view-activation-key-wrapper .copied-to-clipboard .alert-error i.error-icon {
  margin-bottom: 40px;
}
.view-activation-key-wrapper .license-key-block textarea {
  min-height: 150px;
  margin-bottom: 40px;
}
.view-activation-key-wrapper .license-key-block .copied-to-clipboard .alert-success {
  max-width: 200px;
  margin: 0 auto;
}
#entitlement-tab-Id.active {
  pointer-events: none;
}
.fingerprint-wrapper .purchased-reamining-license-label .purchase-license-label,
.fingerprint-wrapper .purchased-reamining-license-label .remaining-license-label {
  font-size: 13px;
  font-weight: 500;
}
.fingerprint-wrapper .finger-print-block {
  margin-left: 30px;
}
.fingerprint-wrapper .finger-print-block a.quantity-button-plp.inactive {
  pointer-events: none;
}
.fingerprint-wrapper div.license-label {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 10.0pt;
  font-weight: 500;
}
.fingerprint-wrapper .quantity-container {
  display: flex;
}
.fingerprint-wrapper .quantity-container i.qty-icon {
  height: 32px !important;
}
.fingerprint-wrapper .quantity-container #qtyInputField {
  text-align: center;
  height: 30px;
}
.user-credentials-wrapper .user-credential-popup {
  max-width: 450px;
  margin: 15px auto;
}
.user-credentials-wrapper .user-credential-popup #copyButton {
  height: 40px;
  color: #ffffff;
  min-height: 35px;
  padding: 0 10px;
  min-width: 30px !important;
  background-color: #ffffff;
}
.user-credentials-wrapper .user-credential-popup #copyButton i {
  background-image: url(../images/copy.svg);
  background-size: 100% 100%;
  width: 20px;
  height: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 6px;
  right: 10px;
}
.user-credentials-wrapper .user-credential-popup .username-password-wrapper #user-name-copy,
.user-credentials-wrapper .user-credential-popup .username-password-wrapper #password-copy {
  word-break: break-all;
  display: inline-flex;
  max-width: 300px!important;
}
.user-credentials-wrapper .user-credential-modal {
  max-width: 450px;
  margin: 0 auto;
}
.user-credentials-wrapper .user-credential-modal .copied-to-clipboard .alert-success {
  max-width: 200px;
  margin: 0 auto;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container {
  margin-left: 12px;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .activationDate-fingerprint {
  display: inline-block;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .activationDate-fingerprint .line-item-wrapper {
  display: inline-flex;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .activationDate-fingerprint .line-item-wrapper .fingerPrintLabel {
  padding-left: 20px;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .activationDate-fingerprint .activation-labels {
  font-weight: 700;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container label {
  text-transform: none;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container label.product-name {
  font-size: 16px;
  margin-bottom: 7px;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .action-buttons-wrapper {
  clear: both;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .action-buttons-wrapper .activated-license-title {
  display: inline-block;
  float: left;
  line-height: 40px;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .table-flex-container-popup {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #d9d9d9;
  padding-left: 0;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .table-flex-container-popup .item {
  text-align: center;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .table-flex-container-popup .item label {
  font-weight: 500;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .table-flex-container-popup.product-table-flex-container-popup .item:first-child {
  text-align: center;
  flex: 0 25%;
  padding-left: 0;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .table-flex-container-popup.product-table-flex-container-popup .item:nth-child(2) {
  flex: 0 40%;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .table-flex-container-popup.product-table-flex-container-popup .item:nth-child(3) {
  flex: 0 35%;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .link-buttons #copyButton {
  float: right;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .link-buttons #copyButton i {
  background-image: url(../images/copy-icon.svg) !important;
  background-size: 100% 100%;
  width: 20px;
  height: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 8px;
  right: 10px;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .link-buttons span {
  position: relative;
  top: 3px;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .textarea-wrapper label {
  font-weight: 700;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .copied-to-clipboard {
  max-width: 200px;
  margin: 0 auto;
  clear: both;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .copied-to-clipboard .copied-alert {
  padding-bottom: 10px !important;
}
.eco3-activationinfo-table .view-activation-key-wrapper .flex-container .activation-code-header {
  display: inline-block;
  text-align: center;
  margin: 15px;
}
#mtModal .fingerprint-wrapper {
  float: none;
  margin: 0 auto;
}
#mtModal .fingerprint-wrapper .finger-print-block {
  float: none;
  display: block;
  margin: 0 auto;
  text-align: center;
}
#mtModal .fingerprint-wrapper .finger-print-block section.product-information-table {
  margin-top: 30px;
}
#mtModal .fingerprint-wrapper .finger-print-block section.product-information-table header {
  display: flex;
  align-items: center;
  padding: 10px 5px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0;
}
#mtModal .fingerprint-wrapper .finger-print-block section.product-information-table header .col {
  flex: 1;
  padding: 5px;
  font-weight: 500;
}
#mtModal .fingerprint-wrapper .finger-print-block section.product-information-table div.row {
  display: flex;
  align-items: center;
  min-height: 60px;
  vertical-align: middle;
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
}
@media (max-width: 767px) {
  #mtModal .fingerprint-wrapper .finger-print-block section.product-information-table div.row {
    display: block;
    text-align: left;
    margin: 0;
  }
  #mtModal .fingerprint-wrapper .finger-print-block section.product-information-table div.row label.display-inline {
    display: inline !important;
  }
  #mtModal .fingerprint-wrapper .finger-print-block section.product-information-table div.row .quantity-container {
    justify-content: left;
    margin-top: 20px;
  }
}
#mtModal .fingerprint-wrapper .finger-print-block section.product-information-table div.row .col {
  flex: 1;
  padding: 5px;
}
#mtModal .fingerprint-wrapper .finger-print-block section.product-information-table div.row .col label {
  height: auto;
}
#mtModal .fingerprint-wrapper .finger-print-block section.product-information-table div.row .col .quantity-container.disabled {
  opacity: 0.5;
  pointer-events: none;
}
/**********End of Software License EMS***********/
/*******end of Retail License*************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px) 
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .licenseHistory #ech-tab-table-content-tab-2 table.dataTable tbody tr.child li span.dtr-title {
    min-width: initial;
  }
  .licenseHistory #ech-tab-table-content-tab-2 table.dataTable tbody tr.child li:last-child span.dtr-title:after {
    content: ":";
  }
  .licenseHistory .seachClass .tableSearchFild {
    margin-left: 0;
    margin-bottom: 40px;
    padding-left: 0;
  }
  .licenseHistory span .add_to_quote_button {
    width: 120px;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .licenseHistory .nonActlicenseTable tr.child .child ul {
    padding: 15px 10px 15px 10px !important;
  }
  .licenseHistory .nonActlicenseTable tr.child .child ul li {
    width: auto;
  }
  .tab-content.ecotabs.eco3-page.licenseHistory .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    padding: 10px 15px !important;
  }
  .request-id .serial-pid-wrapper {
    padding-left: 0;
    text-align: center;
  }
  .request-id .serial-pid-wrapper .form-group {
    float: none;
    display: inline-block;
    margin-right: 0;
    width: auto;
  }
  /********** Retail License*************/
  div.licenseHistory ul.tab-menu-list.tabs-unlimited.mt-tabs {
    margin: 10px auto;
    padding: 5px;
  }
  div.licenseHistory div#globalMessages.newLicenses-notification {
    max-width: 500px;
  }
  div.licenseHistory div#globalMessages.newLicenses-notification ul.notificationicon {
    margin-bottom: 0;
    padding: 5px;
  }
  div.licenseHistory div#globalMessages.newLicenses-notification ul.notificationicon li.text-center span {
    vertical-align: top;
  }
  div.licenseHistory .eco3-table.mt-license-table .tableSearchFild {
    margin-left: 0;
    margin-top: 20px;
    position: relative;
    padding: 0;
    transform: translate(5%, 0%);
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table {
    width: 100% !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table th:first-child {
    width: 0% !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table th:nth-child(2) {
    width: 100% !important;
    position: relative;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table th:nth-child(2) span {
    position: relative;
    right: 0%;
    width: 100%;
    display: inline-block;
    right: 25px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td:first-child {
    width: 40px !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td:first-child span.product_image {
    display: none;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td:nth-child(2) {
    width: 100% !important;
    position: relative;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td:nth-child(2) span {
    position: relative;
    width: 100%;
    display: inline-block;
    right: 25px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td button.generate-key-mt {
    margin: 0 30px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td li {
    padding-bottom: 10px !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td li:last-child span.dtr-data {
    display: block;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td li:last-child span.dtr-data button.generate-key-mt {
    display: block;
    text-align: center;
    float: none;
    margin: 0 auto;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table {
    width: 100% !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table th:first-child {
    width: 0% !important;
    min-width: 0px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table th:nth-child(2) {
    width: 100% !important;
    position: relative;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table th:nth-child(2) span {
    position: relative;
    right: 0%;
    width: 100%;
    display: inline-block;
    right: 25px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td {
    padding: 5px 15px !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td:first-child {
    width: 0 !important;
    min-width: 0px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td:first-child span.product_image {
    display: none;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td:nth-child(2) {
    width: 100% !important;
    position: relative;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td:nth-child(2) span {
    position: relative;
    width: 100%;
    display: inline-block;
    right: 25px;
    padding-left: 25px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td.child {
    padding: 0 !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td.child li span.dtr-title {
    display: inline-block !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td.child li span.dtr-data {
    display: inline-block !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td.child li span.dtr-data div.view-licenses {
    height: 20px;
    margin-top: -5px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td.child li:last-child {
    padding-top: 0 !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table tbody tr.child li:last-child span.dtr-title:after {
    content: ":" !important;
  }
  .generate-key-modal .generate-key-title {
    max-width: 320px;
    margin: 0 auto;
  }
  .generate-key-modal .serial-pid-wrapper {
    float: none;
    margin: 0 auto;
  }
  .generate-key-modal .serial-pid-wrapper .serial-pid-block {
    width: 100%;
    max-width: 260px;
  }
  .generate-key-modal .links {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .generate-key-modal .links .btn-theme-grey {
    float: none;
  }
  .generate-key-modal .links button#generateKeydButton {
    float: none !important;
    margin-top: 20px;
  }
  .licenseKeyWrapper {
    display: contents;
  }
  .licenseKeyWrapper .alert.alert-error {
    display: inline-table;
    overflow: hidden;
  }
  .modal-body .license-key-wrapper {
    float: none;
    width: auto;
  }
  .modal-body .license-key-block {
    width: 100%;
    max-width: 260px;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
  }
  .modal-body .copy-button {
    margin-right: 35px;
  }
  /*******end of Retail License*************/
  /**********Software License EMS***********/
  .search-entitlement-container {
    width: 100%;
  }
  .search-entitlement-container .btn.btn-search-entitlement,
  .search-entitlement-container .btn.btn-search-fingerprint {
    display: block;
    margin: 20px auto;
  }
  .search-entitlement-container .search-entitlement-input,
  .search-entitlement-container .search-fingerprint-input {
    height: 35px;
    width: 100%;
  }
  .manage-entitlement-container {
    width: 100%;
    margin: 30px auto;
  }
  .entitlement-history.ecotabs .ech-tab-table ul {
    margin-bottom: 20px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .entitlement-id-label,
  .entitlement-history.ecotabs .software-download-container .entitlement-id-label {
    display: block;
  }
  .entitlement-history.ecotabs .license-entitlement-container label.date,
  .entitlement-history.ecotabs .software-download-container label.date {
    margin-left: 0;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper,
  .entitlement-history.ecotabs .software-download-container .full-wrapper {
    padding: 0 !important;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper.list-line-item,
  .entitlement-history.ecotabs .software-download-container .full-wrapper.list-line-item {
    padding: 5px 0 !important;
    border-top: none;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper.list-line-item:last-child,
  .entitlement-history.ecotabs .software-download-container .full-wrapper.list-line-item:last-child {
    margin-bottom: 30px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper,
  .entitlement-history.ecotabs .software-download-container .full-wrapper .line-item-wrapper {
    width: 100%;
    display: inline-block;
    margin: 7px 0;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper.full-width,
  .entitlement-history.ecotabs .software-download-container .full-wrapper .line-item-wrapper.full-width {
    width: 100%;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper label,
  .entitlement-history.ecotabs .software-download-container .full-wrapper .line-item-wrapper label,
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper .view-fingerprint-link,
  .entitlement-history.ecotabs .software-download-container .full-wrapper .line-item-wrapper .view-fingerprint-link,
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper .view-activation-link,
  .entitlement-history.ecotabs .software-download-container .full-wrapper .line-item-wrapper .view-activation-link {
    margin-left: 0;
  }
  .entitlement-history.ecotabs .license-entitlement-container .action-buttons-wrapper,
  .entitlement-history.ecotabs .software-download-container .action-buttons-wrapper,
  .entitlement-history.ecotabs .license-entitlement-container .user-credential-button-wrapper,
  .entitlement-history.ecotabs .software-download-container .user-credential-button-wrapper {
    text-align: center;
  }
  .entitlement-history.ecotabs .license-entitlement-container .action-buttons-wrapper #userCredentialsBtn,
  .entitlement-history.ecotabs .software-download-container .action-buttons-wrapper #userCredentialsBtn,
  .entitlement-history.ecotabs .license-entitlement-container .user-credential-button-wrapper #userCredentialsBtn,
  .entitlement-history.ecotabs .software-download-container .user-credential-button-wrapper #userCredentialsBtn {
    margin-bottom: 22px;
    margin-right: 0px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .action-buttons-wrapper #activateLicense,
  .entitlement-history.ecotabs .software-download-container .action-buttons-wrapper #activateLicense,
  .entitlement-history.ecotabs .license-entitlement-container .user-credential-button-wrapper #activateLicense,
  .entitlement-history.ecotabs .software-download-container .user-credential-button-wrapper #activateLicense {
    margin: 0 auto !important;
  }
  .entitlement-history.ecotabs .license-entitlement-container .action-buttons-wrapper.new-action-buttons-wrapper,
  .entitlement-history.ecotabs .software-download-container .action-buttons-wrapper.new-action-buttons-wrapper,
  .entitlement-history.ecotabs .license-entitlement-container .user-credential-button-wrapper.new-action-buttons-wrapper,
  .entitlement-history.ecotabs .software-download-container .user-credential-button-wrapper.new-action-buttons-wrapper {
    float: none !important;
    display: block !important;
    margin-top: 10px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .action-buttons-wrapper.new-action-buttons-wrapper #downloadSoftware,
  .entitlement-history.ecotabs .software-download-container .action-buttons-wrapper.new-action-buttons-wrapper #downloadSoftware,
  .entitlement-history.ecotabs .license-entitlement-container .user-credential-button-wrapper.new-action-buttons-wrapper #downloadSoftware,
  .entitlement-history.ecotabs .software-download-container .user-credential-button-wrapper.new-action-buttons-wrapper #downloadSoftware,
  .entitlement-history.ecotabs .license-entitlement-container .action-buttons-wrapper.new-action-buttons-wrapper #activateLicense,
  .entitlement-history.ecotabs .software-download-container .action-buttons-wrapper.new-action-buttons-wrapper #activateLicense,
  .entitlement-history.ecotabs .license-entitlement-container .user-credential-button-wrapper.new-action-buttons-wrapper #activateLicense,
  .entitlement-history.ecotabs .software-download-container .user-credential-button-wrapper.new-action-buttons-wrapper #activateLicense {
    display: block;
    margin: 0 auto 20px auto !important;
  }
  .entitlement-history.ecotabs .license-entitlement-container .fingerprint-header-buttons-container,
  .entitlement-history.ecotabs .software-download-container .fingerprint-header-buttons-container {
    flex-direction: column;
  }
  .entitlement-history.ecotabs .license-entitlement-container .download-field,
  .entitlement-history.ecotabs .software-download-container .download-field {
    text-align: center;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header,
  .entitlement-history.ecotabs .software-download-container .flex-container .fingerprint-header {
    flex-direction: column;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header .fingerprint-id-label,
  .entitlement-history.ecotabs .software-download-container .flex-container .fingerprint-header .fingerprint-id-label {
    padding-top: 5px;
    text-align: left;
    padding-bottom: 20px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .mobile-activated-licenses-row.mobile-activated-licenses-header,
  .entitlement-history.ecotabs .software-download-container .flex-container .mobile-activated-licenses-row.mobile-activated-licenses-header {
    font-size: 16px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content,
  .entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content {
    background-color: #f3f3f3;
    border-top: 1px solid #d9d9d9;
    padding: 0px 20px;
    width: 100%;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container,
  .entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-bottom: 1px solid #d9d9d9;
    padding-left: 0;
    padding-bottom: 10px;
    align-items: flex-start;
    gap: 10px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .fingerprint-activated-license-row,
  .entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .fingerprint-activated-license-row {
    justify-items: flex-start;
    width: 100%;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .fingerprint-activated-license-row div,
  .entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .fingerprint-activated-license-row div {
    width: 100%;
    text-align: left;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .mobile-row-header,
  .entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .mobile-row-header {
    font-weight: bold;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .licenses-status,
  .entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .licenses-status {
    margin: 0px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .action-buttons-wrapper .new-action-buttons-wrapper,
  .entitlement-history.ecotabs .software-download-container .flex-container .table-flex-container .action-buttons-wrapper .new-action-buttons-wrapper {
    float: none;
    margin: 0 auto 20px auto;
    text-align: center;
    display: block;
  }
  .view-activation-key-wrapper {
    margin: 30px auto;
    text-align: center;
    display: block;
    padding-left: 0 !important;
  }
  .view-activation-key-wrapper .license-key-block {
    max-width: fit-content;
    width: 90%;
    margin: 0 auto !important;
    float: none;
  }
  .view-activation-key-wrapper .license-key-block p.license-label {
    padding-top: 0;
  }
  .view-activation-key-wrapper .license-key-block textarea {
    min-height: 200px;
    margin-bottom: 40px;
  }
  .view-activation-key-wrapper .link-buttons #exportToFile,
  .view-activation-key-wrapper .link-buttons #copyButton {
    float: none !important;
  }
  .view-activation-key-wrapper .link-buttons #copyButton {
    margin-top: 20px;
  }
  .view-activation-key-wrapper .copied-to-clipboard .alert-error {
    max-width: 260px !important;
    margin: 0 0 0 15px !important;
  }
  .view-activation-key-wrapper .copied-to-clipboard .alert-error i.error-icon {
    margin-bottom: 88px !important;
    margin-left: -5px !important;
    background-size: 34px 30px;
  }
  .fingerprint-wrapper {
    float: none;
    margin: 0;
  }
  .fingerprint-wrapper .finger-print-block {
    margin: 0;
  }
  .fingerprint-wrapper .activate-license-block {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .fingerprint-wrapper .quantity-container {
    -webkit-box-orient: horizontal;
    align-items: center;
    justify-content: center;
  }
  .fingerprint-wrapper .license-label {
    text-align: center;
  }
  .fingerprint-wrapper a.btn {
    margin-top: 15px;
  }
  .fingerprint-wrapper .purchased-reamining-license-label .purchase-license-wrapper,
  .fingerprint-wrapper .purchased-reamining-license-label .remaining-license-wrapper {
    float: none !important;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  .fingerprint-wrapper .purchased-reamining-license-label .remaining-license-wrapper {
    margin-top: 10px;
  }
  .user-credentials-wrapper .user-credential-popup .username-password-wrapper #user-name-copy,
  .user-credentials-wrapper .user-credential-popup .username-password-wrapper #password-copy {
    word-break: break-all;
    display: inline!important;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .content {
    padding: 0 15px 0 15px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .userCredentialsContainer {
    display: inline-grid;
    width: 100%;
    margin-bottom: 10px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .userCredentialsContainer .downloads-label {
    float: left;
    margin-bottom: 10px;
    font-weight: 700;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .userCredentialsContainer #userCredentialsBtn {
    float: center;
    margin: auto;
    width: 180px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .artifact-wrapper {
    display: inline-grid;
    padding: 0;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .artifact-wrapper .list {
    text-align: left;
    margin-bottom: 5px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .artifact-wrapper .list label {
    font-weight: 700;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .artifact-wrapper .list span.info-span {
    word-break: break-all !important;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .artifact-wrapper .product-name {
    margin-top: 5px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .artifact-wrapper .release-date {
    margin-bottom: 0;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .full-wrapper {
    display: inline-flex;
    width: 100%;
    border: none;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .full-wrapper select.text-align-left {
    min-width: 100px;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #cccccc;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .full-wrapper .line-item-wrapper {
    display: inline-grid;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .full-wrapper .line-item-wrapper label {
    font-weight: 700;
    margin-bottom: 5px!important;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .full-wrapper .line-item-wrapper label.language-label {
    margin-left: 5px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .full-wrapper .line-item-wrapper span.language-drop-down {
    margin-left: 5px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .full-wrapper .line-item-wrapper span.version-language {
    padding-left: 0 !important;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .full-wrapper div.language-drop-down {
    margin-left: 25px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .doc-download {
    background-repeat: no-repeat;
    height: 23px;
    width: 28px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    background-image: url(../images/download.svg);
    background-size: 28px;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .mobile-wrapper-end {
    border-bottom: 1px solid #cccccc;
    padding: 0;
    margin: 10px 20px 0 0;
  }
  .entitlement-history.ecotabs .eco3-table .software-download-container .list-container .mobile-wrapper-end label {
    font-weight: 700;
    margin-bottom: 20px;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container {
    margin-left: 0;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container .activationDate-fingerprint {
    display: grid !important;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container .activationDate-fingerprint .fingerPrintLabel {
    padding-left: 0 !important;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container .full-wrapper {
    padding: 5px 0 !important;
    border-top: none;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container .full-wrapper .line-item-wrapper {
    width: 100%;
    display: inline-flex;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container .full-wrapper .line-item-wrapper label {
    height: auto;
    margin-left: 0 !important;
    font-weight: 700;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container .link-buttons {
    padding: 0 44px 0 44px;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container .link-buttons #exportToFile {
    margin-bottom: 25px;
  }
  .eco3-activationinfo-table .view-activation-key-wrapper .flex-container .link-buttons #copyButton {
    float: none !important;
  }
  /**********End of Software License EMS***********/
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .licenseHistory .tabs-unlimited li {
    min-width: 200px !important;
    height: 32px !important;
  }
  .licenseHistory .seachClass .tableSearchFild {
    margin-left: 0;
    margin-bottom: 40px;
  }
  .licenseHistory .tabs-unlimited {
    width: 100%;
  }
  .licenseHistory .tabs-unlimited li {
    width: 30% !important;
  }
  .licenseHistory .eco3-table .licenseTable {
    width: 97% !important;
  }
  .request-id .serial-pid-wrapper {
    padding-left: 0;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .request-id .serial-pid-wrapper .form-group {
    display: inline-block;
    margin-right: 0;
    width: 50%;
  }
  .request-id .serial-pid-wrapper i.form-control-feedback {
    right: 0px !important;
  }
  /********** Retail License*************/
  div.licenseHistory ul.tab-menu-list.tabs-unlimited.mt-tabs {
    margin: 10px auto;
    padding: 5px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table {
    width: 100% !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td span.product_image {
    display: inline-block;
    padding: 20px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.mt-license-table td li button.generate-key-mt {
    display: block;
    text-align: center;
    float: none;
    margin: 0 auto;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table th:first-child,
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td:first-child {
    width: 146px !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table th:nth-child(2),
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td:nth-child(2) {
    width: 218px !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table th:nth-child(3),
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td:nth-child(3) {
    width: 218px !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td.child li span.dtr-data {
    display: inline-block;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td.child li span.dtr-data div.view-licenses {
    height: 23px;
    margin-top: -8px;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table td.child li:last-child {
    padding-top: 0 !important;
  }
  div.licenseHistory .eco3-table.mt-license-table table.activated-license-table tbody tr.child li:last-child span.dtr-title:after {
    content: ":" !important;
  }
  .generate-key-modal .generate-key-title {
    max-width: 450px;
    margin: 0 auto;
  }
  .generate-key-modal .serial-pid-wrapper {
    float: none;
    margin: 0 auto;
  }
  .generate-key-modal .serial-pid-wrapper .serial-pid-block {
    width: 100%;
    max-width: 450px;
  }
  .generate-key-modal button#fromFile {
    text-align: center;
    display: block;
    margin-bottom: 40px;
  }
  .generate-key-modal .btn-theme-grey {
    float: left;
  }
  .generate-key-modal button#generateKeydButton {
    float: right !important;
    margin-top: 0;
  }
  /*******end of Retail License*************/
  /**********Software License EMS***********/
  .entitlement-history.ecotabs .ech-tab-table ul {
    margin-bottom: 20px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper {
    padding: 0 !important;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper.list-line-item {
    padding: 5px 0 !important;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper {
    width: 49%;
    display: inline-block;
    margin: 7px 0;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper.full-width {
    width: 100%;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper span {
    padding-left: 0;
  }
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper label,
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper .view-fingerprint-link,
  .entitlement-history.ecotabs .license-entitlement-container .full-wrapper .line-item-wrapper .view-activation-link {
    margin-left: 0;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container {
    padding: 0 12px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item {
    flex: 0 30%;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item:first-child,
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .item:nth-child(2) {
    flex: 0 20%;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .item {
    flex: 0 22% !important;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .item:first-child {
    flex: 0 20% !important;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .item:nth-child(2) {
    flex: 0 35% !important;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content {
    background-color: #f3f3f3;
    border-top: 1px solid #d9d9d9;
    padding: 0px 20px;
    width: 100%;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-bottom: 1px solid #d9d9d9;
    padding-left: 0;
    padding-bottom: 10px;
    align-items: flex-start;
    gap: 10px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .fingerprint-activated-license-row {
    justify-items: flex-start;
    width: 100%;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .fingerprint-activated-license-row div {
    width: 100%;
    text-align: left;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .mobile-row-header {
    font-weight: bold;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container.product-table-flex-container .activated-licence-content .mobile-flex-container .licenses-status {
    margin: 0px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .table-flex-container .action-buttons-wrapper .new-action-buttons-wrapper {
    float: none;
    margin: 0 auto 20px auto;
    text-align: center;
    display: block;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header {
    flex-direction: column;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header .fingerprint-id-label {
    padding-top: 5px;
    text-align: left;
    padding-bottom: 10px;
  }
  .entitlement-history.ecotabs .software-download-container .software-download-tab .first-row-wrapper {
    display: flex;
  }
  .entitlement-history.ecotabs .software-download-container .software-download-tab .first-row-wrapper .version-field {
    width: 13%;
    margin: 7px 0;
  }
  .entitlement-history.ecotabs .software-download-container .software-download-tab .first-row-wrapper .release-date-field {
    width: 28%;
    margin: 7px 0;
  }
  .entitlement-history.ecotabs .software-download-container .software-download-tab .first-row-wrapper .product-family-field {
    width: 24%;
    margin: 7px 0;
  }
  .entitlement-history.ecotabs .software-download-container .software-download-tab .first-row-wrapper .info-field {
    width: 37%;
    margin: 7px 0;
  }
  .entitlement-history.ecotabs .software-download-container .software-download-tab .second-row-wrapper {
    display: flex;
  }
  .entitlement-history.ecotabs .software-download-container .software-download-tab .second-row-wrapper .download-field {
    margin: 7px 0;
  }
  .entitlement-history.ecotabs .software-download-container .headings-container {
    border-bottom: none;
  }
  .entitlement-history.ecotabs .software-download-container .headings-container .flex-container {
    display: inline;
  }
  .entitlement-history.ecotabs .software-download-container .content-container .flex-container {
    display: inline;
  }
  .entitlement-history.ecotabs .software-download-container .top-container {
    padding-left: 10px;
  }
  .entitlement-history.ecotabs .software-download-container .userCredentialsContainer {
    padding-left: 10px;
  }
  .entitlement-history.ecotabs .software-download-container .userCredentialsContainer .downloads-label {
    float: left;
    font-weight: 700;
  }
  .entitlement-history.ecotabs .software-download-container .userCredentialsContainer #userCredentialsBtn {
    float: right;
    margin-bottom: 20px;
  }
  .entitlement-history.ecotabs .software-download-container .list-container {
    padding-left: 10px !important;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .artifact-wrapper {
    display: inline-grid;
    padding: 0;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .artifact-wrapper .list {
    text-align: left;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .artifact-wrapper .list label {
    font-weight: 700;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .artifact-wrapper .product-name {
    margin-top: 5px;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .full-wrapper {
    display: inline-flex;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .full-wrapper select.text-align-left {
    min-width: 100px;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #cccccc;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .full-wrapper .line-item-wrapper {
    margin-right: 20px;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .full-wrapper .line-item-wrapper label {
    font-weight: 700;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .full-wrapper .line-item-wrapper label.info-label span {
    word-break: break-word;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .full-wrapper .line-item-wrapper .link-label {
    margin-top: 9px;
  }
  .entitlement-history.ecotabs .software-download-container .list-container .full-wrapper .doc-download {
    background-repeat: no-repeat;
    height: 23px;
    width: 28px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    background-image: url(../images/download.svg);
    background-size: 28px;
  }
  .fingerprint-wrapper .finger-print-block {
    margin-left: 55px;
  }
  .copied-to-clipboard .alert-error i.error-icon {
    margin: 0px 10px 50px 0px !important;
  }
  .eco3-activationinfo-table .activation-info-products .flex-container {
    padding: 0;
    margin-left: 40px;
  }
  .eco3-activationinfo-table .activation-info-products .activation-code-header {
    margin: 15px 5px 10px 5px !important;
  }
  /**********End of Software License EMS***********/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  .licenseHistory .eco3-table table {
    width: 80% !important;
    margin: 0 auto 100px auto;
  }
  .licenseHistory .eco3-table table tr th {
    min-width: 150px;
  }
  .licenseHistory #ech-tab-table-content-tab-1 .eco3-table table tr td.dataTables_empty {
    border-bottom: none;
  }
  .licenseHistory #ech-tab-table-content-tab-1 .eco3-table table tr td.dataTables_empty:after {
    content: "";
    display: block;
    margin-left: -11px;
    width: 85%;
    padding-top: 20px;
    border-bottom: 1px solid #d9d9d9;
  }
  .licenseHistory .tabs-unlimited li {
    min-width: 200px !important;
    height: 32px !important;
  }
  /**********Software License EMS***********/
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .fingerprint-header,
  .entitlement-history.ecotabs .software-download-container .flex-container .fingerprint-header {
    text-align: left;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .licenses-status,
  .entitlement-history.ecotabs .software-download-container .flex-container .licenses-status {
    margin: 10px;
  }
  .entitlement-history.ecotabs .license-entitlement-container .flex-container .activated-licence-content,
  .entitlement-history.ecotabs .software-download-container .flex-container .activated-licence-content {
    width: 100%;
  }
}
/* imports the media-query.less */
/* import Product Quote page*/
/****************************************************************************************************************** 
/* File Name : warranty.less 
/* Created By : Vishwajeet Mahadik 
/* Created Date : 14-Feb-2018 
/* Description : This is less code for the warranty management section 
/*******************************************************************************************************************/
/* imports the variable.less */
/*---------------------------- Create warranty section start ---------------------------- */
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
#warrantyRequestForm label {
  text-transform: none;
}
#warrantyRequestForm input,
#warrantyRequestForm #warrantyRequestForm select {
  font-family: Roboto;
}
#warrantyRequestForm .form-group select {
  height: 35px;
  font-size: 11.0pt;
  background-color: #fcfcfc;
  font-weight: normal;
  border: 1px solid #cccccc;
  min-width: 30px;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #3c3c3c;
  background-image: none;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#warrantyRequestForm .form-group select:disabled {
  background: #eeeeee;
}
#warrantyRequestForm .has-error .fakeBrowse {
  border: 1px solid #d50032;
  background: #fdf3f5;
}
#warrantyRequestForm .has-success .form-control {
  border: 1px solid #cccccc;
}
#warrantyRequestForm .fakeBrowse {
  font-family: Arial;
  line-height: 22px;
  color: #666666;
  background-color: #fcfcfc;
  border: 1px solid #d9d9d9;
  height: 24px;
  padding-left: 10px;
  overflow: hidden;
  margin-top: 6px;
}
#warrantyRequestForm .fakeBrowse i.file-name-lable {
  font-style: normal !important;
}
#warrantyRequestForm .fakeBrowse i span {
  font-weight: 600;
  font-size: 10pt;
  width: 17px;
  cursor: pointer;
  margin-top: -2px;
}
#warrantyRequestForm .spare_part_detail_bg {
  background-color: #f3f3f3;
  padding-top: 15px;
  padding-bottom: 15px;
}
#warrantyRequestForm .spare_part_detail_bg .disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
#warrantyRequestForm .spare_part_detail_row {
  width: 1020px;
  font-family: Roboto-Regular;
  font-size: 10.0pt;
  text-align: center;
  line-height: 18px;
  color: #808080;
}
#warrantyRequestForm .spare_part_detail_row,
#warrantyRequestForm .spare_part_detail_row2 {
  list-style-type: none;
}
#warrantyRequestForm .warranty-input {
  font-family: Roboto-Medium;
  font-size: 10.0pt;
  line-height: 19px;
  color: #434343;
}
#warrantyRequestForm .warranty-input.selectionValue_hidden_yes {
  display: none;
}
#warrantyRequestForm .warranty-input.qty-blk .form-control-feedback.fa.fa-check {
  display: none !important;
}
#warrantyRequestForm .warranty-input-width {
  width: 250px;
}
#warrantyRequestForm .warranty-input-width.repair-service {
  width: 125px;
}
#warrantyRequestForm .warranty-input-width.spare-part-data-list {
  width: 70px;
}
#warrantyRequestForm .warranty-select {
  font-family: Roboto;
  font-size: 12.0pt !important;
  color: #666666;
  background-color: #fcfcfc;
  border: 1px solid #d9d9d9;
  padding-left: 10px;
}
#warrantyRequestForm .warranty-attachment {
  font-size: 12pt;
  font-weight: 600;
  text-transform: uppercase;
}
#warrantyRequestForm .attachmentBlockSection small .attachment-desc {
  font-family: Roboto;
  font-size: 10.0pt;
  color: #333333;
}
#warrantyRequestForm .termsCondition a {
  font-size: 10.0pt;
  color: #333333;
}
#warrantyRequestForm .select-fileText {
  width: 100%;
  text-align: left;
}
#warrantyRequestForm .padding-right-70 {
  padding-right: 70px;
}
#warrantyRequestForm .broswe-btn {
  width: 210px;
}
#warrantyRequestForm .broswe-btn i.form-control-feedback.bv-no-label {
  margin-top: -15px;
}
#warrantyRequestForm .broswe-btn .fileInputReset {
  margin-right: -30px;
}
#warrantyRequestForm .broswe-btn span {
  display: block;
}
#warrantyRequestForm header {
  padding-bottom: 30px;
}
#warrantyRequestForm .topSpacing {
  padding-top: 70px;
}
#warrantyRequestForm .rwd-warranty-page {
  margin-top: 90px;
}
#warrantyRequestForm .rwd-warranty-page .printAreaDivInnerSection .display-print-section {
  display: none;
}
#warrantyRequestForm .rwd-warranty-page .row {
  margin: 0 !important;
}
#warrantyRequestForm .rwd-warranty-page .header-details {
  font-size: 12.0pt;
  font-weight: 700;
  color: #001fa4;
}
#warrantyRequestForm .rwd-warranty-page .header-details span {
  font-weight: 400;
}
#warrantyRequestForm .rwd-warranty-page .header-details p {
  text-align: left;
  margin-bottom: 5px;
}
#warrantyRequestForm .rwd-warranty-page .warranty-head {
  padding-bottom: 40px;
}
#warrantyRequestForm .rwd-warranty-page .print-section {
  float: right;
}
#warrantyRequestForm .rwd-warranty-page .print-section .btn.sm {
  max-width: 80px;
  height: 40px;
  min-height: 40px;
  min-width: 80px;
  padding: 5px;
}
#warrantyRequestForm .rwd-warranty-page .general-data {
  padding-left: 0;
  margin-top: 30px;
  margin-bottom: 24px;
}
#warrantyRequestForm .rwd-warranty-page .general-data .bullet-title-small:before {
  height: 14px;
  width: 14px;
  position: relative;
  top: -10px;
  left: 0;
}
#warrantyRequestForm .rwd-warranty-page .warranty-eco th {
  font-size: 11.0pt;
  font-weight: 700;
  color: #434343;
  text-align: center;
  padding: 15px 7px;
  border-bottom: 1px solid #d9d9d9;
}
#warrantyRequestForm .rwd-warranty-page .warranty-eco td {
  font-size: 11.0pt;
  font-weight: 400;
  color: #434343;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
  padding: 15px 7px;
}
#warrantyRequestForm .rwd-warranty-page .warranty-eco .servicetype-width {
  width: 190px !important;
}
#warrantyRequestForm .rwd-warranty-page .warranty-eco table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
#warrantyRequestForm .rwd-warranty-page .warranty-eco table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 16px !important;
}
#warrantyRequestForm .rwd-warranty-page .warranty-body-section {
  margin-top: 20px;
}
#warrantyRequestForm .rwd-warranty-page .warranty-body-section .section-width-90 {
  width: 85%;
}
#warrantyRequestForm .rwd-warranty-page .warranty-body-section .general-section-data {
  padding: 8px 0;
  border-bottom: 1px solid #d9d9d9;
  font-size: 11.0pt;
  font-weight: 400;
  color: #434343;
}
#warrantyRequestForm .rwd-warranty-page .warranty-body-section label {
  font-size: 12.0pt;
  font-weight: 500;
  color: #434343;
  margin: 0 0 30px 0;
}
#warrantyRequestForm .rwd-warranty-page .warranty-body-section .attachment-block {
  display: inline-block;
  padding: 0 50px 35px 10px;
}
#warrantyRequestForm .rwd-warranty-page .warranty-body-section .attachment-block .attachment-text {
  padding-left: 15px;
  font-size: 11.0pt;
  font-weight: 400;
  color: #434343;
}
#warrantyRequestForm .rwd-warranty-page .warranty-body-section .approved-comments {
  min-height: 90px;
  padding: 10px;
  background-color: #fcfcfc;
  border: 1px solid #d9d9d9;
  color: #999999;
}
#warrantyRequestForm .rwd-warranty-page .no-border-class {
  border: none !important;
}
#warrantyRequestForm .rwd-warranty-page .eco3-table-warranty table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
#warrantyRequestForm .rwd-warranty-page .eco3-table-warranty table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 60px !important;
  left: -25px !important;
}
#warrantyRequestForm .rwd-warranty-page .eco3-table-warranty table {
  padding-left: 20px;
  width: 95% !important;
}
#warrantyRequestForm .rwd-warranty-page .eco3-table-warranty th {
  font-size: 11.0pt;
  font-weight: 700;
  color: #434343;
  padding: 15px;
  border-bottom: 1px solid #d9d9d9;
  min-width: 130px;
  text-align: center;
}
#warrantyRequestForm .rwd-warranty-page .eco3-table-warranty td {
  font-size: 11.0pt;
  font-weight: 400;
  color: #434343;
  padding: 15px;
  text-align: center;
}
#warrantyRequestForm .rwd-warranty-page .eco3-table-warranty ul {
  padding: 30px !important;
}
#warrantyRequestForm .rwd-warranty-page .eco3-table-warranty ul li {
  border: none !important;
}
#warrantyRequestForm .productNoError,
#warrantyRequestForm .spare-part-error {
  color: #ed1c24;
}
#warrantyRequestForm .add-desktop a {
  color: #009cdd;
  cursor: pointer;
}
#warrantyRequestForm .repair_service_section .repairService_input {
  width: 125px;
  float: left;
}
#warrantyRequestForm .repair_service_section small.help-block {
  clear: both;
  display: table;
  overflow: hidden;
  white-space: nowrap;
}
#warrantyRequestForm .file-upload-adjust {
  z-index: -99;
  position: absolute;
  visibility: hidden;
}
.warrantyConfirm .your_order {
  padding: 100px 0 140px 0;
  color: #666666;
}
.warrantyConfirm .your_order h1 {
  font-size: 16pt;
  font-weight: 500;
}
.warrantyConfirm .your_order p {
  font-size: 14pt;
  font-weight: 400;
}
.warrantyConfirm .eco3-comp-box {
  min-width: 215px;
  min-height: 280px;
}
.ui-autocomplete.ui-front .product.ui-menu-item {
  line-height: 0;
  padding: 10px;
}
.ui-autocomplete.ui-front .product.ui-menu-item.ui-state-focus {
  background: #f3f3f3;
}
.ui-autocomplete.ui-front .product.ui-menu-item .thumb {
  width: 40%;
  float: left;
  box-sizing: border-box;
}
.ui-autocomplete.ui-front .product.ui-menu-item .thumb img {
  max-width: 100%;
  display: block;
  height: auto;
}
.ui-autocomplete.ui-front .product.ui-menu-item .thumb-info {
  width: 60%;
  float: left;
  padding: 10px;
}
.ui-autocomplete.ui-front .product.ui-menu-item .thumb-info .title {
  padding: 0 0 20px 0;
  color: #009cdd;
  display: block;
  line-height: 17px;
  font-size: 10pt;
}
.ui-autocomplete.ui-front.ui-autocomplete-width {
  max-width: 248px;
  width: 100%;
}
#printAreaDiv .warranty-list-align {
  padding: 16px;
}
.ui-autocomplete.ui-front .product.ui-menu-item .thumb-info .title {
  word-break: break-all;
}
/*--------------------------- Warranty create end -----------------------------*/
/*--------------------------- Warranty detail start -----------------------------*/
.warranty-file-icon {
  background-image: url("../images/file_pdf.svg");
  width: 40px;
  height: 53px;
  top: 20px;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
}
.rwd-warranty-page {
  margin-top: 90px;
}
.rwd-warranty-page .printAreaDivInnerSection .display-print-section {
  display: none;
}
.rwd-warranty-page .row {
  margin: 0 !important;
}
.rwd-warranty-page .warranty-body-section label {
  padding-bottom: 0 !important;
  margin-bottom: 34px;
}
.rwd-warranty-page .header-details {
  font-size: 12.0pt;
  font-weight: 700;
  color: #001fa4;
}
.rwd-warranty-page .header-details span {
  font-weight: 400;
}
.rwd-warranty-page .header-details p {
  text-align: left;
}
.rwd-warranty-page .warranty-head {
  padding-bottom: 40px;
}
.rwd-warranty-page .print-section {
  float: right;
}
.rwd-warranty-page .print-section .btn.sm {
  max-width: 80px;
  height: 40px;
  min-height: 40px;
  min-width: 80px;
  padding: 5px;
}
.rwd-warranty-page .general-data {
  padding-left: 0;
  margin-top: 30px;
  margin-bottom: 25px;
}
.rwd-warranty-page .general-data .bullet-title-small:before {
  height: 14px;
  width: 14px;
  position: relative;
  top: -10px;
  left: 0;
}
.rwd-warranty-page .warranty-eco th {
  font-size: 11.0pt;
  font-weight: 700;
  color: #434343;
  text-align: center;
  padding: 15px;
  border-bottom: 1px solid #d9d9d9;
}
.rwd-warranty-page .warranty-eco th.servicetype-width {
  width: 190px !important;
}
.rwd-warranty-page .warranty-eco td {
  font-size: 11.0pt;
  font-weight: 400;
  color: #434343;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
  padding: 15px;
  outline: none;
}
.rwd-warranty-page .warranty-body-section {
  margin-top: 20px;
}
.rwd-warranty-page .warranty-body-section .section-width-90 {
  width: 85%;
}
.rwd-warranty-page .warranty-body-section .general-section-data {
  padding: 8px 0;
  border-bottom: 1px solid #d9d9d9;
  font-size: 11.0pt;
  font-weight: 400;
  color: #434343;
}
.rwd-warranty-page .warranty-body-section .general-section-data .warranty-text {
  color: #434343;
  font-family: Roboto;
  font-weight: 700;
}
.rwd-warranty-page .warranty-body-section .general-section-data .section-padding {
  padding-left: 0;
}
.rwd-warranty-page .warranty-body-section label {
  font-size: 12.0pt;
  font-weight: 500;
  color: #434343;
  padding: 0 0 30px 0;
}
.rwd-warranty-page .warranty-body-section .attachment-block {
  display: inline-block;
  padding: 0 50px 35px 0;
}
.rwd-warranty-page .warranty-body-section .attachment-block .attachment-text {
  padding-left: 15px;
  font-size: 11.0pt;
  font-weight: 400;
  color: #434343;
}
.rwd-warranty-page .warranty-body-section .approved-comments {
  min-height: 90px;
  padding: 10px;
  background-color: #fcfcfc;
  border: 1px solid #d9d9d9;
  color: #999999;
}
.rwd-warranty-page .no-border-class {
  border: none !important;
}
.rwd-warranty-page .eco3-table-warranty {
  overflow-x: hidden !important;
}
.rwd-warranty-page .eco3-table-warranty table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.rwd-warranty-page .eco3-table-warranty table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 60px !important;
  left: -25px !important;
}
.rwd-warranty-page .eco3-table-warranty table {
  padding-left: 20px;
  width: 95% !important;
}
.rwd-warranty-page .eco3-table-warranty th {
  font-size: 11.0pt;
  font-weight: 700;
  color: #434343;
  padding: 15px;
  border-bottom: 1px solid #d9d9d9;
  min-width: 130px;
  text-align: center;
}
.rwd-warranty-page .eco3-table-warranty td {
  font-size: 11.0pt;
  font-weight: 400;
  color: #434343;
  padding: 15px;
  text-align: center;
}
.rwd-warranty-page .eco3-table-warranty ul {
  padding: 30px !important;
}
.rwd-warranty-page .eco3-table-warranty ul li {
  border: none !important;
}
.page-warrantyHistoryListPage #lead-history-container {
  margin-top: 0;
}
.page-warrantyHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .warranty-history-dataContent {
  display: block;
  width: 95%;
  margin: 0 auto;
}
.page-warrantyHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .warranty-history-dataContent .warranty-search-wrapper .warranty-search {
  padding: 0;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .search-type-label {
  text-align: right;
  padding-top: 0;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section {
  width: 100%;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section .sec-tabs {
  text-align: left;
  margin-bottom: 30px;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section li.tab-link.tab-menu-list-menu:last-child {
  border-right: none;
  z-index: auto;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead {
  clear: both;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead .lead-input-container {
  padding-left: 0;
  float: none;
  text-align: center;
  margin: 0 auto;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead .common-tab-adv-search-submit {
  position: relative;
  left: 0;
  overflow: auto;
  margin-left: 0;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section #lead-tab-1 .common-tab-adv-search-submit {
  text-align: center;
  float: none;
  left: 0 !important;
  margin: 0 25px 0 0 !important;
}
.page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section #lead-tab-1 input#warrantyNumber {
  max-width: 200px !important;
}
.page-warrantyHistoryListPage .global-alerts .info-icon {
  margin: 0 0 0 -5px;
}
#warrantyRequestFormId .global-messages-section-server-error .alert.alert-bar {
  min-height: 30px;
  padding: 10px!important;
}
.page-warrantyHistoryListPage #globalMessages .advance-search ul {
  padding-left: 0;
}
/*--------------------------- Warranty detail end -----------------------------*/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px) 
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  /*---------------------------- Create warranty section start ---------------------------- */
  #warrantyRequestForm .warrantyHeader {
    font-family: Roboto;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11.0pt;
    line-height: 19px;
    color: #666666;
    float: left;
  }
  #warrantyRequestForm .add-desktop {
    padding-left: 0;
  }
  #warrantyRequestForm .attachmentBlockSection {
    padding-left: 20px;
  }
  #warrantyRequestForm .attachment-text {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 5px;
  }
  #warrantyRequestForm .termsCondition {
    text-align: center;
  }
  #warrantyRequestForm .warranty-submitbtn {
    text-align: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  #warrantyRequestForm .broswe-btn {
    padding: 0;
    width: 285px;
    top: -39px;
  }
  #warrantyRequestForm .broswe-btn .fileInputReset {
    float: right;
    margin-right: 30px;
    top: 0;
    left: 0;
  }
  #warrantyRequestForm .large-text {
    width: 8.33%;
    float: left;
  }
  #warrantyRequestForm .large-text2 {
    width: 91.66666667%;
    text-align: left;
  }
  #warrantyRequestForm .warranty-attachment {
    float: left !important;
  }
  #warrantyRequestForm .mobile-delete {
    padding: 0;
  }
  #warrantyRequestForm #spare_part_multiple_products_information {
    padding-left: 10px;
  }
  #warrantyRequestForm #spare_part_multiple_products_information .form-control-feedback {
    right: -17px;
  }
  #warrantyRequestForm .spare_part_detail_bg {
    margin-top: 30px;
  }
  #warrantyRequestForm .mobile-topspacing {
    padding-top: 30px;
  }
  #warrantyRequestForm .spare-part-error {
    text-align: center;
  }
  #warrantyRequestForm .warranty-input-width {
    width: auto ;
  }
  #warrantyRequestForm .warranty-input-width.sparePartDataList {
    width: auto;
  }
  #warrantyRequestForm .warranty-input-width.mobile-warranty {
    padding-right: 15px;
  }
  #warrantyRequestForm .non-mandatory-check-serialNumber {
    top: 40px;
    right: 10px;
  }
  /*--------------------------- Warranty create end -----------------------------*/
  /*--------------------------- Warranty detail start -----------------------------*/
  .rwd-warranty-page {
    margin-top: 50px;
  }
  .rwd-warranty-page .header-details {
    width: 100%;
  }
  .rwd-warranty-page .header-details p {
    margin-bottom: 0;
  }
  .rwd-warranty-page .warranty-body-section label {
    margin-bottom: 0;
  }
  .rwd-warranty-page .print-section {
    float: none;
    text-align: center;
  }
  .rwd-warranty-page .print-section .btn.sm {
    margin-top: 30px;
  }
  .rwd-warranty-page .general-data {
    margin-bottom: 0;
    margin-top: 0;
  }
  .rwd-warranty-page .warranty-body-section .section-width-90 {
    width: 100%;
  }
  .rwd-warranty-page .warranty-body-section .warranty-label-top {
    margin-top: 20px;
  }
  .rwd-warranty-page .warranty-body-section .general-section-data {
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
    font-family: Roboto;
    font-size: 10pt;
    font-weight: 400;
    color: #434343;
  }
  .rwd-warranty-page .warranty-body-section .general-section-data .section-padding {
    padding-left: 10px;
  }
  .rwd-warranty-page .warranty-body-section label {
    font-size: 11.0pt;
    font-weight: 700;
  }
  .rwd-warranty-page .warranty-body-section .eco3-table table.dataTable {
    margin-bottom: 30px;
  }
  .rwd-warranty-page .warranty-body-section .company-name {
    padding-left: 10px;
  }
  .rwd-warranty-page .warranty-head {
    padding-bottom: 30px;
  }
  .rwd-warranty-page .warranty-eco ul {
    padding: 25px 10px !important;
  }
  .rwd-warranty-page .warranty-eco table.dataTable tbody tr.child span.dtr-title {
    padding-right: 10px;
  }
  .rwd-warranty-page .eco3-table-warranty {
    border: none !important;
  }
  .rwd-warranty-page .eco3-table-warranty table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  .rwd-warranty-page .eco3-table-warranty table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    left: -5px !important;
  }
  .rwd-warranty-page .eco3-table-warranty table {
    width: 100%;
    padding-left: 5px;
  }
  .rwd-warranty-page .eco3-table-warranty th {
    min-width: 70px;
  }
  .rwd-warranty-page .warranty-body-section .attachment-block {
    padding: 0 50px 20px 0;
  }
  /*--------------------------- Warranty detail end -----------------------------*/
  .page-warrantyHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .warranty-history-dataContent {
    display: block;
    width: 95%;
    margin: 0 auto;
  }
  .page-warrantyHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .warranty-history-dataContent .warranty-search-wrapper .warranty-search {
    float: none !important;
    margin-bottom: 25px;
  }
  .page-warrantyHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .warranty-history-dataContent .warranty-search-wrapper .warranty-search .tableSearchField {
    float: none !important;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section {
    margin-top: 0;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .search-type-label {
    right: 0;
    text-align: left;
    padding-left: 0;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section .sec-tabs {
    text-align: center;
    margin-left: 10px;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section li.tab-link.tab-menu-list-menu:last-child {
    border-right: none;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section li.tab-link.tab-menu-list-menu {
    width: auto;
    min-width: 140px !important;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead.active {
    padding: 0;
    float: none;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead.active input {
    max-width: 100%;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead.active select#status {
    max-width: 98%;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead .ecotabs .eco2-commontab-advance-search-form label {
    margin-bottom: 0;
    height: 25px;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead input#warrantyNumber + i {
    right: 0;
    top: -25px;
    left: 30px;
    position: relative;
    text-align: right;
    float: right;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead .common-tab-adv-search-submit {
    left: 0;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead .common-tab-adv-search-submit div {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead .search-outer-container {
    padding: 0 !important;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead#lead-tab-1 .lead-input-container div.form-group {
    max-width: 200px;
    margin: 0 auto;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead#lead-tab-1 .common-tab-adv-search-submit {
    margin: 0 !important;
    clear: both;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead#lead-tab-1 .common-tab-adv-search-submit .order-adv-search-submit {
    margin-top: 0;
  }
  .packageQuotePage .global-alerts {
    padding: 0;
  }
  .packageQuotePage .global-alerts .delete-update {
    padding: 20px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*--------------------------- Warranty create start -----------------------------*/
  .spare-part-product-details-row-section {
    margin: 0;
    padding: 0;
  }
  #warrantyRequestForm input,
  #warrantyRequestForm select {
    max-width: 258px;
  }
  #warrantyRequestForm #spare_part_multiple_products_information {
    padding-right: 0;
  }
  #warrantyRequestForm #spare_part_multiple_products_information input {
    width: 100%;
  }
  #warrantyRequestForm #spare_part_multiple_products_information .form-control-feedback {
    right: -17px;
    top: 45px;
  }
  #warrantyRequestForm input.claim-qty-width {
    width: 35px !important;
  }
  #warrantyRequestForm .rwd-warranty-page .warranty-body-section .attachment-block {
    padding-bottom: 15px;
  }
  #warrantyRequestForm .rwd-warranty-page .general-data {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  #warrantyRequestForm textarea {
    max-width: 263px;
    max-height: 100px;
    resize: none;
  }
  #warrantyRequestForm .warrantyHeader {
    font-family: Roboto;
    font-weight: 500;
    font-size: 12.0pt;
    line-height: 27px;
    color: #434343;
    float: left;
    text-transform: uppercase;
  }
  #warrantyRequestForm label,
  #warrantyRequestForm .attachmentBlockSection small {
    line-height: 19px;
  }
  #warrantyRequestForm .broswe-btn {
    width: 150px;
  }
  #warrantyRequestForm .broswe-btn i.form-control-feedback.bv-no-label {
    top: -5px;
    right: -5px;
  }
  #warrantyRequestForm .broswe-btn .fileInputReset {
    float: left;
    top: 0;
    left: -29px;
  }
  #warrantyRequestForm .fileInputReset {
    left: 85px;
    margin-top: -70px;
  }
  #warrantyRequestForm .spare_part_detail_bg {
    width: 100%;
  }
  #warrantyRequestForm .spare_part_detail_row .sp_qty {
    width: 7.3%;
  }
  #warrantyRequestForm .spare_part_detail_row .sp_name_data {
    width: 21%;
  }
  #warrantyRequestForm .spare_part_detail_row2 .sp_qty {
    width: 7%;
  }
  #warrantyRequestForm .spare_part_detail_row2 .sp_qty input {
    max-width: 40px !important;
  }
  #warrantyRequestForm .spare_part_detail_row2 .sp_name_data {
    width: 33.5%;
  }
  #warrantyRequestForm .spare_part_detail_row2 .sp_name_data input {
    margin-left: 25px;
    width: 100%;
    max-width: 188px;
  }
  #warrantyRequestForm .spare_part_detail_row2 .sp_name_data_tab {
    width: 28%;
  }
  #warrantyRequestForm .spare_part_detail_row2 .sp_name_data input {
    margin-left: 25px;
    width: 100%;
    max-width: 188px !important;
  }
  #warrantyRequestForm .spare_part_detail_row2 .sp_name_data_tab input {
    margin-left: 0;
  }
  #warrantyRequestForm .spare_part_detail_row2 .delete_tab {
    width: 6%;
  }
  #warrantyRequestForm .section sp_qty,
  #warrantyRequestForm .sp_name_data {
    padding-left: 0;
  }
  #warrantyRequestForm #spare_part_multiple_products_information {
    padding-left: 40px;
  }
  #warrantyRequestForm #spare_part_multiple_products_information .spare_part_detail_bg label {
    display: block;
    text-align: left;
  }
  #warrantyRequestForm #spare_part_multiple_products_information .deleteOption {
    top: 32px;
  }
  #warrantyRequestForm .dateofservice-calendar .input-group-addon:last-child {
    display: inline-flex;
    height: 35px;
    padding-top: 9px;
    padding-right: 25px;
  }
  #warrantyRequestForm .ship-date-width {
    width: 162px;
  }
  #warrantyRequestForm .add-desktop {
    margin-left: 38px;
  }
  #warrantyRequestForm .spare-part-error {
    padding-left: 10px;
    margin-left: -31px;
  }
  #warrantyRequestForm .eco3-datepicker {
    margin-bottom: 0;
  }
  #warrantyRequestForm .warranty-input-width {
    width: auto ;
  }
  #warrantyRequestForm .warranty-input-width.sparePartDataList {
    width: auto;
  }
  #warrantyRequestForm .warranty-input-width #externalReference {
    width: 258px;
  }
  #warrantyRequestForm .warranty-input-width #date_of_service {
    width: 223px;
  }
  #warrantyRequestForm .non-mandatory-check-serialNumber {
    top: 40px;
    right: 0px;
  }
  /*--------------------------- Warranty create end -----------------------------*/
  .rwd-warranty-page .warranty-body-section .attachment-block {
    padding-bottom: 15px;
  }
  .rwd-warranty-page .general-data {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  /******warranty advance serach page******/
  .page-warrantyHistoryListPage #lead-history-container .ech-tab-table .ech-tab-table-content .warranty-history-dataContent {
    display: block;
    width: 95%;
    margin: 0 auto;
  }
  .page-warrantyHistoryListPage #lead-history-container .ech-tab-table ul.secondary-nav-tabs li {
    min-width: 135px !important;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section {
    margin-top: 0;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .search-type-label {
    right: 0;
    text-align: center;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section li.tab-link.tab-menu-list-menu:last-child {
    border-right: none;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section li.tab-link.tab-menu-list-menu {
    width: auto;
    min-width: 115px !important;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .secondary-tabs-section li.tab-link.tab-menu-list-menu:first-child {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead.active {
    padding: 0;
    float: none;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead.active input {
    max-width: 100%;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead.active select#status {
    max-width: 98%;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead input#warrantyNumber + i {
    right: 0px;
    top: 50px;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead input#dateFrom,
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead input#dateTo {
    max-width: 160px !important;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead .common-tab-adv-search-submit {
    left: 0;
    clear: both;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead .search-outer-container {
    padding: 0 !important;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead#lead-tab-1 .lead-input-container {
    padding: 0;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead#lead-tab-1 .common-tab-adv-search-submit.row {
    margin: 0 auto !important;
    padding: 0;
    text-align: left;
    width: 33.33%;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead#lead-tab-1 .common-tab-adv-search-submit.row div {
    padding-left: 0;
  }
  .page-warrantyHistoryListPage #lead-history-container .adv-search-container.row .secondary-tab-wrapper.lead-advanced-search-section .tab-content-lead#lead-tab-2 .common-tab-adv-search-submit.row div {
    margin-bottom: 30px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  #warrantyRequestForm input,
  #warrantyRequestForm select {
    max-width: 250px;
    float: left;
  }
  #warrantyRequestForm textarea {
    max-width: 288px;
    float: left;
    max-height: 100px;
    resize: none;
  }
  #warrantyRequestForm .warrantyHeader {
    font-family: Roboto;
    line-height: 23px;
    color: #434343;
    float: left;
    text-align: left;
    text-transform: uppercase;
    height: 30px;
    font-weight: 500;
    font-size: 12.0pt;
    margin-left: -2px;
  }
  #warrantyRequestForm .fileInputReset {
    top: -40px;
    float: left;
    right: 100px;
  }
  #warrantyRequestForm .sp_qty input {
    max-width: 68px !important;
    height: 33px;
    font-family: Roboto;
    font-size: 11.0pt;
    font-weight: 400;
    line-height: 21px;
    color: #666666;
    background-color: #fcfcfc;
    border: 1px solid #d9d9d9;
    padding-left: 10px;
    float: none;
  }
  #warrantyRequestForm .sp_name_data_input {
    height: 35px;
    max-width: none;
    font-family: Roboto;
    font-weight: 400;
    font-size: 11.0pt;
    line-height: 21px;
    color: #666666;
    padding-left: 10px;
    width: 100%;
  }
  #warrantyRequestForm .dateofservice-calendar {
    width: 249px;
  }
  #warrantyRequestForm .warranty-helpr {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
  #warrantyRequestForm .mobile-delete {
    background-color: #f3f3f3;
    max-width: 81px;
    padding-top: 29px;
    padding-bottom: 15px;
    height: 95px;
  }
  #warrantyRequestForm .attachmentBlockSection small {
    line-height: 30px;
  }
  #warrantyRequestForm .add-desktop {
    padding-left: 79px;
  }
  #warrantyRequestForm .spare-part-error {
    margin-left: -27px;
    padding-left: 0;
  }
  #warrantyRequestForm .your-file {
    margin-left: -2px;
  }
  #warrantyRequestForm .non-mandatory-check-serialNumber {
    top: 40px;
    right: 140px;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import warranty  page*/
/******************************************************************************************************************
/* File Name        : trillium.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 17-Jun-2018
/* Description      : This is less code for the trillium address
/*******************************************************************************************************************/
.trillium-wrapper {
  display: none;
}
.trillium-wrapper .trilpopup h3 {
  font-size: 19px;
  text-align: center;
  line-height: 27px;
  color: #333333;
  background-color: #ffffff;
  margin: 30px 0;
}
.trillium-wrapper .trilpopup ul {
  padding-left: 0;
}
.trillium-wrapper .trilpopup ul li {
  list-style: none;
  font-weight: 500;
  padding: 0;
  display: inline-block;
  margin: 20px 0 0 25px;
  font-size: 16px;
}
.trillium-wrapper .trilpopup ul li:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #009cdd;
  display: block;
  float: left;
  margin: 3px 30px 20px 0;
}
.trillium-wrapper .trilpopup .your-entered-address,
.trillium-wrapper .trilpopup .suggested-address {
  margin: 20px 25px 40px 25px;
  text-align: left;
}
.trillium-wrapper .trilpopup .your-entered-address h2,
.trillium-wrapper .trilpopup .suggested-address h2 {
  background-color: #ffffff;
  position: relative;
  float: none;
  padding: 0;
}
.trillium-wrapper .trilpopup .your-entered-address h2 span,
.trillium-wrapper .trilpopup .suggested-address h2 span {
  font-size: 16px;
  color: #009cdd !important;
  background-color: #ffffff;
  padding-right: 25px;
  position: relative;
  z-index: 99;
  font-weight: normal;
}
.trillium-wrapper .trilpopup .your-entered-address h2:after,
.trillium-wrapper .trilpopup .suggested-address h2:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 0.5em;
  border-top: 1px solid #999999;
}
.trillium-wrapper .trilpopup .address-wrapper {
  display: table;
  width: 80%;
  margin: 0 auto;
}
.trillium-wrapper .trilpopup .address-wrapper .left-address {
  font-size: 15px;
  line-height: 21px;
  color: #434343;
  display: table-cell;
  text-align: left;
  width: 50%;
}
.trillium-wrapper .trilpopup .address-wrapper .left-address span.is-trill-content {
  width: 60%;
  display: inline-block;
}
.trillium-wrapper .trilpopup .address-wrapper .right-address {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.trillium-wrapper .trilpopup .address-wrapper .right-address button#continue-with-old-address,
.trillium-wrapper .trilpopup .address-wrapper .right-address button#change-to-proposed-address {
  width: 250px;
  padding: 10px;
  font-size: 11pt;
  font-weight: normal;
  background: none;
  color: #666666;
  display: inline-block;
  cursor: pointer;
  border: none !important;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
  color: #009cdd;
  text-transform: uppercase;
  background-color: #f3f3f3;
  white-space: initial;
  height: auto !important;
  min-height: 40px;
}
.trillium-wrapper .trilpopup p.goBack {
  font-size: 15px;
  text-align: center;
  line-height: 21px;
  margin: 40px 0;
  font-weight: 500;
}
.trillium-wrapper .trilpopup button.trillium-goback-button {
  display: block;
  margin: 0 auto 30px auto;
}
/* imports the variable.less */
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .trillium-wrapper .trilpopup ul li {
    margin-left: 0;
  }
  .trillium-wrapper .trilpopup ul li:before {
    margin: 3px 30px 15px 0;
  }
  .trillium-wrapper .trilpopup .addWrap .your-entered-address,
  .trillium-wrapper .trilpopup .addWrap .suggested-address {
    margin: 0;
  }
  .trillium-wrapper .trilpopup .addWrap .address-wrapper {
    display: block;
    width: 100%;
  }
  .trillium-wrapper .trilpopup .addWrap .address-wrapper .left-address,
  .trillium-wrapper .trilpopup .addWrap .address-wrapper .right-address {
    display: block;
    width: 100%;
    text-align: center;
    margin: 40px auto;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import trillium address*/
/******************************************************************************************************************
/* File Name        : bogabogo.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 24-July-2018
/* Description      : This is less code for the bogabogo  section
/*******************************************************************************************************************/
/* imports the variable.less */
/* Boga-overlay start */
#mtModalBoga .modal-dialog .modal-content {
  max-width: none;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay .cancel-button-container a {
  cursor: pointer;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs {
  padding-left: 0;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs li {
  display: inline-block;
  list-style-type: none;
  position: relative;
  color: #434343;
  background-color: #fcfcfc;
  box-shadow: 0 0 4px 1px #cccccc;
  font-size: 15px;
  padding-top: 7px;
  cursor: pointer;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs li#free-items {
  border-left: 1px solid #d9d9d9;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs li.active {
  color: #009cdd;
  box-shadow: 0 0 4px 0 #009cdd;
  z-index: 99;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs li:nth-child(2) {
  margin-left: -2px;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .paid-count,
#mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .free-count {
  font-weight: 500;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr th,
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr th {
  font-size: 15px;
  border-bottom: none !important;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td,
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td {
  border-top: 1px solid #d9d9d9 !important;
  outline: none;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .eco3-checkbox input[type="checkbox"],
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .eco3-checkbox input[type="checkbox"] {
  height: 18px;
  width: 18px;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .boga-product-description,
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .boga-product-description {
  word-wrap: break-word;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .boga-quantity-picker,
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .boga-quantity-picker {
  display: table;
  width: 100%;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .boga-quantity-picker .count-input,
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .boga-quantity-picker .count-input {
  display: inline-block;
  position: relative;
  width: auto;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .boga-quantity-picker .minus-count,
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .boga-quantity-picker .minus-count {
  float: none;
  display: inline-block;
  height: 25px;
  position: relative;
  top: 7px;
  left: 5px;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .boga-quantity-picker .plus-count,
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .boga-quantity-picker .plus-count {
  float: none;
  display: inline-block;
  height: 25px;
  position: relative;
  top: 7px;
  right: 5px;
}
#mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .boga-quantity-picker input,
#mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .boga-quantity-picker input {
  float: none !important;
  display: inline-block;
}
#mtModalBoga .count-enabled {
  color: #83bc34;
}
#mtModalBoga .count-disabled {
  color: #d50032;
}
#mtModalBoga .boga-checkbox-inactive {
  pointer-events: none;
}
#mtModalBoga .boga-checkbox-inactive + .checkmark {
  pointer-events: none;
}
#mtModalBoga .init-picker .boga-quantity-input-box {
  opacity: 0.5;
}
.boga-remove-items {
  background-color: #f3f3f3;
  width: 400px;
  height: 192px;
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
}
.boga-remove-items .boga-remove-text {
  font-size: 15px;
  font-family: Roboto;
  padding-bottom: 20px;
  font-weight: 400;
}
.boga-remove-items .boga-remove-yes {
  width: 70px;
  height: 30px;
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
  min-width: 0;
  min-height: 0;
}
.boga-remove-items .boga-remove-no {
  background-color: #f3f3f3;
  color: #434343;
  border: 0;
}
.boga-remove-items .boga-text-display {
  display: block;
}
.boga-remove-items .icon-close {
  width: 25px !important;
  height: 25px !important;
  background-size: 25px !important;
}
.boga-remove-items .yes-no-alignment {
  display: flex;
  justify-content: center;
}
/* Boga-overlay end */
.boga-container-wrapper {
  padding: 15px;
}
.boga-container-wrapper .boga-data-container p {
  font-size: 13px;
  text-align: center;
  margin: 20px auto 0 auto;
  width: 80%;
}
.boga-container-wrapper .boga-data-container .boga-text-1 {
  font-size: 16px;
  text-align: center;
  line-height: 21px;
  color: #434343;
  font-weight: 500;
}
.boga-container-wrapper .boga-reconfigure-container {
  font-family: Roboto-Regular;
  font-size: 16px;
  text-align: center;
  line-height: 21px;
  padding-bottom: 20px;
}
.boga-container-wrapper .boga-reconfigure-container p {
  margin: 0;
}
.boga-container-wrapper .boga-reconfigure-container .text-boga-popup {
  max-width: 297px;
  margin: auto;
}
.boga-container-wrapper .responsive-boga-cartbuttons .add-as-boga-opt-button-container a,
.boga-container-wrapper .responsive-boga-cartbuttons .skip-boga-opt-button-container a {
  margin: 40px auto 10px auto;
  display: block;
  text-align: center;
  font-size: 15px;
}
.boga-container-wrapper .responsive-boga-cartbuttons .skip-configuration {
  font-size: 15px;
  font-weight: normal;
  color: #434343;
  border: none;
  text-align: center;
  margin: 20px auto 0 auto;
  display: block;
  background-color: #ffffff;
}
div#boga-bogoconfiguration .boga-container-wrapper p.bogo-text-label2 {
  margin-top: 0;
}
#boga-reconfiguration .button-new-reconfigure {
  margin-bottom: 0;
}
#boga-reconfiguration .reconfigure-skip-button {
  margin-top: 0;
  height: 60px;
}
.bogo-switch-label {
  min-width: 96px;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
  color: #009cdd;
}
.full-opacity {
  opacity: 1;
}
.mid-opacity {
  opacity: 0.5;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  #mtModalBoga .modal-dialog .modal-content #boga-overlay {
    margin-top: 30px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs {
    margin-bottom: 30px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs li {
    width: 140px;
    font-size: 13px;
    height: 30px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container {
    display: table;
    width: 100%;
    text-align: center;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .paid-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .free-count {
    font-size: 15px;
    color: #333333;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .paid-count.paid-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .free-count.paid-count {
    display: table-cell;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .paid-count.free-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .free-count.free-count {
    display: table-cell;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table {
    width: 100% !important;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td {
    height: 275px;
    padding-top: 15px;
    white-space: normal;
    vertical-align: top;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td:nth-child(1),
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td:nth-child(1) {
    width: 100px;
    padding-right: 0;
    position: relative;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td:nth-child(2),
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td:nth-child(2) {
    padding-left: 0;
    position: relative;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container {
    text-align: left;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .eco3-checkbox,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .eco3-checkbox {
    position: absolute;
    bottom: 30px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-image-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-image-container {
    display: inline-block;
    width: 96px;
    height: 96px;
    position: absolute;
    top: 10px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container {
    text-align: left;
    margin-bottom: 20px;
    position: absolute;
    top: 10px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container .product-title,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container .product-title {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #434343;
    margin-bottom: 25px;
    word-break: break-word;
    line-height: 18px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container .priceValue,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container .priceValue {
    font-size: 15px;
    color: #009cdd;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 25px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container .product-item-number,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container .product-item-number,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container .boga-product-description,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container .boga-product-description {
    font-size: 13px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container .product-item-number.product-item-number,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container .product-item-number.product-item-number,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container .boga-product-description.product-item-number,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container .boga-product-description.product-item-number {
    margin-bottom: 25px;
    color: #333333;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container .product-item-number.boga-product-description,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container .product-item-number.boga-product-description,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-description-container .boga-product-description.boga-product-description,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-description-container .boga-product-description.boga-product-description {
    word-break: break-word;
    line-height: 18px;
    font-weight: 400;
    color: #434343;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container {
    position: absolute;
    bottom: 20px;
    left: -13px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker .minus-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker .minus-count {
    height: 27px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker .minus-count .icon-minus,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker .minus-count .icon-minus {
    height: 27px;
    background-size: 21px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker .plus-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker .plus-count {
    height: 27px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker .plus-count .icon-plus,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker .plus-count .icon-plus {
    height: 27px;
    background-size: 21px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker input,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker input {
    height: 27px;
    width: 60px !important;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .action-button-container {
    margin-top: 70px;
    margin-bottom: 25px;
    text-align: center;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .cancel-button-container {
    text-align: center;
  }
  .boga-container-wrapper {
    padding: 20px;
  }
  .boga-container-wrapper .boga-data-container p {
    font-size: 12px;
    width: 100%;
  }
  .boga-container-wrapper .boga-data-container .boga-text-1 {
    font-size: 15px;
  }
  .boga-container-wrapper .responsive-boga-cartbuttons .add-as-boga-opt-button-container a,
  .boga-container-wrapper .responsive-boga-cartbuttons .skip-boga-opt-button-container a {
    margin: 40px auto 10px auto;
  }
  .counter-left-align {
    padding-left: 25px;
  }
  .boga-remove-items {
    background-color: #f3f3f3;
    width: auto;
    height: 199px;
    font-size: 15px;
  }
  .boga-remove-items .boga-remove-text {
    font-size: 15px;
    padding-bottom: 20px;
  }
  .boga-remove-items .boga-remove-yes {
    width: 70px !important;
    height: 30px !important;
    width: auto;
    font-size: 13px;
    min-width: 0;
  }
  .boga-remove-items .boga-text-display {
    display: initial;
  }
  .boga-bogo-modal-dialog {
    width: auto !important;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /* Boga-overlay start */
  #mtModalBoga .modal-dialog .modal-content #boga-overlay {
    margin-top: 50px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs {
    margin-bottom: 20px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs li {
    width: 170px;
    height: 32px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table {
    width: 650px !important;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr th:nth-child(1),
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr th:nth-child(1) {
    padding-left: 26%;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td {
    height: 159px;
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container {
    text-align: left;
    min-height: 111px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .eco3-checkbox,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .eco3-checkbox {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    margin-bottom: 0;
    bottom: 8px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .eco3-checkbox input[type="checkbox"],
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .eco3-checkbox input[type="checkbox"] {
    margin: 0 auto;
    margin-right: 20px;
    vertical-align: middle;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .eco3-checkbox .checkmark,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .eco3-checkbox .checkmark {
    left: none;
    top: none;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-image-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-image-container {
    display: inline-block;
    width: 96px;
    height: 96px;
    margin-right: 20px;
    vertical-align: middle;
    margin-left: 40px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-description-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-description-container {
    display: inline-block;
    max-width: 306px;
    vertical-align: middle;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-description-container .product-title,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-description-container .product-title {
    display: block;
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #434343;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-description-container .product-item-number,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-description-container .product-item-number {
    margin-bottom: 23px;
    font-size: 13px;
    color: #434343;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-description-container .boga-product-description,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-description-container .boga-product-description {
    font-size: 13px;
    color: #434343;
    padding-right: 10px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container {
    min-height: 111px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .priceValue,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .priceValue {
    font-size: 15px;
    color: #009cdd;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 28px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker .icon-minus,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker .icon-minus {
    height: 25px;
    background-size: 21px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker .icon-plus,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker .icon-plus {
    height: 25px;
    background-size: 21px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker input,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker input {
    width: 55px;
    height: 25px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .action-button-container {
    text-align: center;
    margin-top: 60px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .action-button-container input {
    display: inline-block;
    font-size: 15px;
    width: 180px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .cancel-button-container {
    text-align: center;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .cancel-button-container a {
    display: inline-block;
    font-size: 15px;
    color: #434343;
    margin-top: 25px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container {
    margin-bottom: 10px;
    text-align: left;
    padding-left: 8px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .paid-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .free-count {
    font-size: 15px;
    color: #333333;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .paid-count.paid-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .free-count.paid-count {
    margin-right: 34px;
  }
  .boga-bogo-modal-dialog {
    width: 708px !important;
  }
  /* Boga-overlay end */
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /* Boga-overlay start */
  #mtModalBoga .modal-dialog .modal-content #boga-overlay {
    margin-top: 50px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs {
    margin-bottom: 20px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .boga-tabs li {
    width: 170px;
    height: 32px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table {
    width: 650px !important;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr th:nth-child(1),
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr th:nth-child(1) {
    padding-left: 26%;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td {
    height: 159px;
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container {
    text-align: left;
    min-height: 111px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .eco3-checkbox,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .eco3-checkbox {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    margin-bottom: 0;
    bottom: 8px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .eco3-checkbox input[type="checkbox"],
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .eco3-checkbox input[type="checkbox"] {
    margin: 0 auto;
    margin-right: 20px;
    vertical-align: middle;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .eco3-checkbox .checkmark,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .eco3-checkbox .checkmark {
    left: none;
    top: none;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-image-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-image-container {
    display: inline-block;
    width: 96px;
    height: 96px;
    margin-right: 20px;
    vertical-align: middle;
    margin-left: 40px;
    cursor: pointer;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-description-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-description-container {
    display: inline-block;
    max-width: 220px;
    vertical-align: middle;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-description-container .product-title,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-description-container .product-title {
    display: block;
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #434343;
    cursor: pointer;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-description-container .product-item-number,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-description-container .product-item-number {
    margin-bottom: 23px;
    font-size: 13px;
    color: #434343;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-details-container .product-description-container .boga-product-description,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-details-container .product-description-container .boga-product-description {
    font-size: 13px;
    color: #434343;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container {
    min-height: 111px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .priceValue,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .priceValue {
    font-size: 15px;
    color: #009cdd;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 28px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker .icon-minus,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker .icon-minus {
    height: 25px;
    background-size: 21px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker .icon-plus,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker .icon-plus {
    height: 25px;
    background-size: 21px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #boga-items-content table tr td .product-action-container .boga-quantity-picker input,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay #free-items-content table tr td .product-action-container .boga-quantity-picker input {
    width: 55px;
    height: 25px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .action-button-container {
    text-align: center;
    margin-top: 60px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .action-button-container input {
    display: inline-block;
    font-size: 15px;
    width: 180px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .cancel-button-container {
    text-align: center;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .cancel-button-container a {
    display: inline-block;
    font-size: 15px;
    color: #434343;
    margin-top: 25px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container {
    margin-bottom: 10px;
    text-align: left;
    padding-left: 8px;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .paid-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .free-count {
    font-size: 15px;
    color: #333333;
  }
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .paid-count.paid-count,
  #mtModalBoga .modal-dialog .modal-content #boga-overlay .selected-items-count-container .free-count.paid-count {
    margin-right: 34px;
  }
  /* Boga-overlay end */
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import bogabogo feature*/
/******************************************************************************************************************
/* File Name        : calibration-service.less
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 28-Feb-2019
/* Description      : This is less code for the calibration-service  section
/*******************************************************************************************************************/
/* imports the variable.less */
/* START : Calibration-Service */
.calibration-service-section-wrapper {
  width: 100%;
  display: inline-block;
}
.calibration-service-section-wrapper input.readonly {
  opacity: 0.4;
}
.calibration-service-section-wrapper .section-left {
  padding-right: 10px;
}
.calibration-service-section-wrapper .service-minicart-right-section {
  padding-right: 0;
  max-width: 360px;
  padding-left: 0;
  margin-left: 19px;
}
.calibration-service-section-wrapper .border-style-section {
  border: 1px solid #cccccc;
  padding: 0;
  border-top: none;
  margin-bottom: 25px;
}
.calibration-service-section-wrapper .calibration-address-edit-mode-section .billing-add-save-btn {
  margin-right: 0;
}
.calibration-service-section-wrapper .billing-top {
  margin-top: 0 !important;
}
.calibration-service-section-wrapper .service-specification-section {
  width: 70%;
}
.calibration-service-section-wrapper .service-specification-section .getdeliveryAddressListTable {
  margin-bottom: 0 !important;
}
.calibration-service-section-wrapper .service-specification-section .dataTables_paginate {
  padding-top: 0;
  padding-bottom: 10px;
}
.calibration-service-section-wrapper .service-specification-section .dataTables_paginate .paginate_button {
  margin-top: 20px !important;
}
.calibration-service-section-wrapper .title-plate {
  height: 40px;
  width: 100%;
  background-color: #f3f3f3;
  margin: 30px 0 30px 0;
}
.calibration-service-section-wrapper .title-plate h2 {
  color: #ffffff;
  line-height: 23px;
  font-size: 18px;
  background-color: #009cdd;
  height: 40px;
  min-width: 200px;
  padding: 10px;
  float: left;
  margin: 0;
  text-align: left;
  font-weight: 400;
}
.calibration-service-section-wrapper .title-plate .shipping-contact-width {
  width: 229px;
}
.calibration-service-section-wrapper .billing-section {
  margin: 0;
}
.calibration-service-section-wrapper .lead-error-container .products-error {
  max-width: 470px;
}
.calibration-service-section-wrapper .service-plan-heading {
  margin: 0 0 25px 0 !important;
}
.calibration-service-section-wrapper .service-plan-heading .service-plan-title {
  min-width: 260px;
}
.calibration-service-section-wrapper .additional-info-align {
  float: left;
  padding-left: 20px;
  font-size: 17px;
}
.calibration-service-section-wrapper .standard-info-icon {
  display: flex;
}
.calibration-service-section-wrapper .terms-and-condition-section {
  padding-left: 0;
}
.calibration-service-section-wrapper .terms-and-condition-section .eco3-checkbox {
  padding-left: 40px !important;
}
.calibration-service-section-wrapper .terms-and-condition-section .checkmarks-required {
  color: #d50032 !important;
  float: left;
  margin-left: 40px;
}
.calibration-service-section-wrapper .terms-and-condition-section .checkbox-has-error {
  border-color: #d50032 !important;
  background: #fdf3f5 !important;
}
.calibration-service-section-wrapper .service-payment {
  padding-left: 20px;
}
.calibration-service-section-wrapper .service-payment .service-invoice-section {
  padding-bottom: 25px;
}
.calibration-service-section-wrapper .service-payment .service-invoice-section .radio label {
  padding-left: 20px;
}
.calibration-service-section-wrapper .service-payment .service-invoice-section .payment-only {
  text-align: left;
}
.calibration-service-section-wrapper .service-plan-section {
  width: 100%;
  display: inline-block;
  margin-left: 0;
  color: #434343;
  font-size: 12pt;
  font-family: Roboto;
  padding-right: 5px;
}
.calibration-service-section-wrapper .service-plan-section .select-address-text {
  text-align: left;
  padding-left: 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.calibration-service-section-wrapper .service-plan-section .additional-information-container {
  padding-left: 20px;
}
.calibration-service-section-wrapper .service-plan-section .eco3-checkbox.plp-eco3-checkbox {
  text-align: justify;
}
.calibration-service-section-wrapper .service-plan-section .service-plan-content-wrapper .column-2-width {
  min-width: 130px;
}
.calibration-service-section-wrapper .service-plan-section .service-plan-content-wrapper .standard-price-width {
  line-break: anywhere;
}
.calibration-service-section-wrapper .service-plan-section .return-kit-address-section .form-control {
  height: 35px;
}
.calibration-service-section-wrapper .service-plan-section .return-kit-address-section .save-btn-returnkit {
  margin-left: -15px;
}
.calibration-service-section-wrapper .service-plan-section .return-kit-hide-show-content {
  display: inline;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox {
  padding-left: 17px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .radio label {
  font-size: 16px;
  font-weight: normal;
  padding-left: 20px;
  line-height: 21px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .eco3-checkbox {
  margin-bottom: 15px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .checkbox-align {
  margin-top: 10px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .form-left-section {
  padding-left: 3px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .form-left-section .non-mandatory-check,
.calibration-service-section-wrapper .service-plan-section .return-checkbox .form-left-section .fa-times,
.calibration-service-section-wrapper .service-plan-section .return-checkbox .form-left-section .fa-check {
  display: block !important;
  top: 40px;
  right: -27px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .form-right-section {
  padding-left: 3px;
  margin-left: 42px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .form-right-section select.form-control {
  height: 35px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .form-right-section .non-mandatory-check {
  display: block !important;
  top: 40px;
  right: -27px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .edit-btn-returnkit {
  padding-left: 22px;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .return-kit-section-nonedit-section {
  text-align: left;
  padding-left: 22px;
}
.calibration-service-section-wrapper .service-plan-section .return-checkbox .checkbox-disable-one,
.calibration-service-section-wrapper .service-plan-section .return-checkbox .checkbox-disable-second {
  border: 2px solid #cccccc;
}
.calibration-service-section-wrapper .service-plan-section .checkbox-click {
  float: left;
  width: auto;
}
.calibration-service-section-wrapper .service-plan-section .checkbox-align {
  padding-left: 23px;
  display: inline;
}
.calibration-service-section-wrapper .service-plan-section .checkbox-align label {
  font-weight: 400;
  font-size: 15px;
  text-transform: none;
}
.calibration-service-section-wrapper .service-plan-section .checkbox-align .eco3-checkbox {
  padding-left: 25px;
  cursor: pointer;
}
.calibration-service-section-wrapper .service-plan-section .checkbox-align .eco3-checkbox .second-checkbox-terms {
  top: 23px;
}
.calibration-service-section-wrapper .service-plan-section .checkbox-align label[for="estimateCheckbox"] {
  margin-bottom: 0;
}
.calibration-service-section-wrapper .service-plan-section .checkbox-align .disabledCheckbox {
  opacity: 0.8;
}
.calibration-service-section-wrapper .service-plan-section .checkbox-align .disabledCheckbox span.checkmark {
  cursor: not-allowed;
  background: #d9d9d9;
}
.calibration-service-section-wrapper .service-plan-section .add-to-cart-service {
  float: right;
}
.calibration-service-section-wrapper .service-plan-section .service-plan-dropdown {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
}
.calibration-service-section-wrapper .service-plan-section .service-plan-dropdown select.form-control option {
  font-size: 13px;
}
.calibration-service-section-wrapper .service-plan-section .service-plan-dropdown .bullet-title:before {
  margin-top: 1px;
}
.calibration-service-section-wrapper .service-plan-section .service-plan-dropdown .multi-line-bullet-title .bullet-text {
  line-height: 20px;
}
.calibration-service-section-wrapper .service-plan-section .service-plan-dropdown .multi-line-bullet-title:before {
  margin-top: 9px;
}
.calibration-service-section-wrapper .service-plan-section .service-plan-dropdown .form-control[disabled] {
  background: #d9d9d9 !important;
}
.calibration-service-section-wrapper .service-plan-section .as-found-dropdown,
.calibration-service-section-wrapper .service-plan-section .as-returned-dropdown {
  padding-left: 28px;
}
.calibration-service-section-wrapper .radioButtonLabel {
  text-transform: none !important;
}
.calibration-service-section-wrapper .bck-nxt-btn {
  padding-top: 40px;
  padding-bottom: 80px;
}
.calibration-service-section-wrapper .bck-nxt-btn .back-btn {
  text-align: left;
  margin-left: -10px;
}
.calibration-service-section-wrapper .edit-btn-pipette {
  text-align: left;
  padding: 20px;
}
.calibration-service-section-wrapper .edit-btn-pipette .address-text-pipette {
  font-weight: 400;
  font-size: 15px;
}
.calibration-service-section-wrapper .service-instruction-section {
  width: 100%;
  display: inline-block;
  margin-left: 0;
  margin-bottom: 20px;
}
.calibration-service-section-wrapper .service-instruction-section textarea {
  width: 95%;
  resize: none;
  border-radius: 0;
}
.calibration-service-section-wrapper .bullet-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}
.calibration-service-section-wrapper .bullet-text.other-label {
  line-height: 42px;
}
.calibration-service-section-wrapper .pipette-info-wrapper {
  background: #f3f3f3;
  margin: 10px 40px 20px 20px;
  height: auto;
  text-align: left;
}
.calibration-service-section-wrapper .pipette-info-wrapper .item {
  text-transform: capitalize;
  font-weight: normal;
}
.calibration-service-section-wrapper .pipette-info-wrapper .item span.cross {
  text-transform: lowercase;
}
.calibration-service-section-wrapper .pipette-info-wrapper .carrier-delete-button .eco3-icon {
  top: -10px;
}
.calibration-service-section-wrapper #calibration-your-service-section .mini-cart-table .cross {
  font-size: 10pt;
}
.calibration-service-section-wrapper #calibration-your-service-section h2 {
  padding-left: 15px;
  text-align: center;
  min-width: 180px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service {
  margin: 0;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section {
  overflow: hidden;
  border: 1px solid #cccccc;
  border-top: none;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section {
  padding: 100px 20px;
  overflow: hidden;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .service-plan-label {
  text-align: left;
  margin: 15px 0;
  font-size: 12pt !important;
  color: #434343;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .not-empty-servicecart :not(.estimate-price-wrapper) label {
  margin-bottom: 0;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table {
  width: 100%;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td:first-child {
  text-align: left;
  width: 170px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td {
  width: 73px;
  padding: 5px 0;
  text-align: center;
  color: #434343;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td.half {
  width: 50%;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td p {
  margin: 0;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td select.pipettes-type {
  padding: 5px 7px;
  max-width: 70px;
  margin: 0 auto;
  outline: none;
  width: 50px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td label,
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td p.price {
  text-transform: initial;
  font-size: 11pt;
  font-weight: normal;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td label :not(.dna-rna-label-cell),
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td p.price :not(.dna-rna-label-cell) {
  text-transform: capitalize;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section table td.text-align-right {
  text-align: right;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper {
  width: 100%;
  display: inline-block;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper label {
  float: left;
  position: relative;
  top: 5px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper .estimate-price {
  font-size: 14pt;
  font-weight: 600;
  float: left;
  position: relative;
  top: 5px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper .price {
  color: #009cdd;
  text-align: right;
  float: right;
  position: relative;
  top: 20px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper:before {
  content: "";
  background-color: #cccccc;
  position: absolute;
  height: 1px;
  width: 86%;
  display: block;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section p.total-qty {
  margin: 0 auto;
  width: 50px;
  text-align: center;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .empty-servicecart {
  height: 220px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .empty-servicecart .form-fill-text {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-size: 16px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section:after {
  content: "";
  position: absolute;
  height: 1px;
  left: 5%;
  width: 90%;
  display: block;
  margin-top: 5px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .mini-cart-height {
  max-height: 380px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .bottom-section {
  text-align: left;
  padding: 20px;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .bottom-section .services-minicart-cmsslot * {
  word-break: break-word;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .bottom-section .services-minicart-cmsslot p {
  margin: 0;
  font-size: 10pt;
}
.calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .bottom-section .services-minicart-cmsslot h2 {
  font-size: 12pt;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-align: left;
}
.calibration-service-section-wrapper #calibration-your-service-section .pipette-guest-login-wrapper .pipette-login-btn-wrapper {
  padding: 20px 0;
}
.calibration-service-section-wrapper #calibration-your-service-section .pipette-guest-login-wrapper .pipette-login-btn-wrapper .create-info-pcs-guest {
  display: block;
  margin-top: 20px;
}
.calibration-service-section-wrapper #calibration-your-service-section .pipette-guest-login-wrapper .pipette-login-btn-wrapper .plan-select-btn {
  font-size: 16px;
}
.calibration-service-section-wrapper #calibration-your-service-section .pipette-guest-login-wrapper .pipette-registration-section-wrapper {
  padding: 20px 0 10px 0;
}
.calibration-service-section-wrapper #calibration-your-service-section .pipette-guest-login-wrapper .checkout-button-container {
  margin-bottom: 15px !important;
}
.calibration-service-section-wrapper .save-btn-right .save-btn-service {
  float: right;
}
.calibration-service-section-wrapper .price i {
  background-size: 20px;
  position: relative;
  cursor: unset;
  right: -6px;
  top: 0;
  float: right;
}
.calibration-service-section-wrapper .info-note {
  min-height: 35px;
  position: relative;
  left: -5px;
  top: 0px;
}
.calibration-service-section-wrapper .info-note i {
  float: left;
  top: -7px;
  left: -5px;
}
.calibration-service-section-wrapper .service-default-addresscontainer {
  opacity: 0.5;
  float: right;
  margin-right: 30px;
}
.calibration-service-section-wrapper .service-default-addresscontainer label {
  text-transform: none;
}
.calibration-service-section-wrapper .service-default-addresscontainer label .checkmark {
  top: 5px;
}
.calibration-service-section-wrapper .service-default-addressbook {
  opacity: 0.5;
}
.calibration-service-section-wrapper .service-default-addressbook label {
  cursor: inherit;
}
.calibration-service-section-wrapper .active-checkbox {
  opacity: 1;
}
.calibration-service-section-wrapper .active-checkbox label {
  cursor: pointer;
}
.calibration-service-section-wrapper .service-default-address-book {
  float: left;
}
.calibration-service-section-wrapper .save-to-addressBook {
  padding-left: 60px;
}
.calibration-service-section-wrapper .service-default-addressbook {
  padding-left: 45px;
}
.calibration-service-section-wrapper .service-personalinfo-action-container .service-savecancel-section {
  padding-right: 10px;
}
.calibration-service-section-wrapper .quote-description-section-pcs {
  padding: 0 20px;
}
.calibration-service-section-wrapper .quote-description-section-pcs span {
  font-size: 13px;
  font-weight: 500;
}
.calibration-service-section-wrapper .quote-description-section-pcs #quoteDescriptionPcs {
  width: 250px !important;
}
.calibration-service-section-wrapper .quote-description-section-pcs .fa {
  position: absolute;
  top: 35px;
  left: 283px;
}
#other-radio {
  width: 55px;
  text-align: center;
  float: left;
  margin-right: 10px;
  position: relative;
  top: -5px;
}
#other-radio[readonly=readonly] {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.other-dropdown-mobile-block #other-dropdown-mobile {
  width: 55px;
  text-align: center;
  float: left;
  margin-right: 10px;
  position: relative;
  top: 10px;
}
.other-dropdown-mobile-block span {
  position: relative;
  top: 18px;
}
.contact-person-non-edit-mode-section {
  width: 100%;
  display: inline-block;
}
.calibration-service-cart-item-block #no-records-found-text {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  padding: 0 15px;
  min-height: 40px;
}
.calibration-service-cart-item-block #no-records-found-text .eco3-icon.icon-info-circle {
  background-size: 20px;
  position: relative;
  top: 10px;
  cursor: default;
}
.calibration-service-cart-item-block .summary-block-footer {
  position: relative;
  top: -20px;
}
.calibration-service-cart-item-block .summary-block-footer .specify-btn {
  float: right;
}
.other-dropdown-option-section {
  text-align: left;
  line-height: 40px;
  display: none;
}
.other-dropdown-option-section span {
  float: left;
  min-width: 20px;
  line-height: 42px;
}
.other-dropdown-option-section.active {
  display: block;
}
.other-dropdown-option-section .calibration-form-number-textbox {
  width: 55px;
  text-align: center;
  float: left;
  margin-right: 10px;
  position: relative;
  top: 5px;
  height: 32px;
  padding: 0;
}
.other-dropdown-option-section .calibration-form-number-textbox.error {
  border: 1px solid #d50032;
  background: #fdf3f5;
}
.return-kit-info-icon {
  text-align: left;
  padding-left: 15px;
  padding-bottom: 10px;
}
.return-kit-info-icon .eco3-icon.icon-info-circle {
  background-size: 20px;
  position: relative;
  top: 10px;
  cursor: default;
  margin-left: -5px;
}
.tabs-list .pointer-events-none {
  pointer-events: none;
  cursor: default;
}
.tabs-list li {
  cursor: pointer;
  list-style-type: none;
  min-width: 130px;
  text-align: center;
  display: inline-block;
  box-shadow: 0 0 4px 1px #cccccc;
}
.tabs-list li a {
  width: 200px;
  height: 32px;
  line-height: 12px;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  background: #fcfcfc;
  color: #3c3c3c;
}
.tabs-list li.active {
  box-shadow: 0 0 4px 0 #009cdd;
  border: none;
  z-index: 99;
  position: relative;
}
.tabs-list li.active > a {
  color: #009cdd;
  border: 0;
  font-weight: 500;
}
.address-list-section {
  overflow: hidden;
}
.address-list-section .AccAddSearch .input-group-btn {
  right: 0;
}
.address-list-section .AccAddSearch .input-group-btn .search-magnifier {
  position: static;
}
.address-list-section .AccAddSearch #custom-search-input {
  overflow: auto;
}
.address-list-section table {
  border-bottom: none !important;
}
.address-list-section table th {
  border-bottom: none !important;
}
.address-list-section table tr td {
  height: 70px;
  border-top: 1px solid #f3f3f3 !important;
}
.new-address-tab-content #modifyAddressFormNewAddress .po-checkbox-wrapper {
  padding-left: 0;
}
.pipette-service-address-section .getdeliveryAddressListTable tbody tr.selected,
.pipette-service-address-section .getdeliveryAddressListTable tbody tr.selected + tr.child {
  color: #009cdd !important;
}
.pipette-service-address-section .getdeliveryAddressListTable tbody tr.selected .btn,
.pipette-service-address-section .getdeliveryAddressListTable tbody tr.selected + tr.child .btn {
  color: #009cdd !important;
}
.new-address-tab-content .service-address-form-container .add3 {
  clear: both;
}
#returnInfoWrapper .returnKitFormSection {
  text-align: left;
  padding-left: 30px;
}
.modal-dialog.delete .modal-header {
  border-bottom: none;
}
/* image banner wrapper starts here */
.image-banner-wrapper #productListBannerSection {
  padding: 0;
}
.image-banner-wrapper #productListBannerSection .productInnerBanner {
  border: none;
  max-width: none;
  margin: 0 auto;
}
.image-banner-wrapper .captionInfo {
  padding: 0;
}
.image-banner-wrapper .captionInfo h1 {
  font-size: 27px;
  background: rgba(255, 255, 255, 0.7);
  color: #434343;
  padding: 13px 20px;
  margin: 0;
  opacity: 1;
  height: 45px;
  line-height: 16px;
  position: relative;
  padding-left: 40px;
  top: -40px;
}
.landing-page-banner-section img {
  width: 100%;
  max-height: 320px;
  object-fit: cover;
}
.landingpage-section-three .yCmsComponent:first-child:nth-last-child(2) .pipette-calibration-landing-main-container,
.landingpage-section-three .yCmsComponent:first-child:nth-last-child(2) ~ .yCmsComponent .pipette-calibration-landing-main-container {
  margin-left: 8%;
}
.landingpage-section-three .yCmsComponent:first-child:nth-last-child(1) .pipette-calibration-landing-main-container,
.landingpage-section-three .yCmsComponent:first-child:nth-last-child(1) ~ .yCmsComponent .pipette-calibration-landing-main-container {
  margin-left: 25%;
}
.landingpage7-top-wrapper {
  width: max-content;
  max-width: 1192px;
  z-index: 1000;
}
.landingpage7-top-wrapper .landingpage-breadcrumb {
  font-size: 13px;
  padding: 20px 0 0 20px;
  text-align: left;
  list-style: none;
  margin: 0;
  color: #666666;
}
.landingpage7-top-wrapper .landingpage-breadcrumb .breadcrumb-indicator {
  color: #009cdd;
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}
.landingpage7-top-wrapper .landingpage-breadcrumb li {
  display: inline;
}
.service-selection-top-wrapper {
  top: 185px;
  border: 20px solid rgba(255, 255, 255, 0.5);
}
.service-selection-top-wrapper .landingpage-breadcrumb {
  background: #ffffff;
}
.onsite-service-top-wrapper {
  top: 220px;
  background: rgba(255, 255, 255, 0.9);
}
.landingpage7-top {
  padding: 20px;
  font-style: normal;
  text-align: left;
}
.landingpage7-top h1 {
  color: #666666;
  font-size: 27px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 20px 0;
}
.landingpage7-top p {
  color: #7d7d7d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 20px 0;
}
.service-selection-top {
  background: #ffffff;
}
.service-selection-top .service-finder-button-container {
  width: 100%;
  text-align: center;
}
.onsite-service-top p {
  margin: 0;
}
.pipette-calibration-landing-main-container {
  width: 300px;
  margin-bottom: 40px;
  margin-right: 25px;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-action-container {
  text-align: center;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container {
  width: auto;
  height: auto;
  display: block;
  font-size: 14px;
  margin-bottom: 40px;
  background-color: #ffffff;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-title-section {
  height: 50px;
  padding: 10px;
  color: #434343;
  display: block;
  font-size: 14pt;
  font-weight: normal;
  background-color: #f3f3f3;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-image-section {
  overflow: hidden;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-image-section img {
  width: 100%;
  border-radius: 0;
  max-height: 195px;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section {
  padding: 10px;
  box-shadow: 0 3px 10px 1px #cccccc;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section ul li {
  word-wrap: normal;
  padding-bottom: 10px;
  padding-left: 25px;
  line-height: 23px;
  font-size: 11pt;
  color: #434343;
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: left;
  font-weight: normal;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section ul li:before {
  content: "";
  font-size: 18px;
  left: -5px;
  width: 10px;
  height: 10px;
  background: #009cdd;
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 20px;
  position: absolute;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section ul li:nth-last-child(1) {
  padding-bottom: 0;
}
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section a,
.pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section a:link {
  color: #7d7d7d;
}
.calibration-service-plan-wrapper .service-plan-heading {
  margin-bottom: 15px;
}
.calibration-service-plan-wrapper .service-plan-columns {
  float: right;
  padding: 2px;
  width: 20%;
}
.calibration-service-plan-wrapper .service-plan-columns .specification-component.header {
  height: 45px;
}
.calibration-service-plan-wrapper .service-plan-section .service-plan-no-custom {
  float: left;
  padding: 2px;
  width: 25%;
}
.calibration-service-plan-wrapper .margin-plan-bottom {
  margin-bottom: 20px;
}
.calibration-service-plan-wrapper .plan-row {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.calibration-service-plan-wrapper .plan-row .calibration-more-link {
  margin-bottom: 20px;
  font-size: 16px;
}
.calibration-service-plan-wrapper .plan-row .header {
  font-size: 16px;
  padding: 10px;
  text-transform: uppercase;
  margin: 0;
  border-bottom: none;
  font-weight: 500;
  color: #434343;
}
.calibration-service-plan-wrapper .plan-row .header .first-column-cell {
  background-color: #ffffff;
}
.calibration-service-plan-wrapper .plan-row .header:not(.first-column-cell) {
  background-color: #f3f3f3;
}
.calibration-service-plan-wrapper .plan-row li {
  border-bottom: 1px solid #f3f3f3;
  display: table;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #434343;
}
.calibration-service-plan-wrapper .plan-row li span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.calibration-service-plan-wrapper .plan-row li:last-child {
  border-bottom: none;
  padding-top: 0;
}
.calibration-service-plan-wrapper .plan-row .eco3-icon.icon-Yes {
  background-image: url("../images/check-symbol.svg");
  background-size: 24px 24px;
  cursor: default;
}
.calibration-service-plan-wrapper .plan-row .more-column {
  padding: 0;
  margin: 0;
}
.calibration-service-plan-wrapper .plan-row .select-btn {
  min-width: 100px;
  width: auto;
  max-width: 160px;
}
.calibration-service-plan-wrapper .highlight-block {
  border-collapse: separate;
  border: 1px solid #009cdd !important;
  box-shadow: 0px 0 6px #009cdd;
  opacity: 0.8;
}
.calibration-service-plan-wrapper .custom-block .custom-data-value {
  border-bottom: none;
  margin-left: 0;
  margin-right: 0;
}
.calibration-service-plan-wrapper .custom-block .custom-data-value span {
  padding: 20px;
}
.calibration-service-plan-wrapper .first-column {
  border: 1px solid #ffffff;
  font-weight: 500;
}
.calibration-service-plan-wrapper .first-column li {
  text-align: left;
  font-size: 16px;
}
.calibration-service-plan-wrapper .first-column .add-padding-custom {
  height: 50px;
  padding-top: 10px !important;
}
/****Calibration-Product-Table-Section***/
section.service-product .service-plan-section .service-cart-table-search {
  clear: left !important;
  display: block;
}
section.service-product .service-plan-section .service-plantype-info-label {
  clear: left;
  text-align: center;
  color: #434343;
}
section.service-product .service-plan-section .font-weight-500 {
  font-weight: 500;
}
section.service-product .service-plan-section .font-weight-bold {
  font-weight: bold;
}
section.service-product .service-plan-section table.standard {
  margin-bottom: 50px;
}
section.service-product .service-plan-section table.standard thead tr th {
  font-size: 12pt;
  text-transform: initial;
  font-weight: bold;
  text-align: center;
  color: #434343;
}
section.service-product .service-plan-section table.standard thead tr th#standardHeader3 {
  text-transform: lowercase;
}
section.service-product .service-plan-section table.standard thead tr th#standardHeader3::first-letter {
  text-transform: uppercase;
}
section.service-product .service-plan-section table.standard thead tr th:last-child {
  border-bottom: none;
}
section.service-product .service-plan-section table.standard thead tr:last-child {
  border: none;
}
section.service-product .service-plan-section table.standard tbody {
  border: none;
}
section.service-product .service-plan-section table.standard tbody tr {
  border: none;
}
section.service-product .service-plan-section table.standard tbody tr td {
  color: #434343;
  vertical-align: middle;
  text-align: center;
}
section.service-product .service-plan-section table.standard tbody tr td .qty-update-block {
  min-width: fit-content;
}
section.service-product .service-plan-section table.standard tbody tr td .qty-update-block .product-quantity-picker {
  float: none;
  min-width: 120px;
}
section.service-product .service-plan-section table.standard tbody tr td .qty-update-block .product-quantity-picker .qty-icon {
  width: 30px;
  height: 30px;
}
section.service-product .service-plan-section table.standard tbody tr td .btn-group-product {
  float: none;
}
section.service-product .service-plan-section table.standard tbody tr td .text-align-left {
  text-align: left;
}
section.service-product .service-plan-section table.standard tbody tr td .btn-group-product .product-btn {
  height: 40px;
  width: 95px;
}
section.service-product .service-plan-section table.standard tbody tr td .btn-group-product .product-btn.product-btn-ATC {
  background-size: 25% 50%;
  outline: none;
}
section.service-product .service-plan-section table.standard tbody tr td .btn-group-product .product-btn.product-btn-ATC.not-allowed {
  cursor: not-allowed;
  pointer-events: none;
}
section.service-product .service-plan-section table.standard tbody tr td:last-child {
  border: none;
}
section.service-product .service-plan-section table.standard tbody tr:last-child td {
  border-bottom: 1px solid #cccccc;
}
section.service-product .service-plan-section table.standard tbody tr:last-child td:last-child {
  border: none;
}
section.service-product .service-plan-section table.custom {
  margin-bottom: 50px;
}
section.service-product .service-plan-section table.custom thead tr th {
  font-size: 11pt;
  text-transform: initial;
  font-weight: bold;
  width: 16% !important;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  color: #434343;
  vertical-align: middle;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader3 {
  width: 12% !important;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader3 .bgcolor-popover .popover .popover-content {
  min-height: auto;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader3 div#standard-popover-width {
  display: inline-block;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader3 div#standard-popover-width .eco3-icon.small-info-circle {
  position: relative;
  top: 5px;
  left: 5px;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader3 div#standard-popover-width .popover {
  width: auto;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader4 {
  width: 10% !important;
  word-break: break-all;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader5 {
  text-transform: lowercase;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader5::first-letter {
  text-transform: uppercase;
}
section.service-product .service-plan-section table.custom thead tr th#customHeader6 {
  width: 18% !important;
}
section.service-product .service-plan-section table.custom thead tr th:last-child {
  border-bottom: none;
}
section.service-product .service-plan-section table.custom thead tr:last-child {
  border: none;
}
section.service-product .service-plan-section table.custom tbody {
  border: none;
}
section.service-product .service-plan-section table.custom tbody tr {
  border: none;
}
section.service-product .service-plan-section table.custom tbody tr td {
  border-bottom: 1px solid #cccccc;
  color: #434343;
  vertical-align: middle;
  width: 16% !important;
  text-align: center;
}
section.service-product .service-plan-section table.custom tbody tr td .qty-update-block {
  min-width: 95px;
}
section.service-product .service-plan-section table.custom tbody tr td .qty-update-block .product-quantity-picker {
  float: none;
  min-width: 120px;
}
section.service-product .service-plan-section table.custom tbody tr td .qty-update-block .product-quantity-picker .qty-icon {
  width: 30px;
  height: 30px;
}
section.service-product .service-plan-section table.custom tbody tr td .btn-group-product {
  float: none;
  left: 0;
}
section.service-product .service-plan-section table.custom tbody tr td .text-align-left {
  text-align: left;
}
section.service-product .service-plan-section table.custom tbody tr td .btn-group-product .product-btn {
  height: 40px;
  width: 95px;
}
section.service-product .service-plan-section table.custom tbody tr td .btn-group-product .product-btn.product-btn-ATC {
  background-size: 25% 50%;
  outline: none;
}
section.service-product .service-plan-section table.custom tbody tr td .btn-group-product .product-btn.product-btn-ATC.not-allowed {
  cursor: not-allowed;
  pointer-events: none;
}
section.service-product .service-plan-section table.custom tbody tr td:nth-child(2) {
  width: 18% !important;
}
section.service-product .service-plan-section table.custom tbody tr td:nth-child(3),
section.service-product .service-plan-section table.custom tbody tr td:nth-child(4) {
  width: 12% !important;
}
section.service-product .service-plan-section table.custom tbody tr td:last-child {
  border: none;
}
section.service-product .service-plan-section table.custom tbody tr:last-child {
  border: none;
}
.additional-information-container .calibration-form-number-textbox {
  text-align: center;
}
.additional-information-container .calibration-form-number-textbox.error {
  border: 1px solid #d50032;
  background: #fdf3f5;
}
.additional-information-container select {
  font-size: 14px;
}
.additional-information-container option {
  font-size: 1em;
}
.additional-information-container .eco3-icon.small-info-circle {
  height: 35px;
  vertical-align: top;
  margin-top: -6px;
}
.calibration-service-section-wrapper .service-plantype-info-label a {
  color: #434343;
  text-decoration: underline;
  cursor: pointer;
}
.calibration-service-section-wrapper .calibration-lab-wrapper .simple-banner-component img {
  box-shadow: none;
  width: auto;
}
.calibration-service-section-wrapper .calibration-lab-wrapper p.calibrate-lab-title {
  text-align: left;
  color: #434343;
  font-weight: 600;
  font-size: 11pt;
  position: relative;
  left: 15px;
  top: 16px;
}
.calibration-service-section-wrapper .calibration-lab-wrapper p.calibrate-lab-description {
  text-align: left;
  padding-left: 10px;
  font-size: 10pt;
  color: #434343;
}
.calibration-alert-popup,
.structures-added-to-device {
  display: table;
  padding: 20px 20px 20px 20px;
}
.calibration-alert-popup i,
.structures-added-to-device i {
  display: table-cell;
  vertical-align: middle;
}
.calibration-alert-popup div,
.structures-added-to-device div {
  display: table-cell;
  vertical-align: middle;
}
.po-number-section {
  min-height: 85px;
  padding-left: 30px;
  text-align: left;
  margin-top: 20px;
  color: #666666;
  font-size: 12pt;
  font-family: Roboto;
}
.po-number-section .fa {
  top: 40px;
  right: -35px;
}
.pcs-po-upload-section .select-file-wrapper {
  font-size: 11.0pt !important;
}
.pcs-po-upload-section .eco3-icon.icon-info-circle {
  position: relative;
  height: 35px;
  background-size: 22px;
  float: right;
  margin-top: -34px;
  margin-right: 5px;
}
.pcs-po-upload-section .upload-file-display-textbox {
  cursor: pointer;
  height: 35px;
}
.pcs-po-upload-section .uploadBlock {
  max-width: 188px;
}
.pcs-po-upload-section .uploadBlock .placeholderText {
  font-size: 12pt;
  float: left;
  color: #434343;
  padding: 6px 10px !important;
}
.pcs-po-upload-section .upload-block-button.upload-block-button-mobile {
  display: inline-block;
}
.pcs-po-upload-section .upload-block-button.upload-block-button-mobile input#upload-lead-btn {
  height: 35px;
}
.pcs-po-upload-section .upload-block-button .spinner {
  margin: 0 auto;
}
.pcs-po-upload-section .instruction-container .content-section {
  font-size: 12pt;
}
.pcs-po-upload-section .instruction-container .content-section textarea {
  resize: none;
  border-radius: 0;
}
.pcs-po-upload-section .attachment-container i.eco3-popover {
  position: relative;
  float: right;
  height: 35px;
  background-size: 22px;
  margin-top: -34px;
}
.pcs-po-upload-section .doc-section-block {
  padding-left: 0;
  width: 350px;
}
.pcs-po-upload-section .doc-section-block li {
  float: left;
  margin-bottom: 20px;
  width: 50%;
}
.pcs-po-upload-section .doc-section-block li a {
  padding-left: 10px;
  cursor: pointer;
}
.pcs-po-upload-section .doc-section-block li a .docAttachment {
  background: url(../images/file_icon.svg) no-repeat;
  width: 25px;
  height: 30px;
  cursor: pointer;
  background-size: 25px 30px;
  margin-top: 5px;
}
.pcs-po-upload-section .doc-section-block li a .docAttachment.pdf {
  background: url(../images/pdf_file_icon.svg) no-repeat;
  background-size: contain;
}
.pcs-po-upload-section .doc-section-block li a span.file-name-wrapper {
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}
.pcs-po-upload-section .doc-section-block li a i.eco3-icon.calibration-delete-icon {
  width: 20px;
  height: 20px;
  top: 6px;
  position: relative;
  background-size: 16px;
  background-image: url(../images/delete.svg);
  background-size: 20px 20px;
}
.pcs-po-upload-section .doc-section-block li a.delete-file-icon {
  padding-left: 15px;
}
.pcs-po-upload-section .doc-section-block li {
  margin-top: 20px;
}
.pipette-summary-page-container .summary-section .bullet-title,
.pipette-summary-page-container .additional-information-section .bullet-title {
  text-transform: uppercase;
}
.pipette-summary-page-container .summary-section .bullet-title :before,
.pipette-summary-page-container .additional-information-section .bullet-title :before {
  top: 3px;
}
.pipette-summary-page-container .standard-info-icon {
  display: flex;
}
.pipette-summary-page-container .cancel-quote {
  border: none;
  background-color: #f3f3f3;
  color: #434343;
  margin-right: 0;
}
.pipette-summary-page-container .quote-to-order {
  margin-right: 0;
  background-color: #83bc34;
}
.pipette-summary-page-container .decontamination-textfields-section {
  overflow: auto;
  padding-left: 30px;
}
.pipette-summary-page-container .decontamination-textfields-section .non-bullet-title {
  text-transform: uppercase;
  padding-bottom: 15px;
  font-weight: 500;
  text-align: left;
  font-size: 14px;
}
.pipette-summary-page-container .decontamination-textfields-section .has-feedback label ~ .form-control-feedback {
  right: 20px !important;
  top: 45px !important;
}
.pipette-summary-page-container .decontamination-textfields-section .save-edit-btn {
  text-align: center;
  padding-top: 40px;
}
.pipette-summary-page-container .decontamination-textfields-section input[readonly='readonly'] {
  cursor: default;
  border: 1px solid #cccccc;
  color: #434343;
}
.pipette-summary-page-container .decontamination-textfields-section input[disabled='disabled'] {
  opacity: 1;
  background: #d9d9d9;
}
.pipette-summary-page-container .decontamination-textfields-section select[disabled='disabled'],
.pipette-summary-page-container .decontamination-textfields-section select[disabledfield='true'] {
  background-color: #d9d9d9 !important;
  cursor: not-allowed;
  border: 1px solid #cccccc;
  color: #434343;
  z-index: -1;
  position: relative;
  opacity: 1;
}
.pipette-summary-page-container .decontamination-textfields-section input.error,
.pipette-summary-page-container .decontamination-textfields-section select.error {
  border: 1px solid #d50032 !important;
  background: #fdf3f5 !important;
}
.service-product .additional-information-section .eco3-globalMessages {
  display: block !important;
}
.service-product .additional-information-section .upload-file-display-textbox {
  width: 220px;
  cursor: pointer;
}
.service-product .additional-information-section .uploadBlock .placeholderText {
  font-size: 12pt;
  float: left;
  color: #434343;
  padding: 6px 10px !important;
}
.service-product .additional-information-section .upload-block-button.upload-block-button-mobile {
  display: inline-block;
}
.service-product .additional-information-section .upload-block-button.upload-block-button-mobile input#upload-lead-btn {
  height: 35px;
}
.service-product .additional-information-section .upload-block-button .spinner {
  margin: 0 auto;
}
.service-product .additional-information-section .instruction-container .content-section {
  font-size: 12pt;
}
.service-product .additional-information-section .instruction-container .content-section textarea {
  resize: none;
  border-radius: 0;
  height: 125px;
  padding: 4px 12px;
}
.service-product .additional-information-section .attachment-container i.eco3-popover {
  float: left !important;
  position: relative;
  right: 30px;
  height: 35px;
  background-size: 22px;
}
.service-product .additional-information-section .attachment-container .content-section {
  padding-top: 8px;
}
.service-product .additional-information-section .doc-section-block {
  padding-left: 0;
  width: 350px;
}
.service-product .additional-information-section .doc-section-block li {
  float: left;
  margin-bottom: 20px;
  width: 50%;
}
.service-product .additional-information-section .doc-section-block li a {
  padding-left: 10px;
  cursor: pointer;
}
.service-product .additional-information-section .doc-section-block li a .docAttachment {
  background: url(../images/file_icon.svg) no-repeat;
  width: 25px;
  height: 30px;
  cursor: pointer;
  background-size: 25px 30px;
  margin-top: 5px;
}
.service-product .additional-information-section .doc-section-block li a .docAttachment.pdf {
  background: url(../images/pdf_file_icon.svg) no-repeat;
  background-size: contain;
}
.service-product .additional-information-section .doc-section-block li a span.file-name-wrapper {
  width: 84px !important;
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}
.service-product .additional-information-section .doc-section-block li a i.eco3-icon.calibration-delete-icon {
  width: 20px;
  height: 20px;
  top: 6px;
  position: relative;
  background-size: 16px;
  background-image: url(../images/delete.svg);
}
.service-product .additional-information-section .doc-section-block li a.delete-file-icon {
  padding-left: 15px;
}
.service-product .specification-returned-info-link {
  position: relative;
  margin-left: 3%;
}
.service-product .specification-returned-info-link .eco3-icon.small-info-circle {
  background-size: 20px;
}
.alertpopup.calibration-documentdelete-alert-popup {
  top: 25%;
}
.alertpopup-lg {
  background-color: #7d7d7d;
  position: relative;
  text-align: center;
  bottom: 70px;
  width: 300px;
  height: 48px;
  z-index: 99999999;
  font-size: 14px;
  font-weight: normal;
  margin-left: -200px;
  text-transform: none !important;
}
.pipette-cvv-container {
  padding-left: 30px;
  margin-top: -60px;
}
.pipette-cvv-container .cvvMessage,
.pipette-cvv-container .fieldContainer {
  text-align: left;
}
.pipette-cvv-container #paymentCVVForm .cvv-card-key {
  float: left;
  width: 45px;
}
.pipette-cvv-container .cvv_input input {
  width: 80px;
}
.pipette-cvv-container .ccremoveLikContainer {
  float: left;
}
.pipette-cvv-container #paymentCVVForm .help-block {
  padding-left: 45px;
}
#guest-checkout-payment .guest-checkout-form {
  width: 100%;
  text-align: left;
  margin-left: 40px;
}
#guest-checkout-payment .guest-checkout-form #add-credit-card-iframe {
  width: 100% !important;
}
#guest-checkout-payment .guest-checkout-form #guest-paymetric-iframe-container {
  padding-left: 15px;
}
#guest-checkout-payment .guest-checkout-form .non-mandatory-check {
  display: block !important;
  top: 40px;
  right: -15px;
}
#paymentOptions .radio label {
  font-size: 16px;
  font-weight: normal;
  padding-left: 20px;
  line-height: 25px;
}
.calibration-service-plan-wrapper .service-plan-columns {
  word-break: break-word;
}
.pipette-summary-page-container .additional-information-section .special-instruction-section {
  word-break: break-all;
  white-space: pre-wrap;
}
.pipette-summary-page-container .additional-information-section .additional-info-containers {
  margin-bottom: 40px;
}
.clear-both {
  clear: both;
}
.add-red-border::before {
  border: 2px solid #d50032 !important;
}
#shippingReturnKit .save-btn-returnkit .service-savecancel-section {
  float: right;
}
.page-pipetteServiceSummaryPage div#credit-card-options-container.service-credit-card-options-container {
  text-align: left;
  padding-left: 20px;
}
.page-pipetteServiceSummaryPage div#credit-card-options-container.service-credit-card-options-container .ccremoveLikContainer {
  margin-top: 20px;
  margin-left: 45px;
}
@media (max-width: 767px) {
  .page-pipetteServiceSummaryPage div#credit-card-options-container.service-credit-card-options-container .ccremoveLikContainer {
    margin-left: 40px;
    text-align: left;
  }
}
.page-pipetteServiceSummaryPage div#credit-card-options-container.service-credit-card-options-container .ccremoveLikContainer .blue-link {
  color: #009cdd;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 15px;
}
.page-pipetteServiceSummaryPage input.select-card,
.page-pipetteServiceSummaryPage .expired-card {
  width: 120px;
  font-size: 11.0pt;
  min-width: 120px;
}
.page-pipetteServiceSummaryPage input.select-card {
  color: #666666;
}
.page-pipetteServiceSummaryPage .expired-card {
  color: #d50032;
}
.page-pipetteServiceSummaryPage .expired-card:hover {
  opacity: 0.65 !important;
}
.page-pipetteServiceSummaryPage .eco3-tabbable .dataTable tbody tr.payment-card-select td input,
.page-pipetteServiceSummaryPage .eco3-tabbable .dataTable tbody tr.payment-card-select td {
  color: #009cdd !important;
}
.page-pipetteServiceSummaryPage ul.nav.nav-tabs.payment-tab-list {
  border-bottom: none;
}
.page-pipetteServiceSummaryPage ul.nav.nav-tabs.payment-tab-list li#creditCardListTab a,
.page-pipetteServiceSummaryPage ul.nav.nav-tabs.payment-tab-list li#addCreditCardTab a {
  text-transform: capitalize;
}
.page-pipetteServiceSummaryPage .paymentbtnContainer {
  text-align: right;
}
.page-pipetteServiceSummaryPage .paymentbtnContainer a#saveCreditCardPanel {
  line-height: 30px;
}
.page-pipetteServiceSummaryPage .paymentbtnContainer a.cancel-btn {
  text-transform: uppercase;
  cursor: pointer;
  width: 80px;
  display: inline-block;
  text-align: center;
}
.page-pipetteServiceSummaryPage div#credit-card-options-wrapper {
  padding-left: 20px;
}
.page-pipetteServiceSummaryPage div#credit-card-options-wrapper .service-payment-add-card,
.page-pipetteServiceSummaryPage div#credit-card-options-wrapper .service-payment-change-card {
  width: 180px;
}
.page-pipetteServiceSummaryPage .calibration-service-section-wrapper .service-payment .service-invoice-section {
  padding-bottom: 0;
}
.page-pipetteServiceSummaryPage #creditCardSelectContainer {
  padding-left: 30px;
  margin-top: 0;
}
.page-pipetteServiceSummaryPage .eco3-checkbox.save-inprofile-checkbox {
  margin-left: 25px;
  top: -12px;
}
.order-return-container .link-colour {
  color: #009cdd;
}
.pipette-add-cart-button.disabled {
  opacity: 0.4;
  pointer-events: none;
}
#repair-ddSelectBoxItText {
  max-width: 290px !important;
  padding: 0 10px;
  padding-top: 2px;
  text-transform: none;
}
#repair-ddSelectBoxItContainer {
  width: 320px !important;
}
i.selectboxit-option-icon {
  display: none;
}
.selectboxit-options {
  width: 320px;
  /* Width of the dropdown button */
  border-radius: 0;
  max-height: 100px;
}
.selectboxit-arrow-container {
  right: -7px !important;
}
.service-product-table-wrapper select {
  text-transform: none;
}
.product-unavailable-error {
  margin: 0 auto;
  float: none !important;
  clear: both;
}
.pipette-add-cart-button[disabled="disabled"] {
  opacity: 1 !important;
}
.service-product-table-wrapper select {
  text-transform: none;
}
div#callibrationPipetteServiceErrorBlock .width-auto {
  width: 60%;
  float: none;
  clear: both;
  margin: 0 auto;
}
div#callibrationPipetteServiceErrorBlock .width-auto .alert.alert-bar ul li span:last-child {
  text-align: center;
}
div.bck-nxt-btn .card-payment-msg {
  width: 320px;
  text-align: right;
  font-weight: 500;
  padding-right: 10px;
}
@media (max-width: 767px) {
  div.bck-nxt-btn .card-payment-msg {
    width: auto;
    text-align: center;
    margin-top: 20px;
  }
}
ul#paymentOptions {
  overflow: hidden;
}
.service-confirmation-anchor {
  width: auto !important;
  padding: 0 5px;
  min-width: 200px;
}
.service-confirmation-anchor .service-confirmation-button-img {
  background-image: url(../images/icon_pdf.svg);
  background-repeat: no-repeat;
  width: 26px !important;
  height: 30px;
  display: inline-block;
  background-position: left center;
  background-size: 65%;
  position: relative;
  top: 3px;
}
.service-confirmation-anchor .service-confirmation-button-label {
  position: relative;
  bottom: 5px;
}
.page-pipetteServiceSelectionLandingPage a,
.page-pipetteServiceSelectionLandingPage a:link {
  color: #7d7d7d;
}
.page-pipetteServiceSelectionLandingPage .landingpage-section-three {
  padding-bottom: 115px;
}
.page-createPipetteService .quote-pipette-modal {
  min-width: 676px;
}
.page-createPipetteService .quote-pipette-modal .modal-body {
  padding: 20px 40px;
}
.page-createPipetteService .quote-pipette-modal span#myModalLabel {
  font-size: 18px !important;
}
.page-createPipetteService table.quote-creation-table td.estimated-price-section table {
  background-color: #f3f3f3;
  width: 390px !important;
  float: right;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .page-createPipetteService table.quote-creation-table td.estimated-price-section table {
    width: 345px !important;
  }
}
.page-createPipetteService table.quote-creation-table td.estimated-price-section table tr td {
  width: 40%;
  padding: 5px 15px !important;
  text-align: right !important;
}
.page-createPipetteService table.quote-creation-table td.estimated-price-section table tr td:first-child {
  width: 60%;
}
.page-createPipetteService table.quote-creation-table td.estimated-price-section table tr.onlyLabel td {
  text-align: left !important;
  padding: 10px 0 10px 25px !important;
  text-transform: uppercase;
}
.page-createPipetteService .quote-summary-page-wrapper .service-plan-container {
  padding: 20px 0 !important;
}
.page-createPipetteService .quote-summary-page-wrapper .summary-section {
  color: #666666;
}
.page-createPipetteService .calibration-quote-info p {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0 20px 0;
}
.page-createPipetteService .calibration-quote-info ul {
  font-size: 14px;
  font-weight: 400;
}
.page-createPipetteService .calibration-quote-info ul li {
  list-style-type: none;
  margin-bottom: 25px;
  padding-left: 15px;
  position: relative;
}
.page-createPipetteService .calibration-quote-info ul li:before {
  content: "";
  font-size: 24px;
  position: relative;
  top: 1px;
  left: -22px;
  width: 12px;
  height: 12px;
  background: #009cdd;
  display: inline-block;
  margin-right: -11px;
}
.pipette-service-address-section.address-type-SHIP_TO .tabs-list li a {
  width: auto;
  min-width: 230px;
}
#pipetteAddressNew {
  float: right;
  margin-top: 20px;
}
.calibration-service-section-wrapper .bck-nxt-btn .next-btn {
  margin-left: 10px;
}
.calibration-quote-summary-section .terms-and-condition-section .checkbox-align .eco3-checkbox .checkmark {
  top: 5px !important;
}
.calibration-quote-summary-section .terms-and-condition-section .checkbox-align .eco3-checkbox .label-text {
  width: 94%;
  display: block;
}
.calibration-service-section-wrapper .title-plate + .form-section > .additional-information-section {
  overflow: auto;
}
.calibration-service-section-wrapper .title-plate + .form-section > .additional-information-section.special-instruction {
  overflow: initial;
}
.address-type-SHIP_TO .address-list-tab-content .address-list-section {
  padding: 0 20px;
}
.calibration-service-section-wrapper .service-specification-section .getdeliveryAddressListTable th,
.calibration-service-section-wrapper .service-specification-section .getdeliveryAddressListTable td {
  text-align: center;
  word-break: break-word;
  padding: 8px 5px;
}
.calibration-service-section-wrapper .summary-section {
  overflow: auto;
}
.calibration-service-section-wrapper .service-header {
  height: 42px;
  left: 10px;
  right: 9.71px;
  top: 9px;
  padding-right: 10px;
  padding-left: 10px;
}
.calibration-service-section-wrapper .service-header .pcs-row-header {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  display: flow-root;
  text-align: center;
  text-transform: capitalize;
}
.calibration-service-section-wrapper .service-plan-row {
  height: 90px;
  border: 1px solid #d9d9d9;
}
.calibration-service-section-wrapper .service-plan-row .specification-component {
  height: 45px;
}
.calibration-service-section-wrapper .service-plan-row .select-btn {
  min-width: 90px ! important;
}
.calibration-service-section-wrapper .service-plan-row .calibration-more-link {
  margin: 0 auto;
  text-align: center;
}
.calibration-service-section-wrapper .service-plan-row span {
  display: flow-root;
  vertical-align: middle;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.calibration-service-section-wrapper .service-plan-row .eco3-icon.icon-Yes {
  background-image: url("../images/check-symbol.svg");
  background-size: 24px 24px;
  cursor: default;
}
.calibration-service-section-wrapper .service-plan-table {
  margin-left: 10px;
}
.calibration-service-section-wrapper table#service-plan-list-table tr > td:first-child {
  background-color: #f3f3f3;
  text-transform: uppercase;
}
.calibration-service-section-wrapper table tr.spacer > td {
  border: none !important;
  padding: 0;
  background-color: #ffffff !important;
}
.onsite-service-selection-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding-top: 40px;
  padding-bottom: 150px;
}
.onsite-service-selection-page .service-plans-container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  align-self: stretch;
  flex-wrap: wrap;
}
.onsite-service-selection-page .service-plans-container .plan-tile {
  display: flex;
  flex-direction: column;
  width: 299px;
  align-items: center;
  align-self: stretch;
  font-style: normal;
  line-height: 20px;
  font-weight: 400;
  border: 1px solid #cccccc;
  color: #434343;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row {
  display: flex;
  background: #ffffff;
  padding: 16px 8px 16px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  min-height: 92px;
  border-bottom: 1px solid #d9d9d9;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row:last-of-type {
  border-bottom: none;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.main-info-row {
  font-size: 18px;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.main-info-row .bold {
  font-weight: 600;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.additional-info-row {
  font-size: 16px;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.additional-info-row p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.additional-info-row .bold {
  font-weight: 700;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.title {
  border: none;
  min-height: auto;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.title.basic {
  background: var(--light-gray, #f3f3f3);
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.title.standard {
  background: var(--light-tints-green-light, #f3f9eb);
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.title.advanced {
  background: var(--light-tints-blue-light, #e9f7fd);
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.title.accredited {
  background: var(--light-tints-navy-light, #ebf0f7);
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.title.plusAccredited {
  background: var(--lights-tints-orange-light, #fff5ea);
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.basic {
  color: var(--black, #434343);
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.standard {
  color: var(--green-text, #6d9c2b);
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.advanced {
  color: var(--cyan, #009cdd);
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.accredited {
  color: #004494;
}
.onsite-service-selection-page .service-plans-container .plan-tile .onsite-service-plan-row.plusAccredited {
  color: #FD9927;
}
.onsite-service-selection-page .service-plans-container .content {
  width: 299px;
}
.service-selection-tiles-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}
.service-selection-tiles-wrapper .service-selection-tile {
  display: flex;
  width: 299px;
  flex-direction: row;
  align-items: stretch;
  gap: 20px;
  flex-shrink: 0;
}
.service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container {
  display: flex;
  margin-right: 0;
  padding: 0 !important;
}
.service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container .pipette-calibration-landing-container {
  display: flex;
  align-items: stretch;
  background-color: #ffffff;
  box-shadow: 0 3px 10px 1px #cccccc;
}
.service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container .pipette-calibration-landing-container:hover {
  box-shadow: 0 3px 15px 1px rgba(0, 156, 221, 0.5);
}
.service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container .pipette-calibration-landing-container:hover h1 {
  color: #009cdd;
}
.service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container .pipette-calibration-landing-container h1 {
  color: #434343;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section {
  display: flex;
  padding: 0 20px 20px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  color: #666666;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  box-shadow: inherit;
}
.service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container .pipette-calibration-landing-container .pipette-calibration-landing-list-section p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
div#creditCardValidationMessage {
  text-align: center;
  margin-top: -10px;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo {
  max-width: 500px;
  width: auto;
  margin-top: 10px;
  display: table;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts {
  padding-right: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar {
    padding: 10px !important;
  }
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar ul.notificationicon {
  padding: 5px;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left {
  cursor: pointer;
  color: inherit;
  font-size: 11pt;
}
div#creditCardValidationMessage {
  text-align: center;
  margin-top: -10px;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo {
  max-width: 500px;
  width: auto;
  margin-top: 10px;
  display: table;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts {
  padding-right: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar {
    padding: 10px !important;
  }
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar ul.notificationicon {
  padding: 5px;
}
div#creditCardValidationMessage div#globalMessageForCreditCardInfo .global-alerts .alert.alert-bar ul.notificationicon li a.text-decoration-underline.text-left {
  cursor: pointer;
  color: inherit;
  font-size: 11pt;
}
/* END */
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .calibration-service-section-wrapper .title-plate h2 {
    min-width: 180px;
  }
  .calibration-service-section-wrapper .padding-align-tab {
    padding-left: 5px;
  }
  .calibration-service-section-wrapper .terms-and-condition-section {
    padding-left: 20px;
  }
  .calibration-service-section-wrapper .service-plan-section-mobile {
    width: 95%;
    display: inline-block;
    padding-left: 20px;
  }
  .calibration-service-section-wrapper .service-payment {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-heading {
    margin: 0 0 25px 0 !important;
  }
  .calibration-service-section-wrapper .service-specification-section {
    width: 100%;
    padding: 0;
  }
  .calibration-service-section-wrapper .return-kit-label {
    max-width: 225px;
    padding-top: 0 !important;
    line-height: 21px !important;
  }
  .calibration-service-section-wrapper .bck-nxt-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .calibration-service-section-wrapper .bck-nxt-btn .back-btn {
    margin-left: 0;
    text-align: center;
    margin-top: 20px;
  }
  .calibration-service-section-wrapper .service-plan-section .add-to-cart-service {
    margin-right: 0;
    float: none;
  }
  .calibration-service-section-wrapper .service-plan-section .as-found-dropdown {
    width: 81%;
  }
  .calibration-service-section-wrapper .service-plan-section .as-returned-dropdown {
    width: 85%;
  }
  .calibration-service-section-wrapper .service-plan-section .service-invoice-section {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox {
    margin-left: 0;
    padding-left: 2px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .checkbox-disable-second {
    top: 9px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .save-btn-returnkit {
    margin: 30px 0 30px 0;
    padding: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .edit-btn-returnkit {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .return-kit-section-nonedit-section {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .form-right-section {
    margin-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .padding-mobile {
    padding-left: 0;
    padding-right: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .padding-mob-prepaid {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .radio label {
    padding-left: 10px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .form-left-section {
    padding-right: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .form-right-section {
    padding-right: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .return-kit-info-icon {
    padding-left: 0;
    font-size: 13px;
    display: inline-block;
    margin-left: -3px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-kit-info-icon .eco3-icon.icon-info-circle {
    float: left;
    top: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .checkbox-align {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .checkbox-align .eco3-checkbox .first-checkbox-terms {
    top: 22px;
  }
  .calibration-service-section-wrapper .service-plan-section .checkbox-align .eco3-checkbox .second-checkbox-terms {
    top: 110px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-kit-address-section .save-btn-returnkit {
    margin-left: 10px;
    padding-top: 20px;
    padding-right: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plantype-info-label a {
    font-size: 12pt;
  }
  .calibration-service-section-wrapper .service-instruction-section textarea {
    width: 100%;
  }
  .calibration-service-section-wrapper .pipette-info-wrapper {
    margin: 0;
    margin-bottom: 20px;
  }
  .calibration-service-section-wrapper .pipette-info-wrapper .item {
    width: 100%;
    display: inline-block;
    padding-right: 40px;
  }
  .calibration-service-section-wrapper .pipette-info-wrapper .carrier-delete-button .eco3-icon {
    top: -30px;
  }
  .calibration-service-section-wrapper .service-plan-dropdown {
    padding-left: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .calibration-service-section-wrapper .service-plan-dropdown .bullet-title:before {
    top: 5px;
  }
  .calibration-service-section-wrapper .save-btn-right .save-btn-service {
    float: none;
  }
  .calibration-service-section-wrapper .service-minicart-right-section {
    padding: 0;
    max-width: none;
    margin-left: 0;
    margin-top: 20px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section {
    padding: 0 10px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper:before {
    width: 87% !important;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section:after {
    left: 2% !important;
    width: 95% !important;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .bottom-section {
    padding: 20px 10px;
  }
  .calibration-service-section-wrapper .edit-btn-pipette {
    padding: 10px 0;
  }
  .calibration-service-section-wrapper .bck-nxt-btn .next-btn {
    margin-left: 0;
  }
  .calibration-service-section-wrapper .service-plantype-info-label a {
    font-size: 12pt;
  }
  .calibration-service-section-wrapper .service-default-addresscontainer {
    float: none;
    padding-left: 85px;
  }
  .calibration-service-section-wrapper .service-default-address-book {
    float: none;
  }
  .calibration-service-section-wrapper .save-to-addressBook {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-default-addressbook {
    padding-left: 10px;
  }
  .new-address-tab-content .service-address-form-container .non-mandatory-check {
    display: block !important;
    top: 40px;
    right: -27px;
  }
  .service-personalinfo-action-container {
    padding: 0;
    margin-top: 20px;
  }
  .calibration-service-cart-item-block #no-records-found-text {
    padding-left: 0;
    padding-top: 20px;
  }
  .calibration-service-cart-item-block #no-records-found-text .label-text {
    display: inline-block;
    margin-left: 40px;
    margin-top: -44px;
  }
  .calibration-service-cart-item-block .summary-block-footer .specify-btn {
    float: none;
    margin-right: 0;
  }
  .page-createPipetteService .section-level-global-Messages-wrapper .eco3-globalMessages {
    padding-top: 30px;
  }
  .other-dropdown-option-section {
    margin-top: 5px;
  }
  .other-dropdown-option-section .calibration-form-number-textbox {
    height: 35px;
  }
  .calibration-address-nonedit-section {
    text-align: left;
    padding: 0 !important;
  }
  .calibration-address-nonedit-section-bill-to {
    text-align: left;
  }
  .calibration-servicecenter-address-nonedit-section {
    text-align: left;
    padding: 0 !important;
    margin-bottom: 25px;
  }
  .calibration-contact-person-nonedit-section {
    text-align: left;
  }
  .edit-btn-pipette {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
    padding-left: 20px !important;
  }
  .calibration-contact-person-nonedit-section {
    padding-left: 0;
  }
  .contact-person-edit-mode-section .name-section .form-group,
  .contact-person-edit-mode-section .contact-section .form-group {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .contact-person-edit-mode-section input + .fa-check,
  .contact-person-edit-mode-section input + .fa-times {
    right: -9px !important;
  }
  .other-dropdown-option-section {
    margin-top: 5px;
  }
  .other-dropdown-option-section .calibration-form-number-textbox {
    height: 35px;
  }
  .other-dropdown-option-section .return-kit-info-icon .info-icon-return {
    float: left;
  }
  .new-address-tab-content .service-address-form-container .add1,
  .new-address-tab-content .service-address-form-container .add2,
  .new-address-tab-content .service-address-form-container .add3 {
    margin-bottom: 0 !important;
  }
  .calibration-service-section {
    clear: both;
  }
  .tabs-list li a {
    font-size: 13px;
  }
  .address-list-tab-content .address-list-section .AccAddSearch .input-group-btn .search-magnifier {
    height: 15px !important;
    width: 15px !important;
  }
  .address-list-tab-content .address-list-section .deliveryAddressSelect {
    font-size: 11pt;
    color: #434343;
    width: 120px;
    height: 40px;
    font-family: roboto;
    font-weight: 400;
    border: 1px solid;
  }
  .address-list-tab-content .address-list-section table {
    margin-bottom: 10px !important;
  }
  .address-list-tab-content .address-list-section table tr:nth-last-child(1) td {
    border-bottom: 1px solid #f3f3f3 !important;
  }
  .address-list-tab-content .address-list-section table th:nth-child(-n+2) {
    text-align: center;
  }
  .address-list-tab-content .address-list-section table th:nth-child(-n+2):nth-child(1) {
    padding-left: 30px !important;
  }
  .address-list-tab-content .address-list-section table td:nth-child(-n+2):not(.child) {
    text-align: center;
  }
  .address-list-tab-content .address-list-section table td:nth-child(-n+2):not(.child):nth-child(1) {
    padding-right: 18px !important;
  }
  .address-list-tab-content .address-list-section table td.child .dtr-details li {
    border-bottom: none;
  }
  .address-list-tab-content .address-list-section table td.child .dtr-details li:last-child .dtr-title {
    display: none;
  }
  .calibration-address-edit-mode-section {
    padding: 0 10px;
  }
  .calibration-address-edit-mode-section .billing-add-save-btn {
    margin-top: 20px;
    margin-bottom: 0;
    padding-right: 0;
  }
  .pipette-calibration-landing-main-container {
    margin-bottom: 40px;
    margin-left: 4% !important;
  }
  .calibration-service-plan-wrapper .additional-section {
    width: 85%;
  }
  .calibration-service-plan-wrapper .service-plan-columns {
    width: 100%;
    padding: 0 2px;
  }
  .calibration-service-plan-wrapper .service-plan-columns .plan-row {
    margin-bottom: 20px;
  }
  .calibration-service-plan-wrapper .service-plan-columns .plan-row li.visible-xs:not(.header) {
    margin: 15px 45px;
    width: auto;
  }
  .calibration-service-plan-wrapper .service-plan-columns .plan-row li .yes-no-icon {
    padding-bottom: 15px;
  }
  .calibration-service-plan-wrapper .service-plan-columns .plan-row li:last-child {
    margin-bottom: 20px;
  }
  .calibration-service-plan-wrapper .service-plan-columns .plan-row .select-btn {
    min-width: 230px;
  }
  .calibration-service-plan-wrapper .service-plan-columns .eco3-icon.icon-Yes {
    margin-top: -7px;
  }
  .calibration-service-plan-wrapper .service-plan-columns .yes-no-icon {
    display: inline-flex;
  }
  .calibration-service-plan-wrapper .service-plan-section {
    padding-left: 5px;
  }
  .calibration-service-plan-wrapper .service-plan-section .service-plan-no-custom {
    width: 100%;
  }
  .calibration-service-plan-wrapper .margin-plan-bottom {
    margin-bottom: 0;
  }
  .calibration-service-plan-wrapper .custom-block {
    height: 200px!important;
  }
  .calibration-service-plan-wrapper .custom-block .custom-data-value {
    margin-top: 24px;
    height: 40px;
  }
  .calibration-service-plan-wrapper .custom-block .custom-data-value span {
    padding: 10px;
    width: 70%;
    display: inline-block;
  }
  .calibration-service-plan-wrapper .title-plate h2 {
    padding: 6px;
  }
  /****Calibration-Product-Table-Section***/
  section.service-product {
    margin-top: 30px;
  }
  section.service-product .service-plan-section .custom-search-wrapper {
    margin: 0 auto;
    width: 250px;
    padding-left: 0;
  }
  section.service-product .service-plan-section .custom-search-wrapper .custom-search-label {
    float: none !important;
    text-align: left;
  }
  section.service-product .service-plan-section table.standard tbody tr td,
  section.service-product .service-plan-section table.custom tbody tr td {
    border: none !important;
  }
  section.service-product .service-plan-section table.standard tbody tr td .btn-group-product,
  section.service-product .service-plan-section table.custom tbody tr td .btn-group-product {
    margin-bottom: 10px;
    float: right;
    left: -10px;
  }
  section.service-product .service-plan-section table.standard tbody tr td .text-align-right,
  section.service-product .service-plan-section table.custom tbody tr td .text-align-right {
    text-align: right;
    color: #009cdd;
    font-weight: 500;
  }
  section.service-product .service-plan-section table.standard tbody tr td .qty-update-block,
  section.service-product .service-plan-section table.custom tbody tr td .qty-update-block {
    display: block;
    text-align: left;
  }
  section.service-product .service-plan-section table.standard tbody tr td .custom-mobile-pipettetypes-heading,
  section.service-product .service-plan-section table.custom tbody tr td .custom-mobile-pipettetypes-heading {
    font-size: 13pt;
    font-weight: 500;
    padding-bottom: 5px;
  }
  section.service-product .service-plan-section table.standard tbody tr td .order-reverse,
  section.service-product .service-plan-section table.custom tbody tr td .order-reverse {
    display: table;
  }
  section.service-product .service-plan-section table.standard tbody tr td .order-2,
  section.service-product .service-plan-section table.custom tbody tr td .order-2 {
    display: table-footer-group;
  }
  section.service-product .service-plan-section table.standard tbody tr td:last-child,
  section.service-product .service-plan-section table.custom tbody tr td:last-child {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    padding-left: 0;
  }
  section.service-product .service-plan-section table.standard tbody tr td:last-child .price-alignment-mob,
  section.service-product .service-plan-section table.custom tbody tr td:last-child .price-alignment-mob {
    margin-bottom: 156px;
  }
  section.service-product .service-plan-section table.standard tbody tr td:last-child .price-alignment-mob .text-align-right,
  section.service-product .service-plan-section table.custom tbody tr td:last-child .price-alignment-mob .text-align-right {
    right: 20px;
    position: absolute;
  }
  section.service-product .service-plan-section table.standard tbody .order-1 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .additional-information-container option {
    font-size: 1em;
  }
  .additional-information-container > div {
    margin-bottom: 30px;
  }
  .additional-information-container > div .content-section {
    text-align: left;
  }
  .additional-information-container > div select {
    display: inline-block;
  }
  .additional-information-container .months-interval-textbox {
    width: 60px;
    height: 32px;
    margin-top: 10px;
    margin-right: 5px;
  }
  .additional-information-container .specification-found-container .specification-found-info-link {
    position: relative;
    margin-left: 3%;
  }
  .additional-information-container .specification-found-container .specification-found-info-link i {
    background-size: 20px;
  }
  .additional-information-container .attachment-section {
    margin-bottom: 0;
  }
  .additional-information-container .attachment-container .content-section .upload-file-display-textbox {
    width: 100%;
    padding: 0 10px;
    line-height: 30px;
  }
  .additional-information-container .attachment-container .content-section .upload-file-info-link {
    position: relative;
    bottom: 26px;
    left: 88%;
  }
  .additional-information-container .attachment-container .content-section .upload-file-info-link i {
    background-size: 22px;
  }
  .additional-information-container .attachment-container .content-section .upload-button {
    border: 0;
    float: right;
    min-width: 93px;
    font-weight: 500;
    min-height: 40px;
    margin-top: 20px;
    color: #ffffff;
    background-color: #7d7d7d;
  }
  .additional-information-container .attachment-container .content-section .upload-label-align {
    margin-right: 0;
  }
  .additional-information-container .instruction-container .content-section textarea {
    min-height: 80px;
    width: 100%;
    margin-top: 2px;
    resize: none;
    border-color: #cccccc;
    padding: 6px 12px;
  }
  .additional-information-container .dna-rna-container .content-section {
    text-align: left;
  }
  .additional-information-container .dna-rna-container .content-section .dna-rna-checkbox {
    padding-left: 0;
  }
  .additional-information-container .dna-rna-container .content-section .dna-rna-checkbox .checkmark {
    margin-left: 0;
  }
  .additional-information-container .dna-rna-container .content-section span {
    position: relative;
    bottom: 4px;
    margin-left: 8px;
  }
  .additional-information-container .dna-rna-container .content-section .specification-found-info-link i {
    background-size: 20px;
  }
  .additional-information-container .dna-rna-container .content-section .dna-rna-info-link i {
    background-size: 19px;
    vertical-align: top;
    height: 19px;
  }
  .additional-information-container .content-section.label-section,
  .additional-information-container .label-section.label-section {
    text-align: left;
    font-weight: 500;
    color: #434343;
    margin-bottom: 15px;
  }
  .additional-information-container .content-section.content-section input[type="checkbox"],
  .additional-information-container .label-section.content-section input[type="checkbox"] {
    margin: 0;
    height: 28px;
    display: inline;
    transform: scale(1.4);
  }
  .pipette-summary-page-container .billing-address-container {
    clear: left;
  }
  .pipette-summary-page-container .payment-container {
    clear: left;
  }
  .pipette-summary-page-container .cancel-quote {
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
  .pipette-summary-page-container .quote-btns {
    margin-top: 0;
    margin-bottom: 0;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section {
    padding: 10px 10px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .service-plan-label {
    font-size: 14px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .calibration-delete-icon {
    top: 2px;
    position: relative;
    background-size: 16px !important;
    background-image: url("../images/delete.svg");
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .calibration-delete-icon.eco3-icon {
    width: 20px;
    height: 20px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .checkout-button-container {
    margin: 10px 0;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td .price-info-icon i {
    background-size: 22px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td label {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.product-cell {
    width: 160px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.dna-rna-label-cell {
    width: 160px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.dna-rna-label-cell label {
    width: 130px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell:not(.estimate-price-cell) {
    vertical-align: top;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell p {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td .service-plan-label {
    float: none;
    font-size: 16px;
    font-weight: 600;
    position: static;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell {
    width: 100px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell .estimate-price-container {
    color: #009cdd;
    font-size: 16px;
    font-weight: 600;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.delete-cell {
    width: 35px;
    vertical-align: top;
  }
  .service-minicart-right-section {
    margin-bottom: 40px;
  }
  .calibration-alert-popup,
  .structures-added-to-device {
    width: 50% !important;
    left: 63%;
  }
  #guest-checkout-payment .guest-checkout-form {
    margin-left: 0;
  }
  #guest-checkout-payment .guest-checkout-form #add-credit-card-iframe {
    width: 100% !important;
    min-width: 340px;
  }
  #guest-paymetric-iframe-container #add-credit-card-iframe {
    height: 300px!important;
  }
  .service-product .additional-information-section .upload-block-button-mobile {
    float: right;
    display: block !important;
    margin: 10px 0;
    clear: both;
  }
  .service-product .additional-information-section .attachment-container i.eco3-popover {
    position: relative;
    right: 10px;
    top: -38px;
    float: right !important;
  }
  .service-product .additional-information-section .doc-section-block {
    clear: both;
    width: 100%;
  }
  .service-product .additional-information-section .upload-file-display-textbox {
    padding: 10px !important;
  }
  .service-product .additional-information-section span.select-file-wrapper {
    line-height: 30px;
  }
  .service-product .additional-information-section .doc-section-block li a span.file-name-wrapper {
    width: 65px !important;
    display: inline-block;
    line-height: 40px;
  }
  .service-product .additional-information-section span.select-file-wrapper {
    line-height: 25px;
  }
  .pipette-summary-page-container {
    overflow: auto;
  }
  .pipette-summary-page-container .bck-nxt-btn .back-btn {
    text-align: center;
    margin: 0 0 20px 0;
  }
  .pipette-summary-page-container .bck-nxt-btn .send-btn {
    text-align: center;
  }
  .pipette-summary-page-container .summary-section > div,
  .pipette-summary-page-container .additional-information-section > div {
    word-break: break-word;
  }
  .pipette-summary-page-container .summary-section .bullet-title:before,
  .pipette-summary-page-container .additional-information-section .bullet-title:before {
    margin-bottom: 20px;
  }
  .pipette-summary-page-container .decontamination-textfields-section {
    overflow: auto;
    padding-left: 30px;
  }
  .pipette-summary-page-container .service-plan-container {
    padding: 20px 0;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection {
    width: 100%;
    table-layout: fixed;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection.xs-viewport td {
    word-break: break-word;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr.total-section td {
    padding-top: 10px;
    padding-bottom: 0 !important;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr.total-section.border {
    border-top: 1px solid #f3f3f3;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr.total-section.border td {
    padding-top: 20px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr th,
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td {
    text-align: right;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr th {
    font-size: 10pt;
    font-weight: 600;
    padding-bottom: 15px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td:nth-child(1) {
    width: 65%;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td:nth-child(2) {
    vertical-align: top;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td.estimated-price-section {
    text-align: right;
    vertical-align: top;
    padding-top: 40px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .service-plan {
    font-size: 12pt;
    font-weight: 500;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .standard-price-section {
    margin-bottom: 20px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .price {
    color: #009cdd;
    font-weight: 500;
    font-size: 12pt;
    margin: 20px 0;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td.total-price {
    color: #009cdd;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .estimated-price {
    color: #009cdd;
    font-weight: 500;
    font-size: 12pt;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .estimated-price-label {
    font-weight: 500;
    font-size: 12pt;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .dna-rna-section {
    margin-top: 10px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td:nth-child(1):not(.estimated-price-section) {
    text-align: left;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td:nth-child(1).estimated-price-section {
    text-align: right;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr:nth-last-child(1) {
    border-bottom: none;
  }
  .pipette-summary-page-container .contact-person-section,
  .pipette-summary-page-container .delivery-address-section,
  .pipette-summary-page-container .billing-address-section,
  .pipette-summary-page-container .order-return-section,
  .pipette-summary-page-container .payment-section,
  .pipette-summary-page-container .po-section,
  .pipette-summary-page-container .as-found-section,
  .pipette-summary-page-container .as-returned-section,
  .pipette-summary-page-container .interval-section,
  .pipette-summary-page-container .pre-auth-section,
  .pipette-summary-page-container .special-instruction-section,
  .pipette-summary-page-container .attachment-section {
    text-align: left;
  }
  .pipette-summary-page-container .bullet-title {
    padding-top: 25px;
    padding-bottom: 15px;
    font-weight: 500;
  }
  .pipette-summary-page-container .pcs-summary-info {
    margin: 45px 0 20px 0 !important;
    padding: 0 40px 40px 40px !important;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background: #FFF5EA;
    color: #D86D03;
  }
  .p-xs-left-0 {
    padding-left: 0 !important;
  }
  .p-xs-right-0 {
    padding-right: 0 !important;
  }
  .p-xs-both-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .po-number-section {
    min-height: 60px;
    text-align: left;
    padding-left: 10px;
  }
  .po-number-section #service-reference-number {
    width: 85%;
  }
  .po-number-section .fa {
    right: 12px;
  }
  #paymentOptions .radio label::before {
    left: 0;
  }
  #pipetteAddressNew {
    float: none !important;
    margin-top: 30px !important;
    padding: 0;
    text-align: center;
  }
  #search-box-pcs {
    padding-left: 0;
  }
  #add-table {
    margin-top: 0 !important;
  }
  .specification-dropdown-icon {
    display: flex;
  }
  .specification-dropdown-icon .margin-left-removed {
    margin-left: 0 !important;
  }
  .specification-dropdown-width {
    min-width: 225px!important;
  }
  .page-pipetteServiceSummaryPage .eco3-checkbox.save-inprofile-checkbox {
    margin-left: 57px;
    top: 0;
    margin-top: 20px;
  }
  .page-pipetteServiceSummaryPage .eco3-checkbox.save-inprofile-checkbox .saveInProfile {
    margin: 0 !important;
    width: 100% !important;
  }
  .page-pipetteServiceSummaryPage table.payment-card-list {
    margin-bottom: 0 !important;
  }
  .page-pipetteServiceSummaryPage table.payment-card-list tbody tr.child ul.dtr-details li {
    text-align: center;
  }
  .page-pipetteServiceSummaryPage div#credit-card-options-wrapper {
    text-align: right;
  }
  .page-pipetteServiceSummaryPage .payment-tab-list {
    padding-top: 20px;
  }
  .page-pipetteServiceSummaryPage .payment-tab-list li#addCreditCardTab {
    border-bottom: #cccccc;
  }
  .page-pipetteServiceSummaryPage div#payment-tabs .tab-content {
    margin-top: -6px;
  }
  .page-pipetteServiceSummaryPage #guest-paymetric-iframe-container #add-credit-card-iframe {
    height: 300px !important;
  }
  .page-pipetteServiceSummaryPage #guest-checkout-payment .bullet-checkout-small {
    margin-bottom: 0;
  }
  .page-pipetteServiceSummaryPage #creditCardSelectContainer {
    padding-left: 20px;
    margin-top: 0;
  }
  #shippingReturnKit .save-btn-returnkit .service-savecancel-section {
    margin-left: 0;
    float: right;
    padding-right: 5px;
  }
  .service-minicart-right-section .mini-cart-table .service-type-container {
    margin-bottom: 0;
  }
  #poForm {
    height: auto;
    clear: both;
  }
  .padding-alignment-payment {
    padding: 0;
  }
  #repair-ddSelectBoxIt {
    width: 100% !important;
    max-width: 100% !important;
  }
  .selectboxit-options {
    width: 100% !important;
    max-width: 100% !important;
  }
  #repair-ddSelectBoxItContainer {
    width: 100% !important;
  }
  #repair-ddSelectBoxItText {
    max-width: 90% !important;
  }
  .product-unavailable-error {
    width: 75% !important;
    margin-top: 20px !important;
  }
  .page-pipetteServiceSummaryPage div#credit-card-options-container.service-credit-card-options-container {
    text-align: right;
  }
  .landingpage-section-three {
    display: inline-block;
    text-align: center;
    padding-right: 0  !important;
  }
  .service-selection-top-wrapper {
    width: 98%;
    top: 130px;
    border: 10px solid rgba(255, 255, 255, 0.5);
  }
  .onsite-service-top-wrapper {
    width: 90%;
    top: 150px;
  }
  .landingpage7-top h1 {
    font-size: 16px;
  }
  .simplebanner7landingpage {
    height: 320px;
    box-shadow: 0 1px 7px 0 #d9d9d9;
  }
  .landing-page-banner-section img {
    width: 100%;
    object-fit: cover;
    min-height: 320px;
  }
  .contact-person-non-edit-mode-section,
  .calibration-address-nonedit-section,
  .service-plan-section .return-checkbox,
  .calibration-address-nonedit-section + div.edit-btn-pipette {
    padding-left: 20px !important;
  }
  .page-createPipetteService .quote-pipette-modal {
    min-width: auto;
  }
  .page-createPipetteService .pipette-summary-page-container .service-plan-container .quote-creation-table tr.total-section {
    background-color: #f3f3f3;
  }
  .page-createPipetteService .pipette-summary-page-container .service-plan-container .quote-creation-table tr.total-section td {
    width: 50%;
    padding: 5px 15px !important;
    text-align: right !important;
  }
  .page-createPipetteService .pipette-summary-page-container .service-plan-container .quote-creation-table tr.total-section.border {
    text-transform: uppercase;
  }
  .page-createPipetteService .pipette-summary-page-container .service-plan-container .quote-creation-table tr.total-section.border td {
    text-align: left !important;
  }
  .page-createPipetteService .pipette-summary-page-container .service-plan-container .quote-creation-table tr.table-border {
    border-top: 1px solid #d9d9d9;
  }
  .page-createPipetteService .quote-summary-page-wrapper .col-xs-6 {
    width: 100%;
  }
  .page-createPipetteService .quote-summary-page-wrapper .service-plan-container {
    padding: 0 0 10px 0!important;
  }
  .page-createPipetteService .quote-summary-page-wrapper .quote-description-wrapper {
    margin-bottom: 20px;
  }
  .page-createPipetteService .quote-summary-page-wrapper .pcs-summary-info {
    margin: 45px 0 20px 0 !important;
  }
  .page-createPipetteService .pipette-summary-page-container .standard-info-icon span {
    width: auto;
  }
  .page-createPipetteService .calibration-quote-info .links {
    text-align: center;
  }
  .page-createPipetteService .calibration-quote-info .links a {
    float: none !important;
  }
  .page-createPipetteService .calibration-quote-info .links a.continue-button {
    margin-top: 20px;
  }
  #defaultAddressText {
    clear: both;
    display: block;
    text-align: left;
    margin-top: 10px;
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .select-address-text {
    padding-left: 20px;
  }
  .calibration-service-section-wrapper .contact-person-non-edit-mode-section .edit-btn-pipette {
    padding-left: 20px !important;
  }
  .address-type-SHIP_TO .address-list-tab-content #custom-search-input,
  .address-type-BILL_TO .address-list-tab-content #custom-search-input {
    min-width: 270px;
    max-width: initial;
  }
  .address-type-SHIP_TO .address-list-tab-content #custom-search-input .addressSearchInput .tableSearchInput,
  .address-type-BILL_TO .address-list-tab-content #custom-search-input .addressSearchInput .tableSearchInput {
    padding-right: 0;
  }
  .address-type-SHIP_TO .address-list-tab-content .address-list-section,
  .address-type-BILL_TO .address-list-tab-content .address-list-section {
    padding: 0 10px !important;
  }
  .address-type-SHIP_TO .address-list-tab-content .getdeliveryAddressListTable tbody > tr.child span.dtr-title,
  .address-type-BILL_TO .address-list-tab-content .getdeliveryAddressListTable tbody > tr.child span.dtr-title {
    min-width: auto !important;
  }
  .service-selection-tiles-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .service-selection-tiles-wrapper .service-selection-tile {
    width: 300px;
  }
  .service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container {
    margin: 0 !important;
    padding: 0 !important;
  }
  .service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container .pipette-calibration-landing-container {
    margin: 0;
  }
  .onsite-service-selection-page .service-plans-container {
    flex-direction: column;
    align-items: center;
  }
  .onsite-service-selection-page .service-plans-container .plan-tile {
    width: 300px;
  }
  .onsite-service-selection-page .service-plans-container .content {
    width: 300px;
  }
  .onsite-service-selection-bottom-note {
    max-width: 300px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  #calibration-your-service-section .mini-cart-table .product-cell div {
    display: inline-block;
  }
  .new-address-tab-content .service-address-form-container .non-mandatory-check {
    display: block !important;
    top: 40px;
    right: -27px;
  }
  .calibration-service-section-wrapper .service-specification-section {
    width: 100%;
  }
  .calibration-service-section-wrapper .title-plate h2 {
    min-width: 180px;
  }
  .calibration-service-section-wrapper .order-align select.form-control {
    margin-left: 0 !important;
  }
  .calibration-service-section-wrapper .padding-align-tab {
    padding-left: 5px !important;
  }
  .calibration-service-section-wrapper .section-left {
    padding-right: 0;
  }
  .calibration-service-section-wrapper .service-payment {
    padding-left: 30px !important;
  }
  .calibration-service-section-wrapper .service-payment .service-invoice-section {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-payment .service-invoice-section ul {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section select.form-control {
    height: 35px;
    line-height: 35px;
    margin-left: 25px;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-content-wrapper .standard-price-width {
    min-width: 0;
    line-break: auto;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-content-wrapper table.custom tbody tr td {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-content-wrapper table.custom tbody tr td .btn-group-product .product-btn.product-btn-ATC {
    width: 70px;
    background-size: 35% 55%;
  }
  .calibration-service-section-wrapper .service-plan-section .as-found-dropdown {
    width: 62%;
  }
  .calibration-service-section-wrapper .service-plan-section .as-returned-dropdown {
    width: 66%;
  }
  .calibration-service-section-wrapper .service-plan-section .checkbox-align {
    padding-left: 30px;
  }
  .calibration-service-section-wrapper .service-plan-section .checkbox-align .eco3-checkbox .second-checkbox-terms {
    top: 45px;
  }
  .calibration-service-section-wrapper .service-plan-section .add-to-cart-btn {
    margin-left: 25px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox {
    margin-left: 5px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .checkbox-align {
    padding-left: 6px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .edit-btn-returnkit {
    padding-left: 5px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .return-kit-section-nonedit-section {
    padding-left: 5px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .form-left-section {
    padding-left: 2px;
  }
  .calibration-service-section-wrapper .service-plan-section .return-checkbox .form-right-section {
    padding-right: 0;
    padding-left: 7px;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-dropdown .bullet-title {
    margin-top: 10px;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-dropdown .bullet-title:before {
    margin-top: 2px;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-dropdown .multi-line-bullet-title {
    margin-top: 2px;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-dropdown .multi-line-bullet-title:before {
    margin-top: 9px;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-no-custom {
    width: 98%;
  }
  .calibration-service-section-wrapper .order-align {
    padding-left: 0;
  }
  .calibration-service-section-wrapper .order-align-tab {
    padding-left: 23px !important;
  }
  .calibration-service-section-wrapper .return-kit-info-icon {
    padding-left: 0;
    padding-bottom: 5px;
  }
  .calibration-service-section-wrapper .return-kit-info-icon .eco3-icon.icon-info-circle {
    margin-left: -1px;
  }
  .calibration-service-section-wrapper .image-banner-wrapper #productListBannerSection {
    margin-bottom: 0;
  }
  .calibration-service-section-wrapper .image-banner-wrapper #productListBannerSection .productInnerBanner {
    margin: 0 auto;
  }
  .calibration-service-section-wrapper .image-banner-wrapper #productListBannerSection .productInnerBanner .categoryImage .img {
    min-height: auto;
  }
  .calibration-service-section-wrapper .service-minicart-right-section {
    margin-top: 15px;
    padding: 0 10px;
    max-width: none;
    margin-left: 0;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section {
    padding: 0 20px;
    width: 100%;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper {
    margin-top: 0;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper table {
    margin-bottom: 0 !important;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .estimate-price-wrapper:before {
    width: 92% !important;
    left: 4.3% !important;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section:after {
    content: "";
    position: absolute;
    width: 1px !important;
    height: 96% !important;
    top: 0 !important;
    left: 50% !important;
    display: block;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .empty-servicecart {
    height: 286px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .bottom-section {
    width: 50%;
  }
  .calibration-service-section-wrapper .padding-left-align {
    padding-left: 0 !important;
  }
  .calibration-service-section-wrapper .bck-nxt-btn .back-btn a {
    float: left;
  }
  .calibration-service-section-wrapper .bck-nxt-btn .next-btn {
    float: right;
    margin-right: 12px;
  }
  .calibration-service-section-wrapper .bck-nxt-btn .send-btn {
    float: right;
    margin-right: 0;
  }
  .calibration-service-section-wrapper .calibration-service-cart-item-block #no-records-found-text {
    padding-left: 13px;
  }
  .calibration-service-section-wrapper .calibration-service-cart-item-block #no-records-found-text .info-icon-label {
    display: flex;
  }
  .calibration-service-section-wrapper .calibration-service-cart-item-block #no-records-found-text .eco3-icon.icon-info-circle {
    top: 15px;
  }
  .calibration-service-section-wrapper .calibration-service-cart-item-block #no-records-found-text .label-text {
    margin-top: 14px;
  }
  .calibration-service-section-wrapper .save-to-addressBook {
    padding-left: 33px;
  }
  .calibration-service-section-wrapper .service-default-addressbook {
    padding-left: 28px;
  }
  .calibration-service-section-wrapper .po-number-section #service-reference-number {
    width: 85%;
  }
  .other-dropdown-option-section {
    float: right;
    margin-right: 15px;
    margin-top: 5px;
  }
  .other-dropdown-option-section .calibration-form-number-textbox {
    height: 35px;
  }
  .edit-btn-pipette {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
  }
  .calibration-address-nonedit-section,
  .calibration-address-nonedit-section-bill-to {
    text-align: left;
    padding-left: 30px;
  }
  .calibration-servicecenter-address-nonedit-section {
    text-align: left;
    padding-left: 30px;
    margin-bottom: 25px;
  }
  .calibration-contact-person-nonedit-section {
    padding-left: 30px;
  }
  .calibration-contact-person-nonedit-section {
    text-align: left;
  }
  .contact-person-edit-mode-section input + .fa-check,
  .contact-person-edit-mode-section input + .fa-times {
    right: -16px !important;
  }
  .tabs-list li a {
    font-size: 15px;
  }
  .address-list-tab-content .address-list-section {
    padding: 20px;
  }
  .address-list-tab-content .address-list-section .AccAddSearch .input-group-btn .search-magnifier {
    height: 25px !important;
    width: 25px !important;
  }
  .address-list-tab-content .address-list-section table {
    margin-bottom: 35px !important;
  }
  .address-list-tab-content .address-list-section table th {
    text-align: center !important;
  }
  .address-list-tab-content .address-list-section table th:nth-child(1) {
    padding-left: 50px;
  }
  .address-list-tab-content .address-list-section .deliveryAddressSelect {
    font-size: 11pt;
    color: #434343;
    width: 120px;
    height: 40px;
    font-family: roboto;
    font-weight: 400;
    border: 1px solid;
  }
  .new-address-tab-content {
    overflow: auto;
  }
  .new-address-tab-content .service-address-form-container .add1 {
    width: 256px;
    margin-left: 30px;
    margin-bottom: 0 !important;
  }
  .new-address-tab-content .service-address-form-container .add2 {
    width: 286px;
    margin-left: 95px;
    margin-bottom: 0 !important;
  }
  .new-address-tab-content .service-address-form-container .add3 {
    margin-left: 30px;
    width: 256px;
  }
  .new-address-tab-content .service-address-form-container .add4 {
    padding-left: 0;
    width: 286px;
    margin-left: 95px;
  }
  .new-address-tab-content .service-address-form-container .add4 #regionIso,
  .new-address-tab-content .service-address-form-container .add4 #countryIso {
    height: 35px !important;
  }
  .new-address-tab-content .service-address-form-container .deliveyAddButton {
    padding-right: 36px;
    margin-top: 20px;
  }
  .new-address-tab-content .service-address-form-container select.form-control {
    line-height: 20px;
  }
  .pipette-calibration-landing-main-container {
    margin-bottom: 40px;
    margin-left: 0 !important;
    padding: 0 !important;
  }
  .landingpage-section-three .yCmsComponent:first-child:nth-last-child(1) .pipette-calibration-landing-main-container,
  .landingpage-section-three .yCmsComponent:first-child:nth-last-child(1) ~ .yCmsComponent .pipette-calibration-landing-main-container {
    margin-left: 0 !important;
    padding: 0;
  }
  .landingpage7-top-wrapper {
    width: max-content;
    max-width: 712px;
  }
  .service-selection-top-wrapper {
    top: 200px;
  }
  .onsite-service-top-wrapper {
    top: 250px;
  }
  .landingpage7-top h1 {
    font-size: 20px;
  }
  .simplebanner7landingpage {
    box-shadow: 0 1px 7px 0 #d9d9d9;
  }
  .landing-page-banner-section img {
    width: auto;
  }
  .additional-information-container .content-section,
  .additional-information-container .label-section {
    text-align: left;
  }
  /****Calibration-Product-Table-Section***/
  section.service-product .service-plan-section {
    padding: 0 !important;
  }
  section.service-product .service-plan-section .select-address-text {
    padding-left: 20px !important;
  }
  section.service-product .service-plan-section .service-plan-content-wrapper {
    padding-right: 0;
  }
  section.service-product .service-plan-section table.custom thead tr th {
    width: 14% !important;
  }
  section.service-product .service-plan-section table.custom thead tr th#customHeader3,
  section.service-product .service-plan-section table.custom thead tr th#customHeader4 {
    width: 14% !important;
    padding-left: 0;
    padding-right: 0;
    word-break: break-word;
  }
  section.service-product .service-plan-section table.custom thead tr th#customHeader3 {
    min-width: 63px;
  }
  section.service-product .service-plan-section table.custom thead tr th#customHeader2,
  section.service-product .service-plan-section table.custom thead tr th#customHeader5 {
    min-width: 110px;
  }
  section.service-product .service-plan-section table.custom tbody tr td {
    padding-left: 5px;
    width: 18% !important;
    border-top: 1px solid #cccccc;
  }
  section.service-product .service-plan-section table.custom tbody tr td .qty-update-block {
    display: block;
    min-width: 120px;
  }
  section.service-product .service-plan-section table.custom tbody tr td .qty-update-block .product-quantity-picker {
    float: left !important;
  }
  section.service-product .service-plan-section table.custom tbody tr td .btn-group-product {
    left: 0;
  }
  section.service-product .service-plan-section table.custom tbody tr td .btn-group-product .product-btn.product-btn-ATC {
    width: 80px;
  }
  section.service-product .service-plan-section table.custom tbody tr td.custom-column2,
  section.service-product .service-plan-section table.custom tbody tr td.custom-column5 {
    min-width: 110px;
  }
  section.service-product .service-plan-section table.custom tbody tr td.custom-column3,
  section.service-product .service-plan-section table.custom tbody tr td.custom-column4 {
    width: 10% !important;
  }
  section.service-product .service-plan-section table.custom tbody tr td.custom-column6 {
    max-width: 115px;
  }
  section.service-product .service-plan-section table.custom tbody tr td:nth-child(3) {
    width: 10% !important;
  }
  section.service-product .service-plan-section table.standard .btn-group-product .product-btn.product-btn-ATC {
    width: 80px;
  }
  .calibration-service-plan-wrapper .plan-row.third-block li {
    padding-left: 3px;
  }
  .calibration-service-plan-wrapper .first-column li:nth-child(2n),
  .calibration-service-plan-wrapper .first-column li:nth-child(3n) {
    min-width: 110px;
  }
  .calibration-service-plan-wrapper .first-column .add-padding-custom {
    padding-top: 0 !important;
  }
  .calibration-service-plan-wrapper .first-column .service-details {
    padding: 0;
    min-width: 120px;
  }
  .additional-information-container .dna-rna-container {
    margin-top: 10px;
  }
  .additional-information-container .dna-rna-container .content-section .dna-rna-checkbox {
    padding-left: 0;
  }
  .additional-information-container .dna-rna-container .content-section .dna-rna-checkbox .checkmark {
    margin-left: 0;
  }
  .additional-information-container .dna-rna-container .content-section span {
    position: relative;
    bottom: 4px;
    margin-left: 8px;
  }
  .additional-information-container .months-interval-textbox {
    width: 60px;
    height: 32px;
    margin-right: 5px;
    margin-top: 15px;
  }
  .additional-information-container .instruction-container .label-section {
    margin-top: 18px;
  }
  .additional-information-container .attachment-container .label-section {
    margin-top: 8px;
  }
  .additional-information-container .attachment-container .content-section .upload-file-display-textbox {
    height: 35px;
    min-width: 222px;
    padding: 0 10px;
  }
  .additional-information-container .attachment-container .content-section .upload-file-info-link {
    position: relative;
    top: 5px;
    right: 35px;
  }
  .additional-information-container .attachment-container .content-section .upload-file-info-link i {
    background-size: 22px;
  }
  .additional-information-container .attachment-container .content-section .upload-button {
    border: 0;
    min-width: 80px;
    font-weight: 500;
    min-height: 35px;
    margin-left: -10px;
    color: #ffffff;
    background-color: #7d7d7d;
  }
  .additional-information-container .content-section,
  .additional-information-container .label-section {
    text-align: left;
    margin-bottom: 12px;
  }
  .additional-information-container .content-section.label-section,
  .additional-information-container .label-section.label-section {
    font-weight: 500;
    color: #434343;
  }
  .additional-information-container .content-section.content-section .specification-found-info-link.specification-found-info-link,
  .additional-information-container .label-section.content-section .specification-found-info-link.specification-found-info-link {
    position: relative;
    margin-left: 3%;
  }
  .additional-information-container .content-section.content-section .specification-found-info-link i,
  .additional-information-container .label-section.content-section .specification-found-info-link i {
    background-size: 20px;
  }
  .additional-information-container .content-section.content-section .dna-rna-info-link i,
  .additional-information-container .label-section.content-section .dna-rna-info-link i {
    background-size: 19px;
    height: 19px;
    vertical-align: top;
  }
  .additional-information-container .content-section.content-section select,
  .additional-information-container .label-section.content-section select {
    display: inline;
    width: 320px;
    margin-left: 0;
  }
  .additional-information-container .content-section.content-section input[type="checkbox"],
  .additional-information-container .label-section.content-section input[type="checkbox"] {
    margin: 0;
    height: 28px;
    display: inline;
    transform: scale(1.4);
  }
  .additional-information-container .content-section.content-section textarea,
  .additional-information-container .label-section.content-section textarea {
    min-height: 0 !important;
    height: 60px;
    width: 320px;
    resize: none;
    border-color: #cccccc;
    padding: 6px 12px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section {
    padding: 10px 30px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .service-plan-label {
    font-size: 14px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .calibration-delete-icon {
    top: 2px;
    position: relative;
    background-size: 16px;
    background-image: url("../images/delete.svg");
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .calibration-delete-icon.eco3-icon {
    width: 20px;
    height: 20px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .checkout-button-container {
    margin: 10px 0;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table {
    table-layout: fixed;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td .price-info-icon i {
    background-size: 22px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td label {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell p {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td .service-plan-label {
    float: none;
    font-size: 16px;
    font-weight: 600;
    position: static;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell {
    width: 100px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell .estimate-price-container {
    color: #009cdd;
    font-size: 16px;
    font-weight: 600;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.delete-cell {
    width: 20px;
  }
  .service-minicart-right-section {
    margin-bottom: 40px;
  }
  .calibration-alert-popup,
  .structures-added-to-device {
    width: 38% !important;
    left: 53%;
  }
  .pipette-summary-page-container .title-plate .first-section {
    text-align: center;
  }
  .pipette-summary-page-container .global-messages-section-server-error .alert.alert-bar span:first-child {
    background-position: left;
  }
  .pipette-summary-page-container .summary-section .bullet-title:before,
  .pipette-summary-page-container .additional-information-section .bullet-title:before {
    top: 3px;
  }
  .pipette-summary-page-container .service-plan-container {
    padding: 15px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection {
    width: 100%;
    table-layout: fixed;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr {
    border-bottom: 1px solid #d9d9d9;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr th,
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td {
    text-align: center;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr th {
    font-size: 10pt;
    font-weight: 600;
    padding-bottom: 15px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr th:nth-child(1) {
    width: 30%;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr th:nth-child(2) {
    width: 40%;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr th:nth-child(3) {
    width: 10%;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr th:nth-last-child(1) {
    padding-left: 35px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td:nth-last-child(1) {
    text-align: right;
    padding-right: 30px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td.estimated-price-section {
    text-align: right;
    vertical-align: top;
    padding-top: 40px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .service-plan {
    font-size: 12pt;
    font-weight: 500;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .price {
    color: #009cdd;
    font-weight: 500;
    font-size: 12pt;
    margin-bottom: 15px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .estimated-price {
    color: #009cdd;
    font-weight: 500;
    font-size: 12pt;
    padding-top: 20px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .estimated-price-label {
    color: #009cdd;
    font-weight: 500;
    font-size: 12pt;
    padding-top: 20px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td .dna-rna-section {
    margin-top: 10px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td table {
    width: 79%;
    float: right;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td table tr {
    border-bottom: none;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td table tr td {
    padding-bottom: 0;
    padding-top: 10px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td table tr td:nth-child(1) {
    padding-left: 0 ;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td table tr td:nth-child(2) {
    padding-left: 20px !important;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td:nth-last-child(1):not(.estimated-price-section) {
    padding-left: 35px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr td:nth-child(1) {
    text-align: left;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tr:nth-last-child(1) {
    border-bottom: none;
  }
  .pipette-summary-page-container .contact-person-section,
  .pipette-summary-page-container .delivery-address-section,
  .pipette-summary-page-container .billing-address-section,
  .pipette-summary-page-container .order-return-section,
  .pipette-summary-page-container .payment-section,
  .pipette-summary-page-container .po-section,
  .pipette-summary-page-container .as-found-section,
  .pipette-summary-page-container .as-returned-section,
  .pipette-summary-page-container .interval-section,
  .pipette-summary-page-container .pre-auth-section,
  .pipette-summary-page-container .special-instruction-section,
  .pipette-summary-page-container .attachment-section {
    text-align: left;
  }
  .pipette-summary-page-container .bullet-title {
    padding-top: 25px;
    padding-bottom: 15px;
    font-weight: 500;
  }
  .pipette-summary-page-container .order-return-container,
  .pipette-summary-page-container .pre-auth-container {
    clear: left;
  }
  .pipette-summary-page-container .bck-nxt-btn .send-btn {
    text-align: right;
  }
  .pipette-summary-page-container .cancel-quote {
    margin-right: 20px !important;
  }
  .pipette-summary-page-container .pcs-summary-info {
    margin: 45px 0 0 -15 !important;
    padding: 0 40px 40px 40px !important;
    width: 320px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background: #FFF5EA;
    color: #D86D03;
  }
  .calibration-service-plan-wrapper .custom-column li:nth-last-child(1) {
    padding-top: 40px !important;
  }
  .calibration-service-plan-wrapper .plan-row li:last-child {
    height: 100px;
  }
  .calibration-service-plan-wrapper .plan-row li:last-child:not(.service-details) {
    padding-top: 10px;
  }
  .p-left-0 {
    padding-left: 0 !important;
  }
  .p-right-0 {
    padding-right: 0 !important;
  }
  .p-sm-left-0 {
    padding-left: 0 !important;
  }
  .p-sm-right-0 {
    padding-right: 0 !important;
  }
  .p-sm-both-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .service-product .additional-information-section .upload-block-button-mobile {
    float: left !important;
    margin-bottom: 20px;
  }
  .service-product .additional-information-section .additional-information-container {
    padding-left: 20px;
  }
  #paymentOptions .radio label::before {
    left: 0;
  }
  #paymentOptions .radio-btn-prepaid {
    padding-left: 10px;
  }
  #creditCardSelectContainer .card-key {
    margin-right: 0;
  }
  .page-pipetteServiceSummaryPage #productListBannerSection,
  .page-serviceOrderPaymentPage #productListBannerSection,
  .page-serviceOrderConfirmationPage #productListBannerSection {
    margin-bottom: 0;
  }
  .page-pipetteServiceSummaryPage #productListBannerSection .productInnerBanner .categoryImage .img,
  .page-serviceOrderPaymentPage #productListBannerSection .productInnerBanner .categoryImage .img,
  .page-serviceOrderConfirmationPage #productListBannerSection .productInnerBanner .categoryImage .img {
    min-height: auto !important;
  }
  .image-banner-wrapper .captionInfo.pipette-order-form {
    height: 15px;
  }
  .image-banner-wrapper .captionInfo h1 {
    font-size: 16pt;
    color: #434343;
    position: relative;
    font-weight: bold;
    padding-left: 30px;
    opacity: 0.9;
    background: #ffffff;
  }
  #shippingReturnKit .save-btn-returnkit .service-savecancel-section {
    margin-left: 0;
    float: right;
  }
  .selectboxit-options {
    width: 100% !important;
  }
  #repair-ddSelectBoxItContainer {
    width: 100% !important;
  }
  #repair-ddSelectBoxItText {
    max-width: 90% !important;
  }
  .specification-found-container .label-section,
  .specification-returned-container .label-section,
  .service-interval-container .label-section,
  .repair-container .label-section {
    margin-top: 8px;
  }
  .calibration-address-edit-mode-section .billing-add-save-btn {
    padding-right: 20px;
  }
  .page-createPipetteService .quote-summary-page-wrapper .summary-section {
    overflow-y: auto;
  }
  .page-createPipetteService .quote-summary-page-wrapper .pcs-summary-info {
    margin: 45px 0 0 0 !important;
  }
  .pipette-summary-page-container .standard-info-icon span {
    width: 60%;
  }
  .calibration-service-section-wrapper .bck-nxt-btn .create-quote {
    margin-right: 0 !important;
    margin-top: 20px;
  }
  .calibration-service-plan-wrapper .first-row .text-align-center {
    height: 39px!important;
    background: #f3f3f3 !important;
    border-top: 1px solid #d9d9d9 !important;
    border-right: 1px solid #d9d9d9 !important;
    border-left: 1px solid #d9d9d9 !important;
    border-bottom: none !important;
  }
  .calibration-service-plan-wrapper .first-row .specification-component {
    height: 90px !important;
  }
  .calibration-service-plan-wrapper .service-plan-row {
    border-bottom: 1px solid #d9d9d9 !important;
    border-right: 1px solid #d9d9d9 !important;
    border-left: 1px solid #d9d9d9 !important;
    border-top: none !important;
  }
  .calibration-service-plan-wrapper .service-plan-row td:first-child {
    background-color: unset !important;
    text-transform: initial !important;
  }
  .calibration-service-plan-wrapper .service-plan-row .custom-data-value {
    background-color: #ffffff !important;
    text-transform: capitalize !important;
  }
  .calibration-service-plan-wrapper .service-plan-row .custom-data-value span {
    padding-left: 55px;
  }
  .calibration-service-plan-wrapper .highlight-planname-row-for-tablet {
    border: 2px solid #009cdd;
    box-shadow: 0px -1px 0px #009cdd;
    opacity: 0.8;
    border-bottom: none !important;
  }
  .calibration-service-plan-wrapper .highlight-main-row-for-tablet {
    border: 2px solid #009cdd !important;
    border-top: none !important;
    box-shadow: 0px 2px 2px -2px #009cdd;
  }
  .service-selection-tiles-wrapper {
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
  }
  .service-selection-tiles-wrapper .service-selection-tile {
    max-width: 300px;
  }
  .service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container {
    margin: 0 !important;
    padding: 0 !important;
  }
  .service-selection-tiles-wrapper .service-selection-tile .pipette-calibration-landing-main-container .pipette-calibration-landing-container {
    margin: 0;
  }
  .onsite-service-selection-page {
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
  }
  .onsite-service-selection-page .service-plans-container {
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 630px;
  }
  .onsite-service-selection-page .service-plans-container .plan-tile {
    width: 300px;
  }
  .onsite-service-selection-page .service-plans-container .content {
    width: 300px;
  }
  .onsite-service-selection-bottom-note {
    max-width: 630px;
  }
  #guest-checkout-payment .guest-checkout-form {
    margin-left: 0;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .calibration-contact-person-nonedit-section {
    text-align: left;
  }
  .calibration-address-nonedit-section,
  .calibration-address-nonedit-section-bill-to {
    text-align: left;
    padding-left: 30px;
  }
  .calibration-servicecenter-address-nonedit-section {
    text-align: left;
    padding-left: 30px;
    margin-bottom: 25px;
  }
  .edit-btn-pipette {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
  }
  .calibration-contact-person-nonedit-section {
    padding-left: 30px;
  }
  .contact-person-edit-mode-section input + .fa-check,
  .contact-person-edit-mode-section input + .fa-times {
    right: -16px !important;
  }
  .tabs-list li a {
    font-size: 15px;
  }
  .address-list-tab-content .address-list-section {
    padding: 20px;
  }
  .address-list-tab-content .address-list-section table {
    margin-bottom: 35px !important;
  }
  .address-list-tab-content .address-list-section table th {
    text-align: center !important;
  }
  .address-list-tab-content .address-list-section table th:nth-child(1) {
    padding-left: 50px;
  }
  .address-list-tab-content .address-list-section table td {
    text-align: center !important;
  }
  .address-list-tab-content .address-list-section .deliveryAddressSelect {
    font-size: 11pt;
    color: #434343;
    width: 120px;
    height: 40px;
    font-family: roboto;
    font-weight: 400;
    border: 1px solid;
  }
  .new-address-tab-content {
    overflow: auto;
  }
  .new-address-tab-content .service-address-form-container .add1 {
    width: 320px;
    margin-left: 60px;
    margin-bottom: 0 !important;
  }
  .new-address-tab-content .service-address-form-container .add2 {
    width: 320px;
    margin-left: 95px;
    margin-bottom: 0 !important;
  }
  .new-address-tab-content .service-address-form-container .add3 {
    margin-left: 60px;
    width: 320px;
  }
  .new-address-tab-content .service-address-form-container .add4 {
    width: 320px;
    margin-left: 95px;
  }
  .new-address-tab-content .service-address-form-container .add4 #regionIso,
  .new-address-tab-content .service-address-form-container .add4 #countryIso {
    height: 35px !important;
  }
  .new-address-tab-content .service-address-form-container .po-checkbox-wrapper .po-box-checkbox.deliveryAddressFormCheckbox {
    margin-left: 60px;
  }
  .new-address-tab-content .service-address-form-container .non-mandatory-check {
    display: block !important;
    top: 40px;
    right: -27px;
  }
  #serviceBillToSection .new-address-tab-content {
    overflow: auto;
  }
  #serviceBillToSection .new-address-tab-content .service-address-form-container .add1 {
    width: 320px;
    margin-left: 50px;
    margin-bottom: 0 !important;
  }
  #serviceBillToSection .new-address-tab-content .service-address-form-container .add2 {
    width: 320px;
    margin-left: 80px;
    margin-bottom: 0 !important;
  }
  #serviceBillToSection .new-address-tab-content .service-address-form-container .add3 {
    margin-left: 50px;
    width: 320px;
  }
  #serviceBillToSection .new-address-tab-content .service-address-form-container .add4 {
    width: 320px;
    margin-left: 80px;
  }
  #serviceBillToSection .new-address-tab-content .service-address-form-container .add4 #regionIso,
  #serviceBillToSection .new-address-tab-content .service-address-form-container .add4 #countryIso {
    height: 35px !important;
  }
  #serviceBillToSection .new-address-tab-content .service-address-form-container .po-checkbox-wrapper .po-box-checkbox.deliveryAddressFormCheckbox {
    margin-left: 60px;
  }
  #serviceBillToSection .new-address-tab-content .service-address-form-container .non-mandatory-check {
    display: block !important;
    top: 40px;
    right: -27px;
  }
  #serviceBillToSection .new-address-tab-content .service-address-form-container .guest-checkout-savecancel {
    margin-right: 36px;
  }
  .calibration-service-section-wrapper .service-plan-section .service-plan-dropdown {
    padding-right: 20px;
  }
  .calibration-service-section-wrapper .title-plate h2 {
    margin-left: -1px;
  }
  .pipette-service-address-section .tabs-list .new-address-tab {
    margin-left: -2px;
  }
  .additional-information-container .dna-rna-container {
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .additional-information-container .dna-rna-container .content-section {
    margin-bottom: 0;
  }
  .additional-information-container .dna-rna-container .content-section .dna-rna-checkbox {
    padding-left: 0;
  }
  .additional-information-container .dna-rna-container .content-section .dna-rna-checkbox .checkmark {
    margin-left: 0;
  }
  .additional-information-container .dna-rna-container .content-section span {
    position: relative;
    bottom: 4px;
    margin-left: 8px;
  }
  .additional-information-container #service-interval-dd,
  .additional-information-container .months-interval-textbox {
    display: inline-block;
  }
  .additional-information-container .months-interval-textbox {
    width: 60px;
    height: 32px;
    margin-right: 5px;
    margin-left: 18px;
  }
  .additional-information-container .service-interval-container .content-section {
    display: table;
  }
  .additional-information-container .service-interval-container .months-interval-textbox {
    vertical-align: top;
  }
  .additional-information-container .service-interval-container .months-interval-label {
    display: table-cell;
    vertical-align: middle;
  }
  .additional-information-container .instruction-container .label-section {
    margin-top: 18px;
  }
  .additional-information-container .instruction-container .content-section textarea {
    resize: none;
    border-radius: 0;
  }
  .additional-information-container .specification-found-container .label-section,
  .additional-information-container .specification-returned-container .label-section,
  .additional-information-container .service-interval-container .label-section,
  .additional-information-container .repair-container .label-section {
    margin-top: 8px;
  }
  .additional-information-container .attachment-container .label-section {
    margin-top: 8px;
  }
  .additional-information-container .attachment-container .content-section .upload-file-display-textbox {
    height: 35px;
    min-width: 220px;
    padding: 0 10px;
  }
  .additional-information-container .attachment-container .content-section .upload-file-info-link {
    position: relative;
    top: 5px;
    right: 35px;
  }
  .additional-information-container .attachment-container .content-section .upload-file-info-link i {
    background-size: 22px;
  }
  .additional-information-container .attachment-container .content-section .upload-button {
    border: 0;
    min-width: 80px;
    font-weight: 500;
    min-height: 35px;
    margin-left: -10px;
    color: #ffffff;
    background-color: #7d7d7d;
  }
  .additional-information-container .content-section,
  .additional-information-container .label-section {
    text-align: left;
    margin-bottom: 12px;
  }
  .additional-information-container .content-section.label-section,
  .additional-information-container .label-section.label-section {
    font-weight: 500;
    color: #434343;
  }
  .additional-information-container .content-section.content-section .specification-found-info-link.specification-found-info-link,
  .additional-information-container .label-section.content-section .specification-found-info-link.specification-found-info-link {
    position: relative;
    margin-left: 3%;
  }
  .additional-information-container .content-section.content-section .specification-found-info-link i,
  .additional-information-container .label-section.content-section .specification-found-info-link i {
    background-size: 20px;
  }
  .additional-information-container .content-section.content-section .dna-rna-info-link i,
  .additional-information-container .label-section.content-section .dna-rna-info-link i {
    top: 0px;
    vertical-align: top;
    background-size: 19px;
    height: 29px;
  }
  .additional-information-container .content-section.content-section select,
  .additional-information-container .label-section.content-section select {
    display: inline;
    width: 320px;
    height: 35px !important;
  }
  .additional-information-container .content-section.content-section input[type="checkbox"],
  .additional-information-container .label-section.content-section input[type="checkbox"] {
    margin: 0;
    height: 27px;
    display: inline;
    transform: scale(1.4);
  }
  .additional-information-container .content-section.content-section textarea,
  .additional-information-container .label-section.content-section textarea {
    min-height: 0 !important;
    height: 125px;
    width: 320px;
    resize: none;
    font-size: 12pt;
    margin-bottom: -6px !important;
    padding: 6px 12px;
    border: 1px solid #cccccc;
  }
  .calibration-service-section-wrapper .additional-section {
    margin-bottom: 20px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section {
    padding: 10px 30px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .service-plan-label {
    font-size: 14px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .calibration-delete-icon {
    top: 2px;
    position: relative;
    background-size: 16px;
    background-image: url("../images/delete.svg");
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .calibration-delete-icon.eco3-icon {
    width: 20px;
    height: 20px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .checkout-button-container {
    margin: 10px 0;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .checkout-button-container .plan-select-btn.btn {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table {
    table-layout: fixed;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td .price-info-icon i {
    background-size: 22px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td label {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.dna-rna-label-cell label {
    width: 130px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell p {
    font-size: 16px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td .service-plan-label {
    float: none;
    font-size: 16px;
    font-weight: 600;
    position: static;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell {
    width: 100px;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.price-cell .estimate-price-container {
    color: #009cdd;
    font-size: 16px;
    font-weight: 600;
  }
  .calibration-service-section-wrapper #calibration-your-service-section .your-service-instruction-section .top-section .mini-cart-table td.delete-cell {
    width: 40px;
  }
  .pipette-summary-page-container td.hidden-sm.visible-md.visible-lg.estimated-price-section {
    vertical-align: top;
  }
  .pipette-summary-page-container .pcs-summary-info {
    margin: 20px 0 0 -70px !important;
    padding: 0 40px 30px 40px !important;
  }
  .pipette-summary-page-container .title-plate .first-section {
    text-align: center;
  }
  .pipette-summary-page-container .global-messages-section-server-error .alert.alert-bar span:first-child {
    background-position: left;
  }
  .pipette-summary-page-container .summary-section {
    overflow: auto;
  }
  .pipette-summary-page-container .summary-section,
  .pipette-summary-page-container .additional-information-section {
    padding-left: 30px;
  }
  .pipette-summary-page-container .summary-section .bullet-title:before,
  .pipette-summary-page-container .additional-information-section .bullet-title:before {
    top: 2px;
  }
  .pipette-summary-page-container .service-plan-container {
    padding: 20px 40px 20px 40px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection {
    width: 100%;
    table-layout: fixed;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr {
    border-bottom: 1px solid #d9d9d9;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr th,
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td {
    text-align: center;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr th {
    font-size: 10pt;
    font-weight: 600;
    padding-bottom: 15px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr th:nth-child(1) {
    width: 20%;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr th:nth-child(3) {
    width: 8%;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr th:nth-last-child(1) {
    padding-left: 100px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td .service-plan {
    font-size: 12pt;
    font-weight: 500;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td .price {
    color: #009cdd;
    font-weight: 500;
    font-size: 12pt;
    margin-bottom: 15px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td .estimated-price {
    color: #009cdd;
    font-weight: 500;
    font-size: 12pt;
    padding-top: 25px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td .estimated-price-label {
    color: #009cdd;
    font-weight: 500;
    font-size: 12pt;
    padding-top: 25px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td .dna-rna-section {
    margin-top: 10px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td.estimated-price-section {
    vertical-align: top;
    padding-top: 40px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td table {
    width: 71%;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td table tr {
    border-bottom: none;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td table tr td {
    padding-left: 0 !important;
    padding-bottom: 0;
    padding-top: 10px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td:nth-last-child(1):not(.estimated-price-section) {
    padding-left: 100px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr td:nth-child(1) {
    text-align: left;
    padding-left: 30px;
  }
  .pipette-summary-page-container .service-plan-container .service-product-cart-collection tbody tr:nth-last-child(1) {
    border-bottom: none;
  }
  .pipette-summary-page-container .contact-person-section,
  .pipette-summary-page-container .delivery-address-section,
  .pipette-summary-page-container .billing-address-section,
  .pipette-summary-page-container .order-return-section,
  .pipette-summary-page-container .payment-section,
  .pipette-summary-page-container .po-section,
  .pipette-summary-page-container .as-found-section,
  .pipette-summary-page-container .as-returned-section,
  .pipette-summary-page-container .interval-section,
  .pipette-summary-page-container .pre-auth-section,
  .pipette-summary-page-container .special-instruction-section,
  .pipette-summary-page-container .attachment-section {
    text-align: left;
  }
  .pipette-summary-page-container .bullet-title {
    padding-top: 25px;
    padding-bottom: 15px;
    font-weight: 500;
  }
  .pipette-summary-page-container .payment-container,
  .pipette-summary-page-container .special-instruction-scontainer {
    clear: left;
  }
  .pipette-summary-page-container .bck-nxt-btn .send-btn {
    text-align: right;
  }
  .pipette-summary-page-container .pcs-summary-info {
    margin: 46px 0 0 -70px !important;
    padding: 0 40px 40px 40px !important;
    width: 460px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background: #FFF5EA;
    color: #D86D03;
  }
  .quote-summary-page-wrapper .pcs-summary-info {
    margin: 45px 0 0 -30px !important;
  }
  .pipette-calibration-payment-container .send-btn {
    float: right;
    margin-right: -18px;
  }
  .calibration-service-plan-wrapper .first-column li span {
    text-align: left;
    padding-left: 35px;
  }
  .calibration-service-plan-wrapper .custom-column li:nth-last-child(1) {
    padding-top: 38px !important;
  }
  .calibration-service-plan-wrapper .plan-row li:last-child {
    height: 100px;
  }
  .calibration-service-plan-wrapper .plan-row li:last-child:not(.service-details) {
    padding-top: 36px;
    padding-bottom: 20px;
  }
  .p-left-0 {
    padding-left: 0 !important;
  }
  .p-right-0 {
    padding-right: 0 !important;
  }
  .p-md-left-0 {
    padding-left: 0 !important;
  }
  .p-md-right-0 {
    padding-right: 0 !important;
  }
  .p-md-both-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .service-plan-content-wrapper table.custom #updateCartForm .quantity-label {
    display: none;
  }
  .calibration-service-section-wrapper .calibration-lab-wrapper .content {
    text-align: left;
    padding-left: 10px;
  }
  .calibration-service-section-wrapper .calibration-lab-wrapper p.calibrate-lab-title {
    left: 0;
  }
  .calibration-service-section-wrapper .calibration-lab-wrapper p.calibrate-lab-description {
    padding-left: 0;
  }
  section.service-product .service-plan-section .service-plantype-info-label {
    text-align: left;
    padding-left: 28px;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import calibration-service */
/******************************************************************************************************************
/* File Name        : eservice-device-list.less							 
/* Created By       : Nayan Narvekar
/* Created Date     : 13-Feb-2020
/* Description      : This is less code for the eservice device list  section
/*******************************************************************************************************************/
/* imports the variable.less */
/* START : Eservice Device List */
#e-services-list-wrapper,
#e-services-all-device-list-wrapper {
  margin: 0 -40px -8px -40px;
}
#e-services-list-wrapper .status-left,
#e-services-all-device-list-wrapper .status-left {
  text-align: left;
}
#e-services-list-wrapper .padding-alignment,
#e-services-all-device-list-wrapper .padding-alignment {
  padding-left: 0;
  padding-right: 0;
}
#e-services-list-wrapper .components-text-align,
#e-services-all-device-list-wrapper .components-text-align {
  position: absolute;
}
#e-services-list-wrapper .count-no-align,
#e-services-all-device-list-wrapper .count-no-align {
  top: 30px;
  position: absolute;
  text-align: center;
}
#e-services-list-wrapper #PartsSupplyBox .components-text-align,
#e-services-all-device-list-wrapper #PartsSupplyBox .components-text-align {
  max-width: 125px;
}
#e-services-list-wrapper #pMboxDevice .components-text-align,
#e-services-all-device-list-wrapper #pMboxDevice .components-text-align {
  max-width: 150px;
}
#e-services-list-wrapper #calibrationDevice .components-text-align,
#e-services-all-device-list-wrapper #calibrationDevice .components-text-align {
  max-width: 170px;
}
#e-services-list-wrapper #insuranceDevice .components-text-align,
#e-services-all-device-list-wrapper #insuranceDevice .components-text-align {
  max-width: 150px;
}
#e-services-list-wrapper .service-section,
#e-services-all-device-list-wrapper .service-section {
  padding-bottom: 20px;
  background-color: #f8f8f8;
  margin-bottom: 30px;
}
#e-services-list-wrapper .service-section .dropdown,
#e-services-all-device-list-wrapper .service-section .dropdown {
  padding-top: 10px;
}
#e-services-list-wrapper .service-section .service-component,
#e-services-all-device-list-wrapper .service-section .service-component {
  background-color: #ffffff;
  margin-top: 10px;
}
#e-services-list-wrapper .service-section .search-btn-service,
#e-services-all-device-list-wrapper .service-section .search-btn-service {
  padding-top: 40px;
}
#e-services-list-wrapper .service-section .icon-arrow-right,
#e-services-all-device-list-wrapper .service-section .icon-arrow-right {
  right: 0;
}
#e-services-list-wrapper .service-section .icon-arrow-right:after,
#e-services-all-device-list-wrapper .service-section .icon-arrow-right:after {
  content: url('../images/icon-right-white.svg');
  transform: translate(-50%, 0);
  position: absolute;
  width: 15px;
  height: 20px;
}
#e-services-list-wrapper .e-service-form-section,
#e-services-all-device-list-wrapper .e-service-form-section {
  padding-left: 10px;
  padding-right: 10px;
}
#e-services-list-wrapper .e-service-form-section .e-date-alignment,
#e-services-all-device-list-wrapper .e-service-form-section .e-date-alignment {
  margin-top: 12px;
  padding-left: 0;
}
#e-services-list-wrapper .e-service-form-section .e-date-alignment .eco3-datepicker,
#e-services-all-device-list-wrapper .e-service-form-section .e-date-alignment .eco3-datepicker {
  float: left;
}
#e-services-list-wrapper .e-service-form-section .dropdown-text-heading,
#e-services-all-device-list-wrapper .e-service-form-section .dropdown-text-heading {
  text-align: left;
  padding-left: 2px;
}
#e-services-list-wrapper .e-service-box,
#e-services-all-device-list-wrapper .e-service-box {
  display: inline-block;
  background-color: #ffffff;
  min-width: 257px;
  margin-right: 10px;
  margin-left: 10px;
  min-height: 100px;
  margin-bottom: 15px;
  font-size: 13px;
  position: relative;
  line-height: 16px;
}
#e-services-list-wrapper .e-service-box .e-service-number,
#e-services-all-device-list-wrapper .e-service-box .e-service-number {
  font-size: 30px;
  width: 100%;
  margin-top: 30px;
}
#e-services-list-wrapper .e-service-box .e-icon,
#e-services-all-device-list-wrapper .e-service-box .e-icon {
  padding-left: 0;
  margin-top: 3px;
}
#e-services-list-wrapper .e-service-box .checkmark-icon,
#e-services-all-device-list-wrapper .e-service-box .checkmark-icon {
  width: 27px;
  height: 27px;
  background-size: 27px;
  float: right;
  margin-top: 0 !important;
  background: url("../images/check-symbol.svg") no-repeat;
}
#e-services-list-wrapper .e-service-box .parts-checkmark-icon,
#e-services-all-device-list-wrapper .e-service-box .parts-checkmark-icon {
  margin-top: 40px;
}
#e-services-list-wrapper .e-service-box .warranty-checkmark,
#e-services-all-device-list-wrapper .e-service-box .warranty-checkmark {
  margin-top: 20px;
}
#e-services-list-wrapper .e-service-box .info-icon .eco3-icon.icon-info-circle,
#e-services-all-device-list-wrapper .e-service-box .info-icon .eco3-icon.icon-info-circle {
  width: 18px;
  height: 18px;
  background-size: 18px;
  position: absolute;
  margin-left: -10px;
  margin-top: 3px;
}
#e-services-list-wrapper .e-service-box .e-service-icon,
#e-services-all-device-list-wrapper .e-service-box .e-service-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 10px;
  padding-bottom: 10px;
}
#e-services-list-wrapper .e-service-box .e-service-serial-no,
#e-services-all-device-list-wrapper .e-service-box .e-service-serial-no {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 10px;
}
#e-services-list-wrapper .e-service-box .warranty-expire a i,
#e-services-all-device-list-wrapper .e-service-box .warranty-expire a i {
  margin-left: -10px !important;
}
#e-services-list-wrapper .e-service-box,
#e-services-all-device-list-wrapper .e-service-box {
  box-shadow: 0 0 4px 1px #cccccc;
}
#e-services-list-wrapper .e-service-box:not(.no-hover):hover,
#e-services-all-device-list-wrapper .e-service-box:not(.no-hover):hover {
  box-shadow: 0 0 5px 3px #cccccc;
}
#e-services-list-wrapper .setRedHeader,
#e-services-all-device-list-wrapper .setRedHeader {
  border-top: 3px solid #d50032;
}
#e-services-list-wrapper .setOrangeHeader,
#e-services-all-device-list-wrapper .setOrangeHeader {
  border-top: 3px solid #fd9927;
}
#e-services-list-wrapper .setGreenHeader,
#e-services-all-device-list-wrapper .setGreenHeader {
  border-top: 3px solid #83bc34;
}
#e-services-list-wrapper .setNumberRedColor,
#e-services-all-device-list-wrapper .setNumberRedColor {
  color: #d50032;
}
#e-services-list-wrapper .setNumberOrangeColor,
#e-services-all-device-list-wrapper .setNumberOrangeColor {
  color: #fd9927;
}
#e-services-list-wrapper .setNumberGreenColor,
#e-services-all-device-list-wrapper .setNumberGreenColor {
  color: #83bc34;
}
#e-services-list-wrapper .search-service-btn,
#e-services-all-device-list-wrapper .search-service-btn {
  width: 50px !important;
  min-width: 100px !important;
}
#e-services-list-wrapper .set-red-shadow-Color,
#e-services-all-device-list-wrapper .set-red-shadow-Color {
  box-shadow: 0 0 4px 0 #d50032;
}
#e-services-list-wrapper .set-orange-shadow-Color,
#e-services-all-device-list-wrapper .set-orange-shadow-Color {
  box-shadow: 0 0 4px 0 #fd9927;
}
#e-services-list-wrapper .set-green-shadow-Color,
#e-services-all-device-list-wrapper .set-green-shadow-Color {
  box-shadow: 0 0 4px 0 #83bc34;
}
#e-services-list-wrapper .e-service-table .service-type-green,
#e-services-all-device-list-wrapper .e-service-table .service-type-green {
  background-color: #83bc34;
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  width: 40px;
  height: 20px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
}
#e-services-list-wrapper .e-service-table .service-type-orange,
#e-services-all-device-list-wrapper .e-service-table .service-type-orange {
  background-color: #fd9927;
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  width: 40px;
  height: 20px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
}
#e-services-list-wrapper .e-service-table .assets-text,
#e-services-all-device-list-wrapper .e-service-table .assets-text {
  text-align: left;
  font-weight: 500;
  padding-left: 0;
  margin-bottom: 15px;
}
#e-services-list-wrapper .e-service-table .entry-list,
#e-services-all-device-list-wrapper .e-service-table .entry-list {
  text-align: left;
}
#e-services-list-wrapper .e-service-table .eco3-table-search-field,
#e-services-all-device-list-wrapper .e-service-table .eco3-table-search-field {
  float: right;
}
#e-services-list-wrapper .e-service-table .search-text,
#e-services-all-device-list-wrapper .e-service-table .search-text {
  margin-right: 10px;
}
#e-services-list-wrapper .eco3-icon.gear-icon,
#e-services-all-device-list-wrapper .eco3-icon.gear-icon {
  background: url("../images/gear.svg") no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}
#e-services-list-wrapper .eco3-icon.get-pocket-icon,
#e-services-all-device-list-wrapper .eco3-icon.get-pocket-icon {
  background: url("../images/get-pocket.svg") no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}
#e-services-list-wrapper .eco3-icon.hourglass-icon,
#e-services-all-device-list-wrapper .eco3-icon.hourglass-icon {
  background: url("../images/hourglass-half.svg") no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}
#e-services-list-wrapper .eco3-icon.eservice-trianlge-warning-icon,
#e-services-all-device-list-wrapper .eco3-icon.eservice-trianlge-warning-icon {
  background: url("../images/eservice-trianlge-warning.svg") no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center;
  float: left;
}
#e-services-list-wrapper .eservice-device-warning-container .warning-section,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section {
  display: table;
  margin: 20px auto;
  table-layout: fixed;
}
#e-services-list-wrapper .eservice-device-warning-container .warning-section .warning .eservice-trianlge-warning-icon,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .warning .eservice-trianlge-warning-icon,
#e-services-list-wrapper .eservice-device-warning-container .warning-section .service-request-button .eservice-trianlge-warning-icon,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .service-request-button .eservice-trianlge-warning-icon,
#e-services-list-wrapper .eservice-device-warning-container .warning-section .warning .warning-text,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .warning .warning-text,
#e-services-list-wrapper .eservice-device-warning-container .warning-section .service-request-button .warning-text,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .service-request-button .warning-text {
  display: table-cell;
  vertical-align: middle;
}
#e-services-list-wrapper .eservice-device-warning-container .warning-section .warning .warning-text,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .warning .warning-text,
#e-services-list-wrapper .eservice-device-warning-container .warning-section .service-request-button .warning-text,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .service-request-button .warning-text {
  padding-left: 10px;
}
#e-services-list-wrapper .eservice-device-warning-container .warning-section .service-request-button,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .service-request-button {
  padding-left: 6px;
}
#e-services-list-wrapper .eservice-device-warning-container .warning-section .service-request-button .btn.btn-2,
#e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .service-request-button .btn.btn-2 {
  min-width: 180px;
  width: auto;
}
.width-action-btn-4 {
  min-width: 326px !important;
}
.width-action-btn-3 {
  min-width: 442px !important;
}
.width-action-btn-2 {
  min-width: 673px !important;
}
span.text-color-orange {
  color: #fd9927;
  font-weight: 600;
}
.calibration-coverage {
  text-transform: uppercase;
  padding: 3px 5px;
  text-align: center;
  color: #ffffff !important;
  background-color: initial;
  border-radius: 5px;
}
.calibration-coverage-no {
  background: #fd9927;
}
.calibration-coverage-yes {
  background: #83bc34;
}
.service-coverage {
  text-transform: uppercase;
  padding: 3px 4px 3px 0px;
  text-align: center;
  position: relative;
  bottom: 5px;
  color: #3c3c3c;
}
.service-coverage-no {
  background: url("../images/service_coverage_no.svg") no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.service-coverage-yes {
  background: url("../images/service_coverage_yes.svg") no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.service-coverage-partial {
  background: url("../images/service_coverage_partial.svg") no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
#device-details-page {
  max-width: 840px;
  margin: 0 auto;
}
#device-details-page .Calibration-tab-section .eco3-globalMessages {
  width: 500px;
  height: auto;
  padding: 8px 16px !important;
}
#device-details-page .Calibration-tab-section .eco3-globalMessages .alert-info ul.notificationicon {
  padding: 10px !important;
}
#device-details-page .Calibration-tab-section .eco3-globalMessages .alert-info ul.notificationicon li span {
  vertical-align: middle;
}
#device-details-page .Calibration-tab-section .eco3-globalMessages .alert-info ul.notificationicon li span a.popup {
  color: #009cdd !important;
  text-decoration: underline;
  font-weight: 500;
}
#device-details-page .Calibration-tab-section .eco3-globalMessages .alert-info span {
  color: #009cdd;
}
#device-details-page .Calibration-tab-section .eco3-globalMessages .alert-info span a {
  color: #009cdd !important;
}
#device-details-page .Calibration-tab-section .eco3-globalMessages .alert {
  margin-bottom: 0 !important;
}
#device-details-page .Calibration-tab-section #calibration-tabs-top .text-align-left ul {
  margin-bottom: 0px !important;
}
#device-details-page .Calibration-tab-section #documents-tab-content-container {
  paddint-top: 0px !important;
}
#device-details-page .Calibration-tab-section #document-download-table .calibration-certificate-table .cal-cert-tr .lang {
  cursor: pointer;
}
#device-details-page .Calibration-tab-section #document-download-table .calibration-certificate-table .cal-cert-tr .lang .multi-lang {
  text-decoration: underline;
}
#device-details-page .Calibration-tab-section #document-download-table .calibration-certificate-table .cal-cert-tr .popover {
  background-color: #808080;
  border: 1px solid #808080;
  cursor: pointer !important;
}
#device-details-page .Calibration-tab-section #document-download-table .calibration-certificate-table .cal-cert-tr .popover-content {
  font-size: 14px;
  padding: 0;
  min-height: 0;
  height: auto;
  background-color: #808080;
  text-align: left;
  color: #ffffff;
  padding: 5px;
}
#device-details-page .Calibration-tab-section #document-download-table .calibration-certificate-table .cal-cert-tr .popover .arrow:after {
  border-top-color: #808080;
}
#device-details-page .Calibration-tab-section .device-document-filter-form-panel {
  display: inline-flex;
  gap: 30px;
  width: 100%;
}
#device-details-page .Calibration-tab-section .device-document-filter-form-panel .input-tile-section {
  display: inline-flex;
  gap: 30px;
}
#device-details-page .Calibration-tab-section .device-document-filter-form-panel .input-tile-section .form-group {
  width: 260px;
  padding-bottom: 2px;
}
#device-details-page .Calibration-tab-section .device-document-filter-form-panel .input-tile-section .form-group .ms-options-wrap > button {
  width: 100%;
}
#device-details-page .Calibration-tab-section .device-document-filter-form-panel .button-section {
  display: inline-flex;
  gap: 20px;
}
#device-details-page .Calibration-tab-section .device-document-filter-form-panel .button-section .form-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#device-details-page .Calibration-tab-section .device-document-filter-form-panel .select2-dropdown .select2-results__option {
  font-family: Roboto;
  font-weight: 400;
  line-height: 28px;
}
#device-details-page #collapseSystemInfo .eco3-table {
  width: 100% !important;
}
#device-details-page .eco3-theme-accordion .panel-default .panel-heading {
  border: 0;
  box-shadow: 0 0 4px 1px #cccccc;
}
#device-details-page .eco3-theme-accordion .accordion-toggle {
  color: #009cdd;
}
#device-details-page .eco3-theme-accordion .accordion-toggle.collapsed {
  color: inherit;
}
#device-details-page .primary-image-wrapper {
  width: 300px;
  height: 300px;
}
#device-details-page .primary-image-wrapper img {
  float: left;
}
#device-details-page .device-primary-properties-wrapper {
  width: 484px;
  margin-bottom: 20px;
}
#device-details-page .device-primary-login-wrapper {
  margin-bottom: 20px;
  background-color: #f8f8f8;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
#device-details-page .device-primary-login-wrapper .request-access-section-header span {
  font-weight: 700;
}
#device-details-page .device-primary-login-wrapper .request-access-section-text {
  text-align: left;
}
#device-details-page .device-primary-login-wrapper .request-access-section-text .request-access-section-text-line {
  display: flex;
  align-items: center;
}
#device-details-page .device-primary-login-wrapper .request-access-section-text .request-access-section-text-line .request-access-section-text-line-checkmark-icon {
  justify-content: center;
  align-items: center;
}
#device-details-page .device-primary-login-wrapper .request-access-section-text .request-access-section-text-line .eco3-icon-ok {
  width: 15px;
  background-size: 15px;
  margin-right: 10px;
}
#device-details-page .device-primary-login-wrapper .request-access-section-text .request-access-section-text-line .request-access-section-text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#device-details-page .device-primary-login-wrapper .request-access-section-view-details {
  display: flex;
  justify-content: center;
}
#device-details-page .device-primary-login-wrapper .request-access-section-view-details .request-access-section-view-details-inner {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#device-details-page .device-primary-login-wrapper .request-access-section-view-details .request-access-section-view-details-inner .request-access-section-view-details-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
#device-details-page .device-primary-login-wrapper .request-access-section-view-details .request-access-section-view-details-inner .request-access-section-view-details-text-container {
  display: flex;
  align-items: center;
  color: #009cdd;
  text-transform: capitalize;
}
#device-details-page .device-primary-login-wrapper .request-access-section-login-buttons {
  display: flex;
  justify-content: center;
}
#device-details-page .device-primary-login-wrapper .request-access-section-login-buttons .request-access-section-login-buttons-inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
#device-details-page .device-primary-login-wrapper .request-access-section-login-buttons .request-access-section-login-buttons-inner .button {
  width: 180px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  margin: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
#device-details-page .device-primary-login-wrapper .request-access-section-login-buttons .request-access-section-login-buttons-inner .button.button-login {
  background-color: #009cdd;
}
#device-details-page .device-primary-login-wrapper .request-access-section-login-buttons .request-access-section-login-buttons-inner .button.button-register {
  background-color: #83bc34;
}
#device-details-page .device-primary-login-wrapper .request-access-section-login-buttons .request-access-section-login-buttons-inner .button.button-request-access {
  background-color: #009cdd;
}
#device-details-page .details-section .eco3-eservice-popover {
  position: relative;
  top: 2px;
}
#device-details-page .details-section .eco3-eservice-popover-with-url {
  position: relative;
  top: 2px;
}
#device-details-page .text-align-right {
  text-align: right;
}
#device-details-page .text-align-left {
  text-align: left;
}
#device-details-page .margin-0-auto {
  margin: 0 auto !important;
  text-align: center !important;
  float: none !important;
  clear: both;
}
#device-details-page .highlighted-clickable {
  color: #009cdd !important;
  cursor: pointer !important;
  font-size: 12pt;
}
#device-details-page .highlighted-clickable.productId {
  font-size: 12pt;
}
#device-details-page .eco3-theme-accordion .panel-heading {
  border: 1px solid #009cdd;
}
#device-details-page .eco3-icon.orange-exclamation-icon {
  pointer-events: none;
  position: relative;
  top: 7px;
  right: 15px;
}
#device-details-page .section-1-pannel-body {
  padding: 15px 0 40px 0;
  border-top: none;
}
#device-details-page .device-serial {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
#device-details-page .device-serial a {
  color: #009cdd;
  font-weight: 500;
  font-size: 12pt;
  text-decoration: underline;
}
#device-details-page #dynamic-device-product-name {
  border: none;
  text-align: left;
  min-height: 40px;
  font-size: 13pt;
  background-color: #f3f3f3;
}
#device-details-page #dynamic-device-product-name span#dynamic-product-category-page {
  line-height: 25px;
  font-size: 14px;
  font-weight: 400;
}
#device-details-page .productPrimaryImage .prod_image_main img {
  width: auto;
  max-height: 300px;
  height: 100%;
}
#device-details-page div#collapseOne #eservices-calibration-certificate-search-form,
#device-details-page div#collapseTwo #eservices-calibration-certificate-search-form,
#device-details-page div#collapseThree #eservices-calibration-certificate-search-form {
  margin-top: 20px;
}
#device-details-page div#collapseOne .e-services-datepicker-container,
#device-details-page div#collapseTwo .e-services-datepicker-container,
#device-details-page div#collapseThree .e-services-datepicker-container {
  display: table-cell;
  padding-left: 17%;
}
#device-details-page div#collapseOne .e-services-datepicker-container .e-datepicker,
#device-details-page div#collapseTwo .e-services-datepicker-container .e-datepicker,
#device-details-page div#collapseThree .e-services-datepicker-container .e-datepicker {
  margin-bottom: 5px;
  width: 170px;
}
#device-details-page div#collapseOne .e-services-datepicker-container .date-alignment,
#device-details-page div#collapseTwo .e-services-datepicker-container .date-alignment,
#device-details-page div#collapseThree .e-services-datepicker-container .date-alignment {
  text-align: left;
  margin-right: 75px;
}
#device-details-page div#collapseOne .e-services-datepicker-container .date-alignment .search-service-btn,
#device-details-page div#collapseTwo .e-services-datepicker-container .date-alignment .search-service-btn,
#device-details-page div#collapseThree .e-services-datepicker-container .date-alignment .search-service-btn {
  width: 100px !important;
  min-width: 100px;
  height: 35px;
  margin-top: 23px;
}
#device-details-page div#collapseOne .eco3-globalMessages ul,
#device-details-page div#collapseTwo .eco3-globalMessages ul,
#device-details-page div#collapseThree .eco3-globalMessages ul {
  padding-left: 85px;
}
#device-details-page div#collapseOne .eco3-globalMessages .alert-error ul,
#device-details-page div#collapseTwo .eco3-globalMessages .alert-error ul,
#device-details-page div#collapseThree .eco3-globalMessages .alert-error ul {
  padding-left: 40px;
}
#device-details-page div#collapseOne #certificate-list-table .calibration-certificate-table,
#device-details-page div#collapseTwo #certificate-list-table .calibration-certificate-table,
#device-details-page div#collapseThree #certificate-list-table .calibration-certificate-table,
#device-details-page div#collapseOne #plus-report-table .calibration-certificate-table,
#device-details-page div#collapseTwo #plus-report-table .calibration-certificate-table,
#device-details-page div#collapseThree #plus-report-table .calibration-certificate-table {
  width: 830px !important;
}
#device-details-page div#collapseOne #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination,
#device-details-page div#collapseTwo #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination,
#device-details-page div#collapseThree #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination,
#device-details-page div#collapseOne #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination,
#device-details-page div#collapseTwo #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination,
#device-details-page div#collapseThree #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination {
  text-align: right !important;
}
#device-details-page div#collapseOne #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.current,
#device-details-page div#collapseTwo #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.current,
#device-details-page div#collapseThree #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.current,
#device-details-page div#collapseOne #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.current,
#device-details-page div#collapseTwo #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.current,
#device-details-page div#collapseThree #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button.current {
  border: none !important;
  font-weight: 800;
}
#device-details-page div#collapseOne #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button,
#device-details-page div#collapseTwo #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button,
#device-details-page div#collapseThree #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button,
#device-details-page div#collapseOne #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button,
#device-details-page div#collapseTwo #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button,
#device-details-page div#collapseThree #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTablePegination .paginate_button {
  border: none !important;
}
#device-details-page div#collapseOne #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover.paginate_button.current:hover,
#device-details-page div#collapseTwo #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover.paginate_button.current:hover,
#device-details-page div#collapseThree #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover.paginate_button.current:hover,
#device-details-page div#collapseOne #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover.paginate_button.current:hover,
#device-details-page div#collapseTwo #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover.paginate_button.current:hover,
#device-details-page div#collapseThree #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover.paginate_button.current:hover,
#device-details-page div#collapseOne #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button:hover.paginate_button:hover,
#device-details-page div#collapseTwo #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button:hover.paginate_button:hover,
#device-details-page div#collapseThree #certificate-list-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button:hover.paginate_button:hover,
#device-details-page div#collapseOne #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button:hover.paginate_button:hover,
#device-details-page div#collapseTwo #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button:hover.paginate_button:hover,
#device-details-page div#collapseThree #plus-report-table .eco3-table-pegination .dataTables_wrapper .dataTables_paginate .paginate_button:hover.paginate_button:hover {
  background-color: #ffffff !important;
}
#device-details-page div#collapseOne #certificate-list-table table.dataTable.display tbody tr:first-child td,
#device-details-page div#collapseTwo #certificate-list-table table.dataTable.display tbody tr:first-child td,
#device-details-page div#collapseThree #certificate-list-table table.dataTable.display tbody tr:first-child td,
#device-details-page div#collapseOne #plus-report-table table.dataTable.display tbody tr:first-child td,
#device-details-page div#collapseTwo #plus-report-table table.dataTable.display tbody tr:first-child td,
#device-details-page div#collapseThree #plus-report-table table.dataTable.display tbody tr:first-child td {
  border-top: 1px solid #d9d9d9;
}
#device-details-page div#collapseOne #certificate-list-table table.dataTable.display tbody td:last-child,
#device-details-page div#collapseTwo #certificate-list-table table.dataTable.display tbody td:last-child,
#device-details-page div#collapseThree #certificate-list-table table.dataTable.display tbody td:last-child,
#device-details-page div#collapseOne #plus-report-table table.dataTable.display tbody td:last-child,
#device-details-page div#collapseTwo #plus-report-table table.dataTable.display tbody td:last-child,
#device-details-page div#collapseThree #plus-report-table table.dataTable.display tbody td:last-child {
  padding-right: 25px;
  padding-top: 13px;
}
#device-details-page div#collapseOne .service-alignment a.btn,
#device-details-page div#collapseTwo .service-alignment a.btn,
#device-details-page div#collapseThree .service-alignment a.btn {
  line-height: 36px;
}
#device-details-page div#collapseOne .calibration-tabs li,
#device-details-page div#collapseTwo .calibration-tabs li,
#device-details-page div#collapseThree .calibration-tabs li {
  z-index: 1;
}
#device-details-page div#collapseOne .calibration-tabs li.active,
#device-details-page div#collapseTwo .calibration-tabs li.active,
#device-details-page div#collapseThree .calibration-tabs li.active {
  top: -1px;
}
#device-details-page div#collapseOne .calibration-tabs-error,
#device-details-page div#collapseTwo .calibration-tabs-error,
#device-details-page div#collapseThree .calibration-tabs-error {
  border-bottom: none;
}
#device-details-page div#collapseFour .panel-body {
  border: none;
}
#device-details-page div#collapseTwo .panel-body {
  padding: 15px 0;
}
#device-details-page .device-info-wrapper {
  padding: 0;
}
#device-details-page .device-info-wrapper .system-info-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#device-details-page .device-info-wrapper .details-section {
  border-bottom: 1px solid #cccccc;
  padding: 0 0 20px 0;
  clear: both;
}
#device-details-page .device-info-wrapper .details-section .location-header {
  font-weight: 500;
}
#device-details-page .device-info-wrapper .details-section .device-label-section {
  padding: 0;
  min-height: 26px;
}
#device-details-page .device-info-wrapper .details-section .device-label-section span,
#device-details-page .device-info-wrapper .details-section .device-label-section a {
  cursor: default;
  text-align: left;
  color: #434343;
  font-size: 12pt !important;
  word-break: break-word;
}
#device-details-page .device-info-wrapper .details-section .device-label-section a.device-info-link {
  position: relative;
  top: 5px;
}
#device-details-page .device-info-wrapper .details-section .device-label-section .sck-alignment {
  padding-top: 2px;
}
#device-details-page .device-info-wrapper .details-section .here-text {
  width: auto !important;
  min-width: auto;
  padding: 0 10px;
  line-height: 30px;
  min-height: 30px;
  height: 20px;
  text-transform: initial;
}
#device-details-page .device-info-wrapper .details-section span.orange-go {
  color: #fd9927 !important;
  font-size: 12pt;
}
#device-details-page .device-info-wrapper .details-section-first {
  width: 484px;
}
#device-details-page .device-info-wrapper .details-section-first .device-label-section {
  float: right;
}
#device-details-page .device-info-wrapper .details-section-first .device-label-section .label-message {
  float: left;
  max-width: 80%;
  margin-right: 5px;
}
#device-details-page .device-info-wrapper .details-section-first .device-label-section .label-section {
  width: 234px;
  font-weight: 500;
}
#device-details-page .device-info-wrapper .details-section-first .device-label-section .value-section {
  width: 234px;
}
#device-details-page .device-info-wrapper .system-info-margin {
  margin-bottom: 0;
}
#device-details-page .device-info-wrapper .calibration-date-margin {
  margin-top: 0;
}
#device-details-page .recommendation-section-text .icon-info-circle {
  pointer-events: none;
  position: relative;
  top: 7px;
  right: 12px;
  width: 20px;
  height: 20px;
  background-size: contain;
}
#device-details-page .recommendation-section-text a {
  color: #009cdd;
}
#device-details-page #accordionSystemInformation a {
  text-decoration: none;
}
#device-details-page #accordionSystemInformation table.system-information-table {
  border-bottom: none;
  width: 100% !important;
}
#device-details-page #accordionSystemInformation table.system-information-table tr th {
  height: 0 !important;
  font-weight: 500;
  border: none;
  text-align: left !important;
  font-size: 15px !important;
  padding-left: 10px;
}
#device-details-page #accordionSystemInformation table.system-information-table tr td {
  border-top: 1px solid #cccccc;
  font-size: 14px !important;
  text-align: left !important;
  word-break: break-word;
}
#device-details-page #accordionSystemInformation table.system-information-table tr td:before {
  box-shadow: none;
  height: 20px;
  width: 20px;
  font-size: 20px;
  line-height: 20px;
  left: 0;
  top: 50%;
  margin-top: -10px;
  border-radius: 0;
  border: 0px;
  background-color: #009cdd;
}
#device-details-page #accordionSystemInformation table.system-information-table tr td,
#device-details-page #accordionSystemInformation table.system-information-table tr th {
  font-size: 12pt;
}
#device-details-page #accordionSystemInformation table.system-information-table tr:last-child td {
  border-bottom: 1px solid #cccccc;
}
#device-details-page .device-calibration-certificate-section {
  padding: 0;
}
#device-details-page .device-calibration-certificate-section .panel-body {
  padding: 0;
}
#device-details-page .device-calibration-certificate-section .panel-body #globalMessages {
  margin-top: 20px;
  float: none;
}
#device-details-page .device-calibration-certificate-section .panel-body .certificate-search-button {
  font-size: 12pt;
  font-weight: 400;
  clear: both;
}
#device-details-page .device-calibration-certificate-section .panel-body .calibration-certificate-table tr {
  height: 50px;
}
#device-details-page .device-calibration-certificate-section .panel-body .calibration-certificate-table tr th {
  font-weight: 500;
}
#device-details-page .device-calibration-certificate-section .panel-body .calibration-certificate-table tr td,
#device-details-page .device-calibration-certificate-section .panel-body .calibration-certificate-table tr th {
  font-size: 12pt;
}
#device-details-page .device-calibration-certificate-section .panel-body .calibration-certificate-table .eservice-epopover-content .pop {
  color: #ffffff !important;
  text-decoration: underline !important;
}
#device-details-page .device-calibration-certificate-section .panel-body .nav-tabs {
  border-bottom: 0px;
}
#device-details-page .device-calibration-certificate-section .panel-body .tab-content a.accordion-link {
  display: none;
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.B {
  background-image: url("../../common/images/B-PDF-file.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.P {
  background-image: url("../../common/images/P-ppt.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.L {
  background-image: url("../../common/images/L-adobe.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.T {
  background-image: url("../../common/images/T-text.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.A {
  background-image: url("../../common/images/A-audio.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.I {
  background-image: url("../../common/images/I-image.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.D {
  background-image: url("../../common/images/D-digital-html.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.V {
  background-image: url("../../common/images/V-video.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.M {
  background-image: url("../../common/images/M-misc.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.C {
  background-image: url("../../common/images/C-zip.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.X {
  background-image: url("../../common/images/X-xls.svg");
}
#device-details-page .device-calibration-certificate-section .doc-content-type-icon.W {
  background-image: url("../../common/images/W-docx-doc.svg");
}
#device-details-page .device-calibration-certificate-section .doc-download {
  background-repeat: no-repeat;
  height: 32px;
  width: 29px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
#device-details-page .device-calibration-certificate-section .doc-download.display-not-available {
  opacity: 0.5;
}
#device-details-page .device-calibration-certificate-section .certificate-search-back-btn-wrapper {
  margin-top: 30px;
  margin-right: 20%;
}
#device-details-page .device-calibration-certificate-section .certificate-search-back-btn-wrapper #certificate-search-back-btn {
  font-size: 13pt !important;
}
#device-details-page .device-calibration-certificate-section .certificate-search-back-btn-wrapper .highlighted-clickable {
  font-size: 13pt !important;
}
#device-details-page .device-calibration-certificate-section .document-family-group {
  padding: 10px 0 10px 0px;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
}
#device-details-page .device-calibration-certificate-section #device-document-filter-section .mobile-filter-button-section {
  display: inline-flex;
  gap: 20px;
}
#device-details-page .device-calibration-certificate-section #documentRelatedTabsList {
  list-style-type: none;
  text-align: left;
  padding-left: 0;
  padding-right: 30px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#device-details-page .device-calibration-certificate-section #documentRelatedTabsList .document-family-tabs {
  color: #434343;
  padding-right: 10px !important;
  min-width: 65px !important;
}
#device-details-page .device-calibration-certificate-section #documentRelatedTabsList .document-family-tabs .spinner {
  margin: 7px 0 7px 0;
  max-height: 32px;
}
#device-details-page .device-calibration-certificate-section #documentRelatedTabsList li {
  display: inline-block;
  text-align: center;
}
#device-details-page .device-calibration-certificate-section #documentRelatedTabsList li.active h3 a {
  color: #ffffff;
  background-color: #009cdd;
}
#device-details-page .device-calibration-certificate-section #documentRelatedTabsList li h3 {
  font-size: 14px;
  font-weight: 100;
  margin: 7px 0;
}
#device-details-page .device-calibration-certificate-section #documentRelatedTabsList li h3 a {
  color: #434343;
  min-width: 65px;
  text-decoration: none;
  background-color: #f3f3f3;
  font-weight: 400;
  height: 32px !important;
  display: inline-block;
  padding: 8px;
  width: auto;
}
#device-details-page .recommendation-section .recommendation-info-icon {
  padding: 8px 0px 0px 0px;
}
#device-details-page .recommendation-section .recommendation-info-icon-wrapper {
  float: left;
  width: 25px;
  height: 25px;
}
#device-details-page .recommendation-section .recommendation-section-text {
  text-align: left;
}
#device-details-page .recommendation-section .recommendation-section-text span {
  font-size: 12pt;
}
#device-details-page .recommendation-section .recommendation-section-text span a.here {
  text-decoration: underline;
  color: #434343;
  font-size: 12pt;
  padding-left: 5px;
}
#device-details-page .recommendation-section .recommendation-section-text span a {
  font-size: 12pt;
}
#device-details-page .recommendation-section .detailspage {
  float: right;
}
#device-details-page .additional-product-section {
  padding: 0;
}
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab {
  display: inline-block;
  max-width: 870px;
  width: 100%;
  margin: 20px 0;
}
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab .nav-tabs {
  font-size: 11pt;
  border-bottom: none;
  font-weight: 400;
}
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab .nav-tabs > li > a {
  line-height: 1;
  border: none !important;
  box-shadow: 0px 0px 3px 2px #d9d9d9;
}
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab .nav-tabs > li.active > a {
  box-shadow: 0px 0px 4px 0 #009cdd;
}
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab .nav li a,
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab .nav li .facet-name {
  min-height: 32px;
  padding-top: 8px;
}
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab div#relationship-tabs .accordion-link {
  display: none;
  margin-bottom: 10px;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  color: #434343;
}
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab div#relationship-tabs .productRelatedItemsList {
  max-width: 870px;
}
#device-details-page .additional-product-section .eservice-relationship-tabs .pdp-tab div#relationship-tabs .productRelatedItemsList li {
  list-style-type: none;
}
#device-details-page .eco3-theme-accordion .accordion-toggle.collapsed:after {
  background: url(../images/grey-arrow-down.svg) no-repeat;
  top: -2px;
}
#device-details-page .eco3-theme-accordion .accordion-toggle:after {
  background: url(../images/grey-arrow-up.svg) no-repeat;
  top: -2px;
}
#device-details-page .device-details-tab-header-wrapper .tab-menu-list-menu.active {
  box-shadow: 0 0 4px 0px #009cdd;
  font-weight: 500;
}
#device-details-page .device-details-tab-header-wrapper .tab-menu-list-menu.active a {
  color: #009cdd;
}
#device-details-page .device-details-tab-header-wrapper .tab-menu-list-menu {
  font-size: 16px;
  margin-right: -4px;
}
#device-details-page .device-section-tittle {
  text-align: left;
  color: #009cdd;
  font-weight: 500;
  font-size: 18px;
}
#device-details-page .ecotabs .ech-tab-table ul {
  margin-bottom: 40px;
}
#device-details-page .eco3-tabbable .tab-content {
  margin-top: 0;
  padding: 0;
}
#device-details-page .recommendation-section span.orange-go {
  color: #fd9927 !important;
  font-size: 12pt;
}
#device-details-page .tab-section {
  margin-bottom: 20px;
}
#device-details-page hr {
  border-top: 1px solid #D9D9D9;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
#device-details-page .device-table-section-row {
  min-height: 30px;
  text-align: left;
  cursor: pointer;
}
#device-details-page .device-table-section-row .eservice-coverage {
  width: 14% !important;
  padding: 0px 0px 0px 0px !important;
}
#device-details-page .device-table-system-information {
  margin-bottom: 0 !important;
}
#device-details-page .device-table-system-information .device-table-section-row {
  text-align: center !important;
}
#device-details-page .device-table-system-information a {
  color: #005ea8 !important;
  text-decoration: underline;
}
#device-details-page .device-table-system-information .device-table-section-cell {
  padding-top: 15px !important;
  font-size: 14px !important;
  cursor: context-menu;
}
#device-details-page .device-table-system-information .system-information-row-values {
  min-height: 50px !important;
}
#device-details-page .device-table-section-cell {
  font-size: 16px;
  padding-top: 5px;
}
#device-details-page .device-table-section-cell-label {
  font-weight: 500;
}
#device-details-page .device-table-section-wrapper {
  margin-top: 15px;
  margin-bottom: 30px;
}
#device-details-page .device-table-section-wrapper th {
  border-bottom: 1px solid #cccccc;
}
#device-details-page .device-table-section-wrapper tbody tr {
  height: 60px;
}
.eservice-device-list-container .no-result-message-container {
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  background-color: rgba(131, 188, 52, 0.1);
}
.eservice-device-list-container .no-result-message-container .info-text {
  color: #83bc34;
  font-size: 12.0pt;
}
.eservice-device-list-container .no-result-red-message-container {
  max-width: 650px;
  margin: 50px auto;
  padding: 20px;
  background-color: #fdf3f5;
}
.eservice-device-list-container .no-result-red-message-container .warning-text {
  color: #d50032;
  font-size: 12.0pt;
  font-weight: 500;
}
.eservice-device-list-container .no-result-red-message-container .global-alerts .error-icon {
  position: relative;
  bottom: 6px;
  background-size: 90%;
}
@media (max-width: 767px) {
  .eservice-device-list-container .no-result-red-message-container .global-alerts .error-icon {
    position: relative;
    bottom: -3px;
  }
}
@media (max-width: 1200px) {
  .eservice-device-list-container .no-result-red-message-container .global-alerts .error-icon {
    position: relative;
    bottom: -3px;
  }
}
.eservice-device-list-container .e-service-table table {
  width: 98.5% !important;
  margin-left: 10px !important;
  margin-bottom: 30px;
}
.eservice-device-list-container .e-service-table table .serial-number {
  color: #009cdd;
  text-decoration: underline;
  font-weight: 500;
  display: table-cell;
  vertical-align: middle;
}
.eservice-device-list-container .e-service-table table .img-size {
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
}
.eservice-device-list-container .e-service-table table th {
  text-align: left !important;
  width: 235px;
  font-size: 15px !important;
  padding-left: 10px;
}
.eservice-device-list-container .e-service-table table th.sort-desc {
  background-image: url('../images/sort_desc.svg') !important;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center right;
}
.eservice-device-list-container .e-service-table table th.sort-asc {
  background-image: url('../images/sort_asc.svg') !important;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center right;
}
.eservice-device-list-container .e-service-table table th.sort {
  background-image: url("../images/sort_both.svg") !important;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center right;
}
.eservice-device-list-container .e-service-table table td {
  font-size: 14px !important;
  text-align: left !important;
}
.eservice-device-list-container .e-service-table table td .product-info-column .productPrimaryImage {
  text-align: left;
  display: table;
}
.eservice-device-list-container .e-service-table table td .product-info-column .productPrimaryImage img {
  max-width: 130px;
  max-height: 130px;
  margin-right: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: left;
}
.eservice-device-list-container .e-service-table table td .product-info-column .serial-no-img {
  margin-left: 0;
  display: block;
}
.eservice-device-list-container .e-service-table table td .product-info-column .product-type-name {
  text-align: left;
  margin-left: 0;
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.eservice-device-list-container .e-service-table table td .product-info-column .product-type {
  display: block;
}
.eservice-device-list-container .e-service-table table td.device-system-id {
  width: 100px;
}
.eservice-device-list-container .e-service-table .show-entries-section .selectAll-addtomyDevice-wrapper .alertpopup-lg {
  margin-bottom: 80px;
}
.eservice-device-list-container .show-entries-section-select-dropdown select {
  border-radius: 0;
}
.eservice-device-list-container .eservice-pagination {
  float: right;
  display: table;
  margin-bottom: 50px;
  margin-right: 10px;
}
.eservice-device-list-container .eservice-pagination .icon-page-left {
  background-image: url(../images/prev-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.eservice-device-list-container .eservice-pagination .icon-page-right {
  background-image: url(../images/next-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.eservice-device-list-container .eservice-pagination .icon-left {
  background-image: url(../images/prev-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.eservice-device-list-container .eservice-pagination .page-numbers-section span {
  width: 30px;
  font-size: 16px;
  display: inline-block;
  color: #009cdd;
  cursor: pointer;
}
.eservice-device-list-container .eservice-pagination .page-numbers-section span.current-page {
  font-weight: 800;
}
.eservice-device-list-container .eservice-pagination .icon-right {
  background-image: url(../images/next-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.eservice-device-list-container .structure-deleted-msg {
  margin-top: 0 !important;
  background-color: #7d7d7d;
}
.eservice-device-list-container .structure-deleted-msg .confirmation-icon {
  background: url(../images/confirmation_white.svg) no-repeat;
  background-size: 34px;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: left;
  background-position: left;
  margin: 0px 10px 0px -25px;
  float: left;
  margin-left: -5px;
}
.eservice-device-list-container .structure-deleted-msg span {
  color: #ffffff;
}
.eservice-device-list-container .structure-deleted-msg .delete-msg {
  width: auto !important;
}
/***********eservice facet filters***************/
#eserviceFacetFilterWrapper,
.sm-xs-filter-sub-container {
  /******first filter*********/
  /******************end of 1st filter******/
  /********3 filters*********/
  /*******end of remaining 3 filters***************/
}
#eserviceFacetFilterWrapper .ms-options-wrap,
.sm-xs-filter-sub-container .ms-options-wrap,
#eserviceFacetFilterWrapper .ms-options-wrap *,
.sm-xs-filter-sub-container .ms-options-wrap * {
  box-sizing: border-box;
}
#eserviceFacetFilterWrapper .ms-options-wrap > button:focus,
.sm-xs-filter-sub-container .ms-options-wrap > button:focus,
#eserviceFacetFilterWrapper .ms-options-wrap > button,
.sm-xs-filter-sub-container .ms-options-wrap > button {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 0;
  margin-top: 1px;
  font-size: 13px;
  color: #333333;
  outline-offset: -2px;
  white-space: nowrap;
}
#eserviceFacetFilterWrapper .ms-options-wrap > button > span,
.sm-xs-filter-sub-container .ms-options-wrap > button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  word-break: break-word;
  width: 95%;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: -5px;
  margin-bottom: 20px;
  background: white;
  z-index: 2000;
  border: 1px solid #333333;
  overflow: auto;
  visibility: hidden;
}
#eserviceFacetFilterWrapper .ms-options-wrap.ms-active > .ms-options,
.sm-xs-filter-sub-container .ms-options-wrap.ms-active > .ms-options {
  visibility: visible;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > .ms-search input,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > .ms-search input {
  padding: 4px 5px;
  width: 90%;
  margin: 10px 0 0 0;
  border: 1px solid #cccccc;
  outline: none;
}
@media (max-width: 1200px) {
  #eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > .ms-search input,
  .sm-xs-filter-sub-container .ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
  }
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options .ms-selectall,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options .ms-selectall {
  font-size: 13pt;
  text-align: right;
  display: block;
  padding-right: 10px;
  text-decoration: underline;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options .ms-selectall:hover,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options .ms-selectall:hover {
  text-decoration: underline;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > .ms-selectall.global,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > .ms-selectall.global {
  margin: 4px 5px;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul,
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul > li.optgroup ul,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul li.ms-hidden,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul li.ms-hidden {
  display: none;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul > li.optgroup,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul > li.optgroup {
  padding: 5px;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #333333;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul > li.optgroup .label,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul > li.optgroup .label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: 500;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul label,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 30px;
  font-size: 11pt;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 20px;
  word-break: break-word;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul label .checkmark,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul label .checkmark {
  top: 2px;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options.checkbox-autofit > ul label,
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options.hide-checkbox > ul label,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options.hide-checkbox > ul label {
  padding: 4px;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options > ul input[type="checkbox"],
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  margin: 0 5px 0 0;
  position: absolute;
  left: 4px;
  top: 7px;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"],
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options {
  border: none;
  box-shadow: 0 0 4px 1px #cccccc;
  min-height: auto !important;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options ul,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options ul {
  padding: 0;
  width: 90%;
  margin: 20px auto 0px auto;
}
#eserviceFacetFilterWrapper .ms-options-wrap > .ms-options ul li,
.sm-xs-filter-sub-container .ms-options-wrap > .ms-options ul li {
  line-height: 30px;
}
#eserviceFacetFilterWrapper .ms-options-wrap > button > span,
.sm-xs-filter-sub-container .ms-options-wrap > button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  word-break: break-word;
  width: 95%;
  font-size: 12pt;
  font-weight: 500;
  padding: 12px;
}
#eserviceFacetFilterWrapper .clear-checkbox,
.sm-xs-filter-sub-container .clear-checkbox {
  font-size: 12pt;
  text-align: right;
  display: block;
  padding-right: 20px;
  text-decoration: underline;
}
#eserviceFacetFilterWrapper .ms-options-wrap .ms-search input[type=text]:focus,
.sm-xs-filter-sub-container .ms-options-wrap .ms-search input[type=text]:focus {
  border: 1px solid #cccccc !important;
  outline: none !important;
  box-shadow: none !important;
}
#eserviceFacetFilterWrapper .eservice-clear,
.sm-xs-filter-sub-container .eservice-clear,
#eserviceFacetFilterWrapper .accordion-clear,
.sm-xs-filter-sub-container .accordion-clear {
  color: #434343;
  font-weight: 400;
  font-size: 12pt !important;
}
#eserviceFacetFilterWrapper .dropdown-width-250,
.sm-xs-filter-sub-container .dropdown-width-250 {
  width: 250px;
}
#eserviceFacetFilterWrapper .dropdown-width-250 .dropdown-label,
.sm-xs-filter-sub-container .dropdown-width-250 .dropdown-label {
  width: 250px;
}
#eserviceFacetFilterWrapper .dropdown-width-250 .dropdown-content,
.sm-xs-filter-sub-container .dropdown-width-250 .dropdown-content {
  width: 250px;
}
#eserviceFacetFilterWrapper .dropdown-width-420,
.sm-xs-filter-sub-container .dropdown-width-420 {
  width: 420px;
}
#eserviceFacetFilterWrapper .dropdown-width-420 .dropdown-label,
.sm-xs-filter-sub-container .dropdown-width-420 .dropdown-label {
  width: 420px;
}
#eserviceFacetFilterWrapper .dropdown-width-420 .dropdown-content,
.sm-xs-filter-sub-container .dropdown-width-420 .dropdown-content {
  width: 420px;
}
#eserviceFacetFilterWrapper .text-input,
.sm-xs-filter-sub-container .text-input,
#eserviceFacetFilterWrapper .select-input,
.sm-xs-filter-sub-container .select-input {
  padding-left: 10px;
  width: 208px;
  height: 35px !important;
  outline: none;
}
#eserviceFacetFilterWrapper .bottom-margin-20,
.sm-xs-filter-sub-container .bottom-margin-20 {
  margin-bottom: 20px;
}
#eserviceFacetFilterWrapper .eservice-label,
.sm-xs-filter-sub-container .eservice-label {
  display: block;
  text-align: left;
  font-size: 11pt;
  font-weight: 500;
}
#eserviceFacetFilterWrapper .eservice-label.sub-section-title,
.sm-xs-filter-sub-container .eservice-label.sub-section-title {
  font-weight: 500;
  margin-bottom: 10px;
}
#eserviceFacetFilterWrapper .eco3-datepicker-input,
.sm-xs-filter-sub-container .eco3-datepicker-input {
  height: 35px !important;
}
#eserviceFacetFilterWrapper .date-from-filter-desktop input,
.sm-xs-filter-sub-container .date-from-filter-desktop input,
#eserviceFacetFilterWrapper .date-to-filter-desktop input,
.sm-xs-filter-sub-container .date-to-filter-desktop input {
  position: relative;
  z-index: 99;
  width: 214px;
  background-color: transparent;
  cursor: pointer;
}
#eserviceFacetFilterWrapper .date-from-filter-desktop input:focus,
.sm-xs-filter-sub-container .date-from-filter-desktop input:focus,
#eserviceFacetFilterWrapper .date-to-filter-desktop input:focus,
.sm-xs-filter-sub-container .date-to-filter-desktop input:focus {
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
}
#eserviceFacetFilterWrapper .date-from-filter-desktop input.form-control[readonly],
.sm-xs-filter-sub-container .date-from-filter-desktop input.form-control[readonly],
#eserviceFacetFilterWrapper .date-to-filter-desktop input.form-control[readonly],
.sm-xs-filter-sub-container .date-to-filter-desktop input.form-control[readonly] {
  color: #434343;
}
#eserviceFacetFilterWrapper .date-from-filter-desktop .input-group-addon,
.sm-xs-filter-sub-container .date-from-filter-desktop .input-group-addon,
#eserviceFacetFilterWrapper .date-to-filter-desktop .input-group-addon,
.sm-xs-filter-sub-container .date-to-filter-desktop .input-group-addon {
  position: relative;
  right: 39px;
  cursor: pointer;
}
#eserviceFacetFilterWrapper .float-left,
.sm-xs-filter-sub-container .float-left {
  float: left;
}
#eserviceFacetFilterWrapper .float-right,
.sm-xs-filter-sub-container .float-right {
  float: right;
}
#eserviceFacetFilterWrapper .device-filter-container input,
.sm-xs-filter-sub-container .device-filter-container input {
  padding-right: 10px;
}
#eserviceFacetFilterWrapper .device-filter-container input::-webkit-input-placeholder,
.sm-xs-filter-sub-container .device-filter-container input::-webkit-input-placeholder {
  /* WebKit browsers */
  text-align: right;
}
#eserviceFacetFilterWrapper .device-filter-container input:-moz-placeholder,
.sm-xs-filter-sub-container .device-filter-container input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-align: right;
}
#eserviceFacetFilterWrapper .device-filter-container input::-moz-placeholder,
.sm-xs-filter-sub-container .device-filter-container input::-moz-placeholder {
  text-align: right;
}
#eserviceFacetFilterWrapper .device-filter-container input:-ms-input-placeholder,
.sm-xs-filter-sub-container .device-filter-container input:-ms-input-placeholder {
  /* Internet Explorer 10 */
  text-align: right;
}
#eserviceFacetFilterWrapper .device-filter-container input::placeholder,
.sm-xs-filter-sub-container .device-filter-container input::placeholder {
  text-align: right;
}
#eserviceFacetFilterWrapper .device-filter-container,
.sm-xs-filter-sub-container .device-filter-container,
#eserviceFacetFilterWrapper .location-filter-container,
.sm-xs-filter-sub-container .location-filter-container,
#eserviceFacetFilterWrapper .service-filter-container,
.sm-xs-filter-sub-container .service-filter-container {
  float: left;
  margin-right: 15px;
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  outline: none;
}
#eserviceFacetFilterWrapper .device-filter-container select,
.sm-xs-filter-sub-container .device-filter-container select,
#eserviceFacetFilterWrapper .location-filter-container select,
.sm-xs-filter-sub-container .location-filter-container select,
#eserviceFacetFilterWrapper .service-filter-container select,
.sm-xs-filter-sub-container .service-filter-container select {
  border: 1px solid #cccccc;
}
#eserviceFacetFilterWrapper .device-filter-container select,
.sm-xs-filter-sub-container .device-filter-container select,
#eserviceFacetFilterWrapper .location-filter-container select,
.sm-xs-filter-sub-container .location-filter-container select,
#eserviceFacetFilterWrapper .service-filter-container select,
.sm-xs-filter-sub-container .service-filter-container select,
#eserviceFacetFilterWrapper .device-filter-container option,
.sm-xs-filter-sub-container .device-filter-container option,
#eserviceFacetFilterWrapper .location-filter-container option,
.sm-xs-filter-sub-container .location-filter-container option,
#eserviceFacetFilterWrapper .service-filter-container option,
.sm-xs-filter-sub-container .service-filter-container option {
  font-size: 11pt;
  margin-right: 5px;
}
#eserviceFacetFilterWrapper .device-filter-container .dropdown-label,
.sm-xs-filter-sub-container .device-filter-container .dropdown-label,
#eserviceFacetFilterWrapper .location-filter-container .dropdown-label,
.sm-xs-filter-sub-container .location-filter-container .dropdown-label,
#eserviceFacetFilterWrapper .service-filter-container .dropdown-label,
.sm-xs-filter-sub-container .service-filter-container .dropdown-label {
  height: 45px;
  text-align: left;
  font-size: 12pt;
  padding: 12px;
  color: #333333;
  font-weight: 500;
  background-color: #f2f2f2;
  display: inline-block;
  box-shadow: 0 0 5px 1px #d9d9d9;
}
#eserviceFacetFilterWrapper .device-filter-container .dropdown-content,
.sm-xs-filter-sub-container .device-filter-container .dropdown-content,
#eserviceFacetFilterWrapper .location-filter-container .dropdown-content,
.sm-xs-filter-sub-container .location-filter-container .dropdown-content,
#eserviceFacetFilterWrapper .service-filter-container .dropdown-content,
.sm-xs-filter-sub-container .service-filter-container .dropdown-content {
  box-shadow: 0 0 8px 2px #d9d9d9;
  background-color: #ffffff;
  position: absolute;
  display: none;
  z-index: 99;
  padding: 15px;
  padding: 0;
}
#eserviceFacetFilterWrapper .device-filter-container .dropdown-content.active,
.sm-xs-filter-sub-container .device-filter-container .dropdown-content.active,
#eserviceFacetFilterWrapper .location-filter-container .dropdown-content.active,
.sm-xs-filter-sub-container .location-filter-container .dropdown-content.active,
#eserviceFacetFilterWrapper .service-filter-container .dropdown-content.active,
.sm-xs-filter-sub-container .service-filter-container .dropdown-content.active {
  display: block;
}
#eserviceFacetFilterWrapper .device-filter-container .dropdown-content .service-coverage-section,
.sm-xs-filter-sub-container .device-filter-container .dropdown-content .service-coverage-section,
#eserviceFacetFilterWrapper .location-filter-container .dropdown-content .service-coverage-section,
.sm-xs-filter-sub-container .location-filter-container .dropdown-content .service-coverage-section,
#eserviceFacetFilterWrapper .service-filter-container .dropdown-content .service-coverage-section,
.sm-xs-filter-sub-container .service-filter-container .dropdown-content .service-coverage-section {
  margin: 0px auto auto -5px;
}
#eserviceFacetFilterWrapper .device-filter-container li,
.sm-xs-filter-sub-container .device-filter-container li,
#eserviceFacetFilterWrapper .location-filter-container li,
.sm-xs-filter-sub-container .location-filter-container li,
#eserviceFacetFilterWrapper .service-filter-container li,
.sm-xs-filter-sub-container .service-filter-container li {
  list-style-type: none;
  height: auto;
  padding: 15px 15px 0 15px;
  display: block;
}
#eserviceFacetFilterWrapper .device-filter-container li.clear,
.sm-xs-filter-sub-container .device-filter-container li.clear,
#eserviceFacetFilterWrapper .location-filter-container li.clear,
.sm-xs-filter-sub-container .location-filter-container li.clear,
#eserviceFacetFilterWrapper .service-filter-container li.clear,
.sm-xs-filter-sub-container .service-filter-container li.clear {
  height: 60px;
  text-align: right;
  clear: both;
}
#eserviceFacetFilterWrapper .device-filter-container .eservice-label,
.sm-xs-filter-sub-container .device-filter-container .eservice-label {
  padding-left: 5px;
}
#eserviceFacetFilterWrapper .location-filter-container input.text-input,
.sm-xs-filter-sub-container .location-filter-container input.text-input,
#eserviceFacetFilterWrapper .location-filter-container .select-input,
.sm-xs-filter-sub-container .location-filter-container .select-input {
  width: 180px;
  outline: none;
}
#eserviceFacetFilterWrapper .service-filter-container li:nth-child(2),
.sm-xs-filter-sub-container .service-filter-container li:nth-child(2) {
  padding-top: 0 !important;
}
#eserviceFacetFilterWrapper .service-filter-container li:nth-child(2) .eservice-label,
.sm-xs-filter-sub-container .service-filter-container li:nth-child(2) .eservice-label {
  padding-left: 5px;
}
#eserviceFacetFilterWrapper button.eservice-search-button,
.sm-xs-filter-sub-container button.eservice-search-button {
  width: 110px !important;
  min-width: 110px;
  float: left;
  height: 45px;
  margin-right: 10px;
}
#eserviceFacetFilterWrapper .filter-icon,
.sm-xs-filter-sub-container .filter-icon {
  background-image: url(../images/iconfinder-icon.svg) !important;
  background-repeat: no-repeat;
  background-position: inherit;
  background-position: center center;
  background-size: 35px;
  display: table-cell;
  cursor: pointer;
  width: 35px;
  height: 45px;
}
#eserviceFacetFilterWrapper span.filter-icon.filled-filter-icon,
.sm-xs-filter-sub-container span.filter-icon.filled-filter-icon {
  background-image: url(../images/iconfinder-icon_blue.svg) !important;
  background-repeat: no-repeat;
  background-position: inherit;
  background-position: center center;
  background-size: 35px;
  display: table-cell;
  cursor: pointer;
  width: 35px;
  height: 45px;
}
/**** end of eservice facet filters**************/
.page-eServiceDeviceDetailsPage .popover-content,
.page-eServiceDeviceListPage .popover-content,
.page-eServiceStructureDetailsPage .popover-content,
.page-publicDeviceDetailsPage .popover-content {
  font-size: 14px;
  padding: 0;
  min-height: 0;
  height: auto;
  background-color: #808080;
}
.page-eServiceDeviceDetailsPage .popover-content a,
.page-eServiceDeviceListPage .popover-content a,
.page-eServiceStructureDetailsPage .popover-content a,
.page-publicDeviceDetailsPage .popover-content a {
  color: #ffffff !important;
  text-decoration: underline !important;
}
.page-eServiceDeviceDetailsPage .popover,
.page-eServiceDeviceListPage .popover,
.page-eServiceStructureDetailsPage .popover,
.page-publicDeviceDetailsPage .popover {
  background-color: #808080;
  border: 1px solid #808080;
  z-index: 99999999;
}
.page-eServiceDeviceDetailsPage .popover a.textItemAlign,
.page-eServiceDeviceListPage .popover a.textItemAlign,
.page-eServiceStructureDetailsPage .popover a.textItemAlign,
.page-publicDeviceDetailsPage .popover a.textItemAlign {
  text-decoration: none !important;
}
.page-eServiceDeviceDetailsPage .popover .arrow:after,
.page-eServiceDeviceListPage .popover .arrow:after,
.page-eServiceStructureDetailsPage .popover .arrow:after,
.page-publicDeviceDetailsPage .popover .arrow:after {
  border-top-color: #808080;
}
.page-eServiceDeviceDetailsPage .popover.high-zindex,
.page-eServiceDeviceListPage .popover.high-zindex,
.page-eServiceStructureDetailsPage .popover.high-zindex,
.page-publicDeviceDetailsPage .popover.high-zindex {
  z-index: 99999999;
}
.page-eServiceDeviceDetailsPage .requestFormClass,
.page-eServiceDeviceListPage .requestFormClass,
.page-eServiceStructureDetailsPage .requestFormClass,
.page-publicDeviceDetailsPage .requestFormClass {
  background-color: #ffffff !important;
  width: 130%;
}
.page-eServiceDeviceDetailsPage .requestFormClass .validation-msg-container,
.page-eServiceDeviceListPage .requestFormClass .validation-msg-container,
.page-eServiceStructureDetailsPage .requestFormClass .validation-msg-container,
.page-publicDeviceDetailsPage .requestFormClass .validation-msg-container {
  width: 70%;
  margin: 20px auto;
}
.page-eServiceDeviceDetailsPage .requestFormClass .error-validation-msg,
.page-eServiceDeviceListPage .requestFormClass .error-validation-msg,
.page-eServiceStructureDetailsPage .requestFormClass .error-validation-msg,
.page-publicDeviceDetailsPage .requestFormClass .error-validation-msg {
  width: 95%;
  margin: 20px auto;
}
.page-eServiceDeviceDetailsPage .requestFormClass .request-confirm-btn,
.page-eServiceDeviceListPage .requestFormClass .request-confirm-btn,
.page-eServiceStructureDetailsPage .requestFormClass .request-confirm-btn,
.page-publicDeviceDetailsPage .requestFormClass .request-confirm-btn {
  margin-bottom: 20px;
}
.page-eServiceDeviceDetailsPage .modal .modal-lg,
.page-eServiceDeviceListPage .modal .modal-lg,
.page-eServiceStructureDetailsPage .modal .modal-lg,
.page-publicDeviceDetailsPage .modal .modal-lg {
  max-width: 780px;
}
.page-eServiceDeviceDetailsPage .modal .modal-lg.adjust-msg-width,
.page-eServiceDeviceListPage .modal .modal-lg.adjust-msg-width,
.page-eServiceStructureDetailsPage .modal .modal-lg.adjust-msg-width,
.page-publicDeviceDetailsPage .modal .modal-lg.adjust-msg-width {
  max-width: 600px;
}
@media (max-width: 767px) {
  .page-eServiceDeviceDetailsPage .modal .modal-lg.adjust-msg-width,
  .page-eServiceDeviceListPage .modal .modal-lg.adjust-msg-width,
  .page-eServiceStructureDetailsPage .modal .modal-lg.adjust-msg-width,
  .page-publicDeviceDetailsPage .modal .modal-lg.adjust-msg-width {
    width: 90%;
  }
}
.page-eServiceDeviceDetailsPage .modal .modal-lg.adjust-msg-width .requestFormClass,
.page-eServiceDeviceListPage .modal .modal-lg.adjust-msg-width .requestFormClass,
.page-eServiceStructureDetailsPage .modal .modal-lg.adjust-msg-width .requestFormClass,
.page-publicDeviceDetailsPage .modal .modal-lg.adjust-msg-width .requestFormClass {
  width: 100%;
}
.page-eServiceDeviceDetailsPage .device-management-popup,
.page-eServiceDeviceListPage .device-management-popup,
.page-eServiceStructureDetailsPage .device-management-popup,
.page-publicDeviceDetailsPage .device-management-popup {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #434343;
}
.page-eServiceDeviceDetailsPage .device-management-popup .icon-access-devices,
.page-eServiceDeviceListPage .device-management-popup .icon-access-devices,
.page-eServiceStructureDetailsPage .device-management-popup .icon-access-devices,
.page-publicDeviceDetailsPage .device-management-popup .icon-access-devices {
  background-image: url("../images/access-devices.svg");
  background-size: 40px;
  width: 40px;
  height: 40px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .icon-download-certificates,
.page-eServiceDeviceListPage .device-management-popup .icon-download-certificates,
.page-eServiceStructureDetailsPage .device-management-popup .icon-download-certificates,
.page-publicDeviceDetailsPage .device-management-popup .icon-download-certificates {
  background-image: url("../images/download-certificates.svg");
  background-size: 40px;
  width: 40px;
  height: 40px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .icon-request-support,
.page-eServiceDeviceListPage .device-management-popup .icon-request-support,
.page-eServiceStructureDetailsPage .device-management-popup .icon-request-support,
.page-publicDeviceDetailsPage .device-management-popup .icon-request-support {
  background-image: url("../images/request-support.svg");
  background-size: 40px;
  width: 40px;
  height: 40px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-header-section,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-header-section,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-header-section,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-header-section {
  padding-bottom: 30px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-header-section .dm-popup-header,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-header-section .dm-popup-header,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-header-section .dm-popup-header,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-header-section .dm-popup-header {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
  color: #666666;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-header-section,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-header-section,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-header-section,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-header-section {
  padding-bottom: 30px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-header-section .dm-popup-data-header,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-header-section .dm-popup-data-header,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-header-section .dm-popup-data-header,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-header-section .dm-popup-data-header {
  font-weight: 500;
  font-size: 16px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-info-section,
.page-eServiceDeviceListPage .device-management-popup .device-management-info-section,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-info-section,
.page-publicDeviceDetailsPage .device-management-popup .device-management-info-section {
  padding-bottom: 15px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section,
.page-eServiceDeviceListPage .device-management-popup .device-management-info-section .device-management-info-header-section,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section,
.page-publicDeviceDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section {
  display: flex;
  align-items: center;
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section .dm-info-header-section-icon,
.page-eServiceDeviceListPage .device-management-popup .device-management-info-section .device-management-info-header-section .dm-info-header-section-icon,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section .dm-info-header-section-icon,
.page-publicDeviceDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section .dm-info-header-section-icon {
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section .dm-info-line-text-container,
.page-eServiceDeviceListPage .device-management-popup .device-management-info-section .device-management-info-header-section .dm-info-line-text-container,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section .dm-info-line-text-container,
.page-publicDeviceDetailsPage .device-management-popup .device-management-info-section .device-management-info-header-section .dm-info-line-text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section,
.page-eServiceDeviceListPage .device-management-popup .device-management-info-section .dm-info-line-section,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section,
.page-publicDeviceDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .dm-info-line-checkmark-icon,
.page-eServiceDeviceListPage .device-management-popup .device-management-info-section .dm-info-line-section .dm-info-line-checkmark-icon,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .dm-info-line-checkmark-icon,
.page-publicDeviceDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .dm-info-line-checkmark-icon {
  justify-content: center;
  align-items: center;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .eco3-icon-ok,
.page-eServiceDeviceListPage .device-management-popup .device-management-info-section .dm-info-line-section .eco3-icon-ok,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .eco3-icon-ok,
.page-publicDeviceDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .eco3-icon-ok {
  width: 15px;
  height: 12px;
  background-size: 15px 12px;
  margin-right: 10px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .dm-info-line-text-container,
.page-eServiceDeviceListPage .device-management-popup .device-management-info-section .dm-info-line-section .dm-info-line-text-container,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .dm-info-line-text-container,
.page-publicDeviceDetailsPage .device-management-popup .device-management-info-section .dm-info-line-section .dm-info-line-text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section {
  display: flex;
  justify-content: center;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner {
  display: flex;
  margin: 0 auto;
  width: 100%;
  text-transform: capitalize;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container {
  flex: 1;
  margin-right: 10px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-data-container-header-section,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-data-container-header-section,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-data-container-header-section,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-data-container-header-section {
  margin-bottom: 10px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-data-container-header-section .dm-popup-data-container-header,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-data-container-header-section .dm-popup-data-container-header,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-data-container-header-section .dm-popup-data-container-header,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-data-container-header-section .dm-popup-data-container-header {
  font-weight: 500;
  font-size: 16px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .dm-info-line-checkmark-icon,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .dm-info-line-checkmark-icon,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .dm-info-line-checkmark-icon,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .dm-info-line-checkmark-icon {
  justify-content: center;
  align-items: center;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .eco3-icon-bullet,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .eco3-icon-bullet,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .eco3-icon-bullet,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .eco3-icon-bullet {
  width: 10px;
  height: 10px;
  background-size: 10px;
  margin-right: 10px;
}
.page-eServiceDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .dm-info-line-text-container,
.page-eServiceDeviceListPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .dm-info-line-text-container,
.page-eServiceStructureDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .dm-info-line-text-container,
.page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section .device-management-popup-data-container-section-inner .dm-popup-info-container-text-section .dm-info-line-text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.assign-device-to-structure-form-popup {
  padding: 28px;
}
.assign-device-to-structure-form-popup .structure-table-wrapper {
  max-height: 510px;
  margin-top: 14px;
}
.assign-device-to-structure-form-popup .structure-table-wrapper .structure-cell-name {
  font-weight: 500;
  pointer-events: none;
}
.assign-device-to-structure-form-popup .structure-table-wrapper .structure-row.clickable {
  cursor: pointer;
}
.assign-device-to-structure-form-popup .structure-table-wrapper .structure-row.clickable:hover {
  color: #009cdd;
}
.assign-device-to-structure-form-popup .assign-device-to-structure-btn-wrapper {
  padding: 24px 0 28px 0 !important;
  width: 180px !important;
  float: right;
}
.assign-device-to-structure-form-popup .assign-device-to-structure-btn-wrapper .assign-device-to-structure-btn {
  width: 100% !important;
}
.assign-device-to-structure-form-popup .search-section {
  margin-bottom: 24px;
}
.assign-device-to-structure-form-popup .selected-structures-wrapper .selected-structures-header {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
}
.assign-device-to-structure-form-popup .selected-structures-wrapper .selected-structure {
  background: #F2F2F2;
  border-radius: 40px;
  padding: 10px;
  font-size: 16px;
  height: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.assign-device-to-structure-form-popup .selected-structures-wrapper .selected-structure .remove-selected-structure-icon {
  width: 17px;
  height: 17px;
  background-size: 20px;
  margin-left: 6px;
}
.assign-device-to-structure-form-popup .search-structures-js {
  padding-right: 40px;
  width: 107%;
}
.assign-device-to-structure-form-popup .search-structures-icon-btn {
  right: 0 !important;
  pointer-events: none;
}
.assign-device-to-structure-form-popup .structure-table td {
  text-align: left !important;
  padding: 0;
  height: 50px;
  border-bottom: 1px solid #dddddd !important;
  border-top: none !important;
}
.delete-device-from-structure-form-popup .message-container {
  align-items: center;
  text-align: center;
  margin-bottom: 14px;
}
.delete-device-from-structure-form-popup .message-container .remove-device-question {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  color: #434343;
  margin: 24px 0px;
  align-self: stretch;
}
.delete-device-from-structure-form-popup .delete-device-from-structure-btn-wrapper {
  padding: 24px 0 24px 0;
  text-align: center;
}
.request-form-popup,
.contact-us-for-atp-popup {
  padding: 30px;
}
.request-form-popup .mandatory-fields i.form-control-feedback.fa.fa-check,
.contact-us-for-atp-popup .mandatory-fields i.form-control-feedback.fa.fa-check {
  top: 60% !important;
}
.request-form-popup .mandatory-fields i.form-control-feedback.fa.fa-times,
.contact-us-for-atp-popup .mandatory-fields i.form-control-feedback.fa.fa-times {
  top: 46% !important;
}
.request-form-popup label,
.contact-us-for-atp-popup label {
  text-transform: none;
  font-size: 13px;
  font-weight: 400;
}
.request-form-popup label.request-quote-from-mt-date-label,
.contact-us-for-atp-popup label.request-quote-from-mt-date-label,
.request-form-popup label.popup-small-label,
.contact-us-for-atp-popup label.popup-small-label,
.request-form-popup label.qty-label,
.contact-us-for-atp-popup label.qty-label {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.request-form-popup .phone-number-error-msg,
.contact-us-for-atp-popup .phone-number-error-msg {
  margin-top: 0!important;
  margin-bottom: 50px !important;
}
.request-form-popup .field-right-align,
.contact-us-for-atp-popup .field-right-align {
  float: right;
}
.request-form-popup select.form-control,
.contact-us-for-atp-popup select.form-control {
  height: 35px;
  font-size: 11.0pt;
}
.request-form-popup select.form-control option,
.contact-us-for-atp-popup select.form-control option {
  font-size: 11.0pt;
}
.request-form-popup .eco3-icon.e-icon-more-finder,
.contact-us-for-atp-popup .eco3-icon.e-icon-more-finder {
  background: url("../images/iconfinder_more.svg") no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  cursor: default;
}
.request-form-popup .ecotabs .eco3-table table,
.contact-us-for-atp-popup .ecotabs .eco3-table table {
  margin-bottom: 0;
}
.request-form-popup .ecotabs .eco3-table table tr th,
.contact-us-for-atp-popup .ecotabs .eco3-table table tr th {
  width: 165px !important;
  text-align: center;
  padding-left: 0;
}
.request-form-popup .ecotabs .eco3-table table tr td,
.contact-us-for-atp-popup .ecotabs .eco3-table table tr td {
  text-align: center;
  padding-left: 0;
}
.request-form-popup .popup-warning-section-device,
.contact-us-for-atp-popup .popup-warning-section-device {
  padding-left: 10px;
}
.request-form-popup .popup-warning-section-device .orange-exclamation-icon,
.contact-us-for-atp-popup .popup-warning-section-device .orange-exclamation-icon {
  margin-right: 10px;
  float: left;
}
.request-form-popup .popup-warning-section-device i,
.contact-us-for-atp-popup .popup-warning-section-device i {
  vertical-align: middle;
}
.request-form-popup .popup-warning-section-device span .orange-go,
.contact-us-for-atp-popup .popup-warning-section-device span .orange-go {
  color: #fd9927 !important;
  font-size: 12pt;
}
.request-form-popup .popup-warning-section-device .warning-text,
.contact-us-for-atp-popup .popup-warning-section-device .warning-text {
  display: block;
  padding-left: 35px;
  padding-top: 2px;
}
.request-form-popup .popup-warning-section-listing,
.contact-us-for-atp-popup .popup-warning-section-listing {
  padding-left: 10px;
}
.request-form-popup .popup-warning-section-listing .warning-msg,
.contact-us-for-atp-popup .popup-warning-section-listing .warning-msg {
  display: table-cell;
  vertical-align: middle;
}
.request-form-popup .popup-warning-section-listing .eco3-icon.eservice-trianlge-warning-icon,
.contact-us-for-atp-popup .popup-warning-section-listing .eco3-icon.eservice-trianlge-warning-icon {
  background: url("../images/eservice-trianlge-warning.svg") no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  float: left;
}
.request-form-popup .popup-warning-section-listing .warning-text,
.contact-us-for-atp-popup .popup-warning-section-listing .warning-text {
  padding-left: 35px;
  display: block;
  padding-top: 2px;
}
.request-form-popup .popup-warning-section-listing .warning-text span.text-color-orange,
.contact-us-for-atp-popup .popup-warning-section-listing .warning-text span.text-color-orange {
  color: #fd9927;
  font-weight: 600;
}
.request-form-popup span.icon-wrapper,
.contact-us-for-atp-popup span.icon-wrapper {
  border: 2px solid;
  padding: 5px;
  display: inline-block;
  border-color: #009cdd;
  height: 42px;
  width: 42px;
}
.request-form-popup .call-icon,
.contact-us-for-atp-popup .call-icon {
  background: url("../images/phone.svg") 0 0 / cover no-repeat;
  width: 24px;
  height: 24px;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  margin: 2px 0 0 2px;
}
.request-form-popup .clabel,
.contact-us-for-atp-popup .clabel {
  margin-left: 70px;
  margin-top: 12px;
}
.request-form-popup .send-btn-align,
.contact-us-for-atp-popup .send-btn-align {
  text-align: right;
}
.request-form-popup #e-request-table,
.contact-us-for-atp-popup #e-request-table {
  width: 95% !important;
  margin-left: 20px;
  margin-bottom: 30px;
}
.request-form-popup #e-request-table .calibration-icons,
.contact-us-for-atp-popup #e-request-table .calibration-icons {
  width: 30%;
}
.request-form-popup #e-request-table .calibration-icons .label-section,
.contact-us-for-atp-popup #e-request-table .calibration-icons .label-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.request-form-popup #e-request-table .calibration-icons .label-section .eservice-coverage,
.contact-us-for-atp-popup #e-request-table .calibration-icons .label-section .eservice-coverage {
  min-width: 55px;
  flex: 0 0 30%;
  text-align: left;
  margin: 0;
  padding: 0;
}
.request-form-popup .device-details-label,
.contact-us-for-atp-popup .device-details-label {
  padding-left: 10px;
}
.request-form-popup .request-service-dropdown label,
.contact-us-for-atp-popup .request-service-dropdown label {
  font-size: 13px;
  font-weight: 500 !important;
}
.request-form-popup .request-service-dropdown select,
.contact-us-for-atp-popup .request-service-dropdown select {
  width: 100%;
}
.request-form-popup .request-service-dropdown .eco3-icon.icon-info-circle,
.contact-us-for-atp-popup .request-service-dropdown .eco3-icon.icon-info-circle {
  position: relative;
  float: right;
  height: 35px;
  background-size: 20px;
  margin-top: -34px;
  margin-right: 20px;
}
.request-form-popup .request-service-dropdown textarea,
.contact-us-for-atp-popup .request-service-dropdown textarea {
  font-size: 14px;
}
.request-form-popup .request-service-dropdown select.disabled,
.contact-us-for-atp-popup .request-service-dropdown select.disabled {
  background-color: #fcfcfc !important;
  color: #555555 !important;
}
.request-form-popup .info-heading,
.contact-us-for-atp-popup .info-heading {
  font-size: 16px;
  font-weight: 500;
}
.request-form-popup .request-submit-label label,
.contact-us-for-atp-popup .request-submit-label label {
  font-size: 13px;
  font-weight: 500 !important;
}
.request-form-popup .acknowledge-checkbox .eco3-checkbox,
.contact-us-for-atp-popup .acknowledge-checkbox .eco3-checkbox {
  padding-right: 15px;
}
.e-service-th-style th {
  white-space: nowrap !important;
  outline: none;
  height: 50px !important;
  font-weight: 500 !important;
  background-color: #f2f2f2;
  box-shadow: 0 0 1px 1px #d9d9d9;
}
.e-service-th-style th.sorting-enabled {
  cursor: pointer;
}
.e-service-th-style th.location.no-sort {
  min-width: 320px !important;
}
@media (max-width: 1200px) {
  .e-service-th-style th.location.no-sort {
    min-width: auto!important;
  }
}
.e-service-th-style th.service-coverage.no-sort {
  width: 160px !important;
}
.e-service-th-style th.location.no-sort,
.e-service-th-style th.service-coverage.no-sort {
  background-image: none !important;
  pointer-events: none;
  cursor: initial;
}
.e-service-th-style th.service-coverage.no-sort,
.e-service-th-style th.calibrationDate,
.e-service-th-style td.device-calibration-date,
.e-service-th-style td.service-coverage-icons {
  text-align: left !important;
}
.e-service-th-style td.service-coverage-icons .device-label-section {
  text-align: left;
  padding-left: 0;
}
.e-service-th-style th.export-download {
  background-image: url(../images/3_dots.svg) !important;
  background-repeat: no-repeat;
  width: 20px !important;
  background-position: center right;
  height: 20px;
  cursor: pointer;
  background-position: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .e-service-th-style th.export-download {
    width: 12% !important;
  }
}
.e-service-th-style ul.export-wrapper {
  box-shadow: 0 0 3px 2px #cccccc;
  background-color: #ffffff;
  position: absolute;
  z-index: 99;
  padding: 0;
  top: 51px;
  min-width: 160px;
  text-align: center;
  right: 10px;
  padding: 10px;
  list-style-type: none;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .e-service-th-style ul.export-wrapper {
    top: 50px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .e-service-th-style ul.export-wrapper {
    top: 50px;
    right: 8px;
  }
}
.e-service-th-style ul.export-wrapper li.export-list {
  background-size: 22px;
  background-image: url(../images/download.svg) !important;
  background-repeat: no-repeat;
  background-position: left;
  padding: 2px 20px 2px 30px;
  font-size: 12pt;
  font-weight: 500;
}
.e-service-th-style ul.export-wrapper li.export-list:hover {
  font-weight: 900 !important;
  color: #009cdd;
}
.csvConfirmationPopupWrapper .spinner {
  margin: 20px auto;
}
.csvConfirmationPopupWrapper .file-prepare-text {
  text-align: center;
  width: 250px;
  margin: 20px auto 0 auto;
  font-size: 13pt;
}
.csvErrorPopupWrapper .file-error-text,
#csvImportErrorWrapper .file-error-text {
  text-align: center;
  width: 400px;
  margin: 30px auto;
  font-size: 13pt;
}
@media (max-width: 767px) {
  .csvErrorPopupWrapper .file-error-text,
  #csvImportErrorWrapper .file-error-text {
    width: auto;
  }
}
.csvImportCancelWrapper .file-cancel-text,
#csvImportCancelWrapper .file-cancel-text {
  text-align: center;
  width: auto;
  margin: 20px auto 0 auto;
  font-size: 13pt;
}
.csvImportCancelWrapper .csv-action-links,
#csvImportCancelWrapper .csv-action-links {
  margin: 20px auto !important;
  display: block;
  text-align: center;
}
.csvImportCancelWrapper .csv-action-links #cancel-import,
#csvImportCancelWrapper .csv-action-links #cancel-import,
.csvImportCancelWrapper .csv-action-links #continue-import,
#csvImportCancelWrapper .csv-action-links #continue-import {
  width: 150px;
  min-width: 150px;
}
@media (max-width: 767px) {
  .csvImportCancelWrapper .csv-action-links #cancel-import,
  #csvImportCancelWrapper .csv-action-links #cancel-import,
  .csvImportCancelWrapper .csv-action-links #continue-import,
  #csvImportCancelWrapper .csv-action-links #continue-import {
    width: 90px;
    min-width: 90px;
  }
}
.csvImportCancelWrapper .csv-action-links #cancel-import,
#csvImportCancelWrapper .csv-action-links #cancel-import {
  background-color: white;
  color: black;
}
div#csvImportConfirmationWrapper,
div#csvImportCancelWrapper,
div#csvImportErrorWrapper,
div#csvImportIndicatorWrapper {
  z-index: 99999999 !important;
}
div#csvImportConfirmationWrapper .modal-dialog,
div#csvImportCancelWrapper .modal-dialog,
div#csvImportErrorWrapper .modal-dialog,
div#csvImportIndicatorWrapper .modal-dialog {
  width: 500px !important;
}
@media (max-width: 767px) {
  div#csvImportConfirmationWrapper .modal-dialog,
  div#csvImportCancelWrapper .modal-dialog,
  div#csvImportErrorWrapper .modal-dialog,
  div#csvImportIndicatorWrapper .modal-dialog {
    width: 95% !important;
  }
}
div#csvImportIndicatorWrapper .modal-content {
  height: 230px;
}
div#csvImportIndicatorWrapper .modal-content .modal-body {
  height: 190px;
  overflow: hidden;
}
div#csvImportIndicatorWrapper .modal-content .modal-body .content {
  margin: -50px;
}
body.blur #page {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}
#accordionSystemInformation .panel-collapse.collapsing {
  width: 100%;
  overflow: inherit;
}
.details-section-three .device-label-section {
  display: table;
}
.details-section-three .device-label-section .label-section {
  display: table-cell;
  vertical-align: bottom;
  float: none;
  width: 50%;
}
.active-plus-tab {
  box-shadow: 0 0 4px 0 #009cdd !important;
  -moz-box-shadow: 0 0 4px 0 #009cdd !important;
  z-index: 99;
  top: 0;
  color: #009cdd;
}
.selected-facet-values label.selected-filters {
  font-size: 15px;
  text-align: left;
  display: block;
  margin: 15px 0;
}
.selected-facet-values ul#ul-selected-values {
  overflow: hidden;
  padding-left: 0;
}
.selected-facet-values ul#ul-selected-values li.selected-values {
  background-color: #f2f2f2;
  display: flex;
  float: left;
  padding: 11px;
  height: 41px;
  border-radius: 40px;
  list-style-type: none;
  margin: 0 10px 15px 0;
  font-size: 11pt;
}
.selected-facet-values ul#ul-selected-values li.selected-values.selected-product-type {
  text-transform: capitalize;
}
.selected-facet-values ul#ul-selected-values li.selected-values span.facet-individual-cross.eco3-icon.icon-close {
  background-size: 100%;
  width: 25px;
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: -3px;
}
.eservice-device-list-container .row.ecotabs {
  margin: 0;
}
.eservice-device-list-container .eservice-device-list-box {
  display: inline-block;
  background-color: #ffffff;
  min-width: 250px;
  width: 100%;
  min-height: 200px;
  -webkit-box-shadow: 0 3px 10px 1px #cccccc;
  -moz-box-shadow: 0 3px 10px 1px #cccccc;
  box-shadow: 0 3px 10px 1px #cccccc;
  margin-bottom: 30px;
  font-size: 14px;
  padding: 0;
}
.eservice-device-list-container .eservice-device-list-box header {
  color: #434343;
  width: 100%;
  background-color: #f3f3f3;
  display: inline-block;
  font-weight: normal;
  font-size: 14pt;
  min-height: 45px;
  text-align: left;
  line-height: 45px;
  padding-left: 15px;
  margin-bottom: 15px;
}
.eservice-device-list-container .eservice-device-list-box header a {
  cursor: pointer;
  color: initial;
  text-decoration: none !important;
  font-weight: 500;
  font-size: 16px;
}
.eservice-device-list-container .eservice-device-list-box header.accordion-header {
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
  margin-bottom: 0;
}
.eservice-device-list-container .eservice-device-list-box header.accordion-header .arrow {
  background-image: url(../images/grey-arrow-down.svg);
  background-size: initial !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
}
.eservice-device-list-container .eservice-device-list-box header.accordion-header.active .arrow {
  background-image: url(../images/grey-arrow-up.svg);
}
.eservice-device-list-container .eservice-device-list-box .serial-number {
  cursor: initial !important;
}
.eservice-device-list-container .selectall {
  float: none;
  margin: 0 0 12px 0;
  position: relative;
  top: 10px;
  display: inline-block;
}
.eservice-device-list-container .selectall label.eco3-checkbox {
  padding-left: 10px;
  display: table;
}
.eservice-device-list-container .selectall label.eco3-checkbox .checkmark {
  top: 2px;
  display: table-cell;
}
@media (max-width: 767px) {
  .eservice-device-list-container .selectall label.eco3-checkbox .checkmark {
    top: 3px;
  }
}
.eservice-device-list-container .selectall label.eco3-checkbox div.selectAll-device-count-text {
  display: table-cell;
}
.eservice-device-list-container .selectall .device-checked-count {
  font-size: 12pt;
  color: #434343;
  font-weight: normal;
  padding-left: 5px;
  text-transform: initial;
}
.eservice-device-list-container .eservice-label-row {
  margin: 15px 0;
}
.eservice-device-list-container .eservice-label-row .eservice-pagination {
  margin-bottom: 0 !important;
  padding: 0;
}
.eservice-device-list-container .eservice-label-row.sort-by-container {
  display: flex;
  align-items: center;
}
.eservice-device-list-container .eservice-label-row.sort-by-container #sorting_bar {
  max-width: none;
  overflow: auto;
  margin-bottom: 10px;
  padding: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.eservice-device-list-container .eservice-label-row.sort-by-container #sorting_bar .sort_by_label {
  padding: 0;
  display: inline-block;
  width: auto;
  margin-right: 20px;
}
.eservice-device-list-container .eservice-label-row.sort-by-container #sorting_bar .form-group.header-title {
  margin-bottom: 0;
}
.eservice-device-list-container .eservice-label-row.sort-by-container #sorting_bar .form-group.header-title select.form-control {
  width: 240px;
  height: 35px;
  line-height: 35px;
  text-transform: capitalize;
}
.eservice-device-list-container .eservice-label-row.sort-by-container .show-entries {
  text-align: right;
  min-width: 300px;
}
.eservice-device-list-container .eservice-label-row .device-list-records-label {
  margin-left: 0;
}
.eservice-device-list-container .flex-container {
  display: flex ;
  flex-wrap: wrap;
}
.eservice-device-list-container .flex-container .item {
  flex: 0 0 30%;
  margin-bottom: 15px;
  /* (100-32*3)/2 */
  text-align: left;
}
.eservice-device-list-container .flex-container .item:nth-child(3n + 2) {
  flex: 0 0 40%;
}
.eservice-device-list-container .flex-container .item span {
  word-break: break-word;
}
.eservice-device-list-container .flex-container .p-left-0 b {
  text-transform: capitalize;
  font-weight: 500;
}
.eservice-device-list-container .flex-container.flex-container-device .p-left-0 {
  margin-bottom: 5px;
}
.page-eServiceDeviceListPage div#e-services-list-wrapper div#eserviceFacetFilterWrapper,
.page-eServiceStructureDetailsPage div#e-services-list-wrapper div#eserviceFacetFilterWrapper {
  margin-top: 50px;
}
.page-eServiceDeviceListPage label.selected-filters,
.page-eServiceStructureDetailsPage label.selected-filters {
  font-size: 15px;
  text-align: left;
  display: block;
  margin: 15px 0;
}
.page-eServiceDeviceListPage #eserviceListContainer,
.page-eServiceStructureDetailsPage #eserviceListContainer {
  margin: 0 -40px -8px -40px;
}
.page-eServiceDeviceListPage #eserviceListContainer #eservice-list-primary-tab,
.page-eServiceStructureDetailsPage #eserviceListContainer #eservice-list-primary-tab {
  margin-bottom: 20px;
}
.page-eServiceDeviceListPage #eserviceListContainer #eservice-list-primary-tab li.tab-heading a,
.page-eServiceStructureDetailsPage #eserviceListContainer #eservice-list-primary-tab li.tab-heading a {
  min-height: 40px;
  line-height: 40px;
  padding: 0 6px;
}
.page-eServiceDeviceListPage div#e-services-all-device-list-wrapper,
.page-eServiceStructureDetailsPage div#e-services-all-device-list-wrapper {
  margin-top: 50px;
}
.page-eServiceDeviceListPage div#e-services-all-device-list-wrapper .selected-facet-values,
.page-eServiceStructureDetailsPage div#e-services-all-device-list-wrapper .selected-facet-values {
  display: flex;
  align-items: baseline;
  margin-top: 40px;
}
.page-eServiceDeviceListPage div#e-services-all-device-list-wrapper .selected-facet-values #ul-selected-values,
.page-eServiceStructureDetailsPage div#e-services-all-device-list-wrapper .selected-facet-values #ul-selected-values {
  width: 100%;
}
.page-eServiceDeviceListPage div#e-services-all-device-list-wrapper .selected-facet-values .add-all-devices,
.page-eServiceStructureDetailsPage div#e-services-all-device-list-wrapper .selected-facet-values .add-all-devices {
  min-width: auto;
  position: relative;
  bottom: 25px;
  text-transform: uppercase;
}
.page-eServiceDeviceListPage div#e-services-all-device-list-wrapper label.selected-filters.hide + .selected-facet-values .add-all-devices,
.page-eServiceStructureDetailsPage div#e-services-all-device-list-wrapper label.selected-filters.hide + .selected-facet-values .add-all-devices {
  position: relative;
  bottom: 0;
}
.page-eServiceDeviceListPage div#e-services-all-device-list-wrapper label.selected-filters,
.page-eServiceStructureDetailsPage div#e-services-all-device-list-wrapper label.selected-filters {
  position: relative;
  top: 25px;
}
.page-eServiceDeviceListPage div#e-services-all-device-list-wrapper #eserviceFacetFilterWrapper,
.page-eServiceStructureDetailsPage div#e-services-all-device-list-wrapper #eserviceFacetFilterWrapper {
  margin-bottom: 0;
}
.page-eServiceDeviceListPage span.add-to-my-devices,
.page-eServiceStructureDetailsPage span.add-to-my-devices {
  float: right;
  margin-right: 20px;
}
.page-eServiceDeviceListPage span.add-to-my-devices span.favourite-star-icon,
.page-eServiceStructureDetailsPage span.add-to-my-devices span.favourite-star-icon {
  background-image: url(../images/favorites_blue.svg);
  background-size: initial !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-right: 10px;
  display: inline-flex;
  vertical-align: middle;
}
.page-eServiceDeviceListPage span.add-to-my-devices label,
.page-eServiceStructureDetailsPage span.add-to-my-devices label {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  color: #009cdd;
  cursor: pointer;
  display: inline-flex;
  vertical-align: middle;
  margin: 0;
}
.page-eServiceDeviceListPage span.add-to-my-devices label.device-added-label,
.page-eServiceStructureDetailsPage span.add-to-my-devices label.device-added-label {
  color: #7d7d7d;
}
.page-eServiceDeviceListPage span.add-to-my-devices.add-to-my-device-mobileTab,
.page-eServiceStructureDetailsPage span.add-to-my-devices.add-to-my-device-mobileTab {
  float: none;
  margin: 0;
  position: absolute;
  left: 44%;
  transform: translate(-50%, 0%);
}
.page-eServiceDeviceListPage .favourite-grey-star-icon,
.page-eServiceStructureDetailsPage .favourite-grey-star-icon,
.page-eServiceDeviceListPage .favourite-grey-star-mydevice-icon,
.page-eServiceStructureDetailsPage .favourite-grey-star-mydevice-icon {
  background-size: initial !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-right: 10px;
  display: inline-flex;
  vertical-align: middle;
}
.page-eServiceDeviceListPage .favourite-grey-star-icon .checkbox-per-device label.eco3-checkbox .checkmark,
.page-eServiceStructureDetailsPage .favourite-grey-star-icon .checkbox-per-device label.eco3-checkbox .checkmark,
.page-eServiceDeviceListPage .favourite-grey-star-mydevice-icon .checkbox-per-device label.eco3-checkbox .checkmark,
.page-eServiceStructureDetailsPage .favourite-grey-star-mydevice-icon .checkbox-per-device label.eco3-checkbox .checkmark {
  top: 3px;
  left: -5px;
}
.page-eServiceDeviceListPage .favourite-grey-star-icon .checkbox-per-device .eco3-checkbox input ~ .checkmark,
.page-eServiceStructureDetailsPage .favourite-grey-star-icon .checkbox-per-device .eco3-checkbox input ~ .checkmark,
.page-eServiceDeviceListPage .favourite-grey-star-mydevice-icon .checkbox-per-device .eco3-checkbox input ~ .checkmark,
.page-eServiceStructureDetailsPage .favourite-grey-star-mydevice-icon .checkbox-per-device .eco3-checkbox input ~ .checkmark {
  background-color: #ffffff;
}
.page-eServiceDeviceListPage .favourite-grey-star-icon .checkbox-per-device .eco3-checkbox input:checked ~ .checkmark,
.page-eServiceStructureDetailsPage .favourite-grey-star-icon .checkbox-per-device .eco3-checkbox input:checked ~ .checkmark,
.page-eServiceDeviceListPage .favourite-grey-star-mydevice-icon .checkbox-per-device .eco3-checkbox input:checked ~ .checkmark,
.page-eServiceStructureDetailsPage .favourite-grey-star-mydevice-icon .checkbox-per-device .eco3-checkbox input:checked ~ .checkmark {
  background-color: #65ceff;
  border: 2px solid #65ceff;
}
.page-eServiceDeviceListPage .added-device-icon,
.page-eServiceStructureDetailsPage .added-device-icon {
  background-image: url(../images/favorites.svg) !important;
}
.page-eServiceDeviceListPage .added-device-icon .checkbox-per-device,
.page-eServiceStructureDetailsPage .added-device-icon .checkbox-per-device {
  display: none;
}
.page-eServiceDeviceListPage .device-added-alert-popup,
.page-eServiceStructureDetailsPage .device-added-alert-popup {
  position: absolute;
  padding: 8px 0px;
  text-align: center;
  right: 0;
  display: table;
  color: #ffffff;
  bottom: 60px;
  white-space: normal;
  line-height: 16px;
}
.page-eServiceDeviceListPage .devices-removed-alert-popup,
.page-eServiceStructureDetailsPage .devices-removed-alert-popup {
  position: absolute;
  padding: 8px 0px;
  text-align: center;
  right: 0;
  display: table;
  color: #ffffff;
  bottom: 15px;
  white-space: normal;
  line-height: 16px;
}
.page-eServiceDeviceListPage .structures-added-to-device,
.page-eServiceStructureDetailsPage .structures-added-to-device {
  position: absolute;
  padding: 8px 0px;
  text-align: center;
  right: 0;
  display: table;
  color: #ffffff;
  bottom: 10px;
  white-space: normal;
  line-height: 16px;
}
.page-eServiceDeviceListPage .all-device-guide-text,
.page-eServiceStructureDetailsPage .all-device-guide-text {
  margin: 0 auto 30px auto;
  display: flex;
  text-align: center;
  width: 44%;
}
.page-eServiceDeviceListPage .all-device-guide-text .favourite-star-icon-big,
.page-eServiceStructureDetailsPage .all-device-guide-text .favourite-star-icon-big {
  background-image: url(../images/favorites_blue.svg);
  background-size: 48px 45px;
  background-repeat: no-repeat;
  min-width: 48px;
  width: 48px;
  height: 45px;
  display: inline-block;
}
.page-eServiceDeviceListPage .all-device-guide-text .favourite-star-icon-big.union-icon,
.page-eServiceStructureDetailsPage .all-device-guide-text .favourite-star-icon-big.union-icon {
  background-image: url(../images/union.svg);
  background-size: 48px 48px;
  width: 48px;
  height: 48px;
}
.page-eServiceDeviceListPage .all-device-guide-text .info-text,
.page-eServiceStructureDetailsPage .all-device-guide-text .info-text {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  padding-left: 20px;
}
.page-eServiceDeviceListPage .my-device-guide-text,
.page-eServiceStructureDetailsPage .my-device-guide-text {
  margin: 80px auto 60px auto;
  display: block;
  text-align: center;
  width: 44%;
}
.page-eServiceDeviceListPage .my-device-guide-text .favourite-star-icon-big,
.page-eServiceStructureDetailsPage .my-device-guide-text .favourite-star-icon-big {
  background-image: url(../images/favorites_blue.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 47px;
  height: 45px;
  display: block;
  text-align: center;
  margin: 15px auto;
}
.page-eServiceDeviceListPage .my-device-guide-text .favourite-star-icon-big.union-icon,
.page-eServiceStructureDetailsPage .my-device-guide-text .favourite-star-icon-big.union-icon {
  background-image: url(../images/union.svg);
  background-size: 48px 48px;
  width: 48px;
  height: 48px;
}
.page-eServiceDeviceListPage .my-device-guide-text .info-text,
.page-eServiceStructureDetailsPage .my-device-guide-text .info-text {
  font-size: 16px;
  line-height: 20px;
  display: block;
}
.page-eServiceDeviceListPage .my-device-guide-text .add-device-to-my-list,
.page-eServiceStructureDetailsPage .my-device-guide-text .add-device-to-my-list {
  margin-top: 20px;
  cursor: pointer;
}
.page-eServiceDeviceListPage .my-device-more-menu-icon,
.page-eServiceStructureDetailsPage .my-device-more-menu-icon {
  float: right;
  margin-right: 15px;
  background-image: url(../images/more-menu.svg);
  background-size: initial !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  top: 10px;
}
.page-eServiceDeviceListPage .my-device-more-menu-icon + .dropdown-container,
.page-eServiceStructureDetailsPage .my-device-more-menu-icon + .dropdown-container {
  min-width: 200px;
  position: absolute;
  top: 35px;
  right: 20px;
  box-shadow: 0 0 4px 1px #cccccc;
  background: #ffffff;
  z-index: 100;
}
.page-eServiceDeviceListPage .my-device-more-menu-icon + .dropdown-container ul,
.page-eServiceStructureDetailsPage .my-device-more-menu-icon + .dropdown-container ul {
  list-style-type: none;
  font-size: 14px;
  margin: 0 0 10px 0;
}
.page-eServiceDeviceListPage .my-device-more-menu-icon + .dropdown-container ul li,
.page-eServiceStructureDetailsPage .my-device-more-menu-icon + .dropdown-container ul li {
  height: 30px;
  line-height: 30px;
  padding: 5px;
  cursor: pointer;
}
.page-eServiceDeviceListPage .my-device-more-menu-icon + .dropdown-container ul.menu-mydevices-alldevices,
.page-eServiceStructureDetailsPage .my-device-more-menu-icon + .dropdown-container ul.menu-mydevices-alldevices {
  padding-left: 7px;
}
.page-eServiceDeviceListPage .my-device-more-menu-icon + .dropdown-container ul.menu-mydevices-alldevices span,
.page-eServiceStructureDetailsPage .my-device-more-menu-icon + .dropdown-container ul.menu-mydevices-alldevices span {
  vertical-align: top;
}
.page-eServiceDeviceListPage .device-list-icon,
.page-eServiceStructureDetailsPage .device-list-icon {
  float: right;
  margin-right: 15px;
  background-size: initial !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  top: 10px;
  cursor: default;
}
.page-eServiceDeviceListPage .device-list-icon.device-icon-active,
.page-eServiceStructureDetailsPage .device-list-icon.device-icon-active {
  background-image: url(../images/device-active.svg);
}
.page-eServiceDeviceListPage .device-list-icon.device-icon-inactive,
.page-eServiceStructureDetailsPage .device-list-icon.device-icon-inactive {
  background-image: url(../images/device-inactive.svg);
}
.page-eServiceDeviceListPage .actions-dropdown-container,
.page-eServiceStructureDetailsPage .actions-dropdown-container {
  min-width: 200px;
  position: absolute;
  right: 0px;
  box-shadow: 0 0 4px 1px #cccccc;
  background: #ffffff;
  z-index: 100;
}
.page-eServiceDeviceListPage .actions-dropdown-container ul,
.page-eServiceStructureDetailsPage .actions-dropdown-container ul {
  list-style-type: none;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding-left: 7px;
}
.page-eServiceDeviceListPage .actions-dropdown-container ul li,
.page-eServiceStructureDetailsPage .actions-dropdown-container ul li {
  height: 30px;
  line-height: 30px;
  padding: 5px;
  cursor: pointer;
}
.page-eServiceDeviceListPage .actions-dropdown-container ul span,
.page-eServiceStructureDetailsPage .actions-dropdown-container ul span {
  vertical-align: top;
}
.page-eServiceDeviceListPage .responsive-tabs-container .responsive-tabs .tab-heading,
.page-eServiceStructureDetailsPage .responsive-tabs-container .responsive-tabs .tab-heading {
  z-index: 9;
  top: 10px;
}
.page-eServiceDeviceListPage .responsive-tabs-container .responsive-tabs .tab-heading.active a,
.page-eServiceStructureDetailsPage .responsive-tabs-container .responsive-tabs .tab-heading.active a {
  border-top: 4px solid #2b9cea;
  line-height: 34px !important;
}
.page-eServiceDeviceListPage .eservice-tab-border-line,
.page-eServiceStructureDetailsPage .eservice-tab-border-line {
  top: 81px !important;
}
.page-eServiceDeviceListPage .show-more-btn,
.page-eServiceStructureDetailsPage .show-more-btn,
.page-eServiceDeviceListPage .show-less-btn,
.page-eServiceStructureDetailsPage .show-less-btn {
  display: inline-block;
}
.page-eServiceDeviceListPage .show-more-btn .btn,
.page-eServiceStructureDetailsPage .show-more-btn .btn,
.page-eServiceDeviceListPage .show-less-btn .btn,
.page-eServiceStructureDetailsPage .show-less-btn .btn {
  width: 105px;
  height: 30px;
  background-color: #f3f3f3;
  color: #009cdd;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper {
  margin-top: 50px;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container {
  border: none;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper {
  clear: both;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .show-entries-section,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .show-entries-section {
  overflow: hidden;
  clear: both;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper {
  clear: both;
  padding-top: 10px;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item {
  box-shadow: 0 0 4px 1px #cccccc;
  text-align: left;
  min-height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  padding: 0 0 0 10px;
  position: relative;
  cursor: pointer;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item span.line-item-left-section,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item span.line-item-left-section {
  width: 70%;
  display: inline-block;
  line-height: 25px;
  padding: 10px;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item span.line-item-left-section span.structure-name,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item span.line-item-left-section span.structure-name {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item span.line-item-left-section span.structure-type,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item span.line-item-left-section span.structure-type,
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item span.line-item-left-section span.structure-device-count,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item span.line-item-left-section span.structure-device-count {
  font-size: 16px;
  cursor: pointer;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .eservice-label-row,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .eservice-label-row {
  margin: 30px 0 15px 0;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .eservice-label-row.pagination-bottom-section,
.page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .eservice-label-row.pagination-bottom-section {
  padding-bottom: 20px;
}
.structure-details-wrapper #calibration-tabs ul.nav-tabs li {
  margin-right: -2px;
  box-shadow: 0px 0px 2px 1px #cccccc;
}
.structure-details-wrapper #calibration-tabs ul.nav-tabs li.active {
  box-shadow: 0px 0px 2px 1px #009cdd;
}
.structure-details-wrapper #calibration-tabs ul.nav-tabs li a {
  border: none;
}
.structure-details-wrapper .form-horizontal .has-feedback .form-control-feedback {
  right: -20px;
  top: 5px;
}
.structure-details-wrapper .has-success .form-control {
  border-color: #cccccc;
}
.structure-details-wrapper .form-group.has-feedback.has-error textarea[required="required"] {
  border: 1px solid #d50032 !important;
  background: #fdf3f5 !important;
}
.structure-details-wrapper .form-group input[type=text][disabled],
.structure-details-wrapper .form-group textarea[disabled],
.structure-details-wrapper .form-group select[disabled] {
  opacity: 0.9;
}
.structure-details-wrapper .structure-details-form-fields {
  width: 50%;
  float: none;
  display: block;
  margin: 0 auto;
}
.structure-details-wrapper .structure-details-form-fields .form-group {
  float: none;
  padding: 0;
  margin: 20px 10px;
}
.structure-details-wrapper .structure-details-form-fields .form-group select#structureType {
  background-position: 100% 42% !important;
}
.structure-details-wrapper .structure-details-form-fields .form-group .access-rights-label {
  font-size: 18px;
}
.structure-details-wrapper .structure-details-form-fields .form-group .users-label {
  font-size: 16px;
}
.structure-details-wrapper .structure-details-form-fields .form-group #email:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
}
.structure-details-wrapper .structure-details-form-fields .row {
  margin: 0;
  text-align: right;
}
.structure-details-wrapper #usersTab ul.users-list {
  list-style-type: none;
  padding: 0;
}
.structure-details-wrapper #usersTab ul.users-list li {
  align-items: center;
  min-height: 50px;
  border-bottom: 1px solid #cccccc;
}
.structure-details-wrapper #usersTab ul.users-list li .email-text {
  text-align: left;
  float: left;
  margin-top: 15px;
}
.structure-details-wrapper #usersTab ul.users-list li .email-text span {
  font-weight: 500;
  font-size: 14px;
}
.structure-details-wrapper #usersTab ul.users-list li .access-radio-type {
  text-align: right;
  margin-right: -5px;
  float: right;
}
.structure-details-wrapper #usersTab ul.users-list li .access-radio-type .radio-block {
  display: inline-block;
}
.structure-details-wrapper #usersTab ul.users-list li .access-radio-type .radio-block:first-child {
  margin-right: 10px;
}
.structure-details-wrapper #usersTab ul.users-list li .access-radio-type .radio-block label {
  height: auto;
  padding-left: 10px;
  font-weight: 400;
}
.structure-details-wrapper #usersTab ul.users-list li .access-radio-type .owner-section .owner-label {
  display: inline-block;
  top: 10px;
  margin-left: 15px;
}
.structure-details-wrapper #usersTab ul.users-list li .access-radio-type .owner-section .owner-label span {
  font-weight: 400;
  font-size: 14px;
}
.structure-details-wrapper #usersTab ul.users-list li .access-radio-type .user-delete-button .user-delete-icon {
  top: 8px;
  position: relative;
  background-size: 12px;
  width: 24px;
  height: 28px;
  background-image: url(../images/delete_new.svg);
}
.structure-details-wrapper #devicesTab .device-notification {
  max-width: 500px;
  margin: 20px auto;
  width: auto;
  text-align: center;
}
.structure-details-wrapper #devicesTab .device-notification .global-alerts {
  padding-right: 0;
  width: auto;
  text-align: center;
}
.structure-details-wrapper #devicesTab .device-notification .global-alerts .alert.alert-bar {
  background-color: #e6f5fc;
}
.structure-details-wrapper #devicesTab .device-notification .global-alerts .alert.alert-bar span {
  color: #009cdd;
  text-align: left;
}
.structure-details-wrapper #devicesTab .eservice-device-list-container {
  border: none;
}
.structure-details-wrapper .user-conditions-msg .global-alerts-icon.icon-alert {
  margin: 7px 10px 0 0;
}
.structure-details-wrapper .user-conditions-msg .eco3-globalMessages ul li span a {
  color: #009cdd !important;
  cursor: pointer;
  text-decoration: underline;
}
.delete-structure-modal .modal-content {
  max-width: 450px;
}
.delete-structure-modal .btn {
  width: 167px;
}
.delete-structure-modal #deleteStructure .delete-structure-content {
  font-size: 16px;
}
.delete-structure-modal .button-alignment-ok,
.delete-structure-modal .button-alignment {
  margin: 20px 0;
}
.disabled-read-write {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}
.page-eServiceStructureDetailsPage div#devicesTab .my-device-more-menu-icon + .dropdown-container {
  width: 215px;
}
.page-eServiceStructureDetailsPage div#devicesTab .my-device-more-menu-icon + .dropdown-container ul {
  margin: 10px 0;
}
.page-eServiceStructureDetailsPage div#devicesTab .my-device-more-menu-icon + .dropdown-container ul li {
  line-height: 15px;
  padding: 0;
  display: table;
}
.page-eServiceStructureDetailsPage div#devicesTab .my-device-more-menu-icon + .dropdown-container ul li span {
  display: table-cell;
  vertical-align: middle;
}
.delete-structure-modal .modal-content {
  max-width: 450px;
}
.delete-structure-modal .btn {
  width: 167px;
}
.delete-structure-modal #deleteStructure .delete-structure-content {
  font-size: 16px;
}
.delete-structure-modal .button-alignment-ok,
.delete-structure-modal .button-alignment {
  margin: 20px 0;
}
.disabled-read-write {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}
.request-form-popup .selectRequest {
  min-width: 44.5%;
}
.request-form-popup .requestFormFieldWidth {
  min-width: 48.8%;
}
.request-form-popup .requestFormFieldWidth .fa-check {
  right: -20px !important;
}
.ownerChange .modal-content {
  width: 450px;
}
.ownerChange .ownership-content {
  font-size: 16px;
  font-weight: 400;
  padding: 40px;
}
.ownerChange .cancel-btn {
  background-color: #f3f3f3;
}
.owner-section.user-owner {
  opacity: 0.7;
  cursor: not-allowed;
}
.eservice-editable-input {
  width: 188px;
  height: 35px;
  border: 1px solid #cccccc;
  padding-left: 10px;
  background: #fcfcfc;
  outline: none;
}
.eservice-editable-input.is-blocked-forprocessing {
  opacity: 0.5;
  pointer-events: none;
}
.is-parent-blocked-forprocessing {
  cursor: not-allowed !important;
}
.eservice-savecancel-section {
  text-align: right;
  padding-right: 0;
}
.eservice-savecancel-section .button-wrapper-disabled {
  cursor: not-allowed !important;
}
.eservice-savecancel-section a,
.eservice-savecancel-section button {
  line-height: 30px;
}
.eservice-savecancel-section a.button-disabled,
.eservice-savecancel-section button.button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.eservice-location-editable-input {
  width: 280px;
  height: 35px;
  border: 1px solid #cccccc;
  padding-left: 10px;
  background: #fcfcfc;
  outline: none;
}
.eservice-location-editable-input.is-blocked-forprocessing-location {
  opacity: 0.5;
  pointer-events: none;
}
.eservice-location-savecancel-section {
  text-align: right;
  padding-right: 0;
}
.eservice-location-savecancel-section .button-wrapper-disabled {
  cursor: not-allowed !important;
}
.eservice-location-savecancel-section a,
.eservice-location-savecancel-section button {
  line-height: 30px;
}
.eservice-location-savecancel-section a.button-disabled,
.eservice-location-savecancel-section button.button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.eservicedevice-changes-info-popup {
  width: 354px;
  margin: 0 auto 20px auto;
  color: #434343;
  font-size: 16px;
  line-height: 24px;
}
.custom-buttons {
  min-width: 167px;
  height: 40px;
}
.custom-buttons.cancel-button {
  background-color: #f3f3f3;
  border: none;
  outline: none;
  color: #434343;
  font-weight: 400;
}
div#globalMessageDeviceBlock {
  max-width: 500px;
  margin-top: 10px;
}
div#globalMessageDeviceBlock .alert.alert-bar ul.notificationicon {
  padding: 5px !important;
}
div#globalMessageDeviceBlock .alert.alert-bar ul.notificationicon li span {
  vertical-align: top;
}
div#globalMessageDeviceLocationSectionBlock {
  max-width: 550px;
  margin-top: 10px;
}
div#globalMessageDeviceLocationSectionBlock .alert.alert-bar {
  padding-right: 15px;
}
div#globalMessageDeviceLocationSectionBlock .alert.alert-bar ul.notificationicon {
  padding: 8px !important;
}
div#globalMessageDeviceLocationSectionBlock .alert.alert-bar ul.notificationicon li span {
  vertical-align: top;
}
.structure-details-wrapper .radio label::before {
  margin-left: -15pt;
}
.page-eServiceDeviceDetailsPage .request-form-popup .contact_us_field .form-control-feedback.fa-times {
  top: 44px;
}
.page-eServiceDeviceDetailsPage .request-form-popup .contact_us_field .form-control-feedback {
  right: -15px;
}
.page-eServiceDeviceDetailsPage .request-form-popup .contact-info-technician-section #contactInfoTitle {
  width: 100%;
}
.page-eServiceDeviceDetailsPage .request-form-popup .contact-info-technician-section .request-submit-label {
  width: 48.8%;
}
.modal .modal-title {
  background-color: #009cdd;
  color: #ffffff;
  float: left;
  padding: 0 15px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  font-family: Roboto;
  min-width: 200px;
  line-height: 40px;
}
.btn.btn-no {
  background-color: #f3f3f3;
  color: #555555;
}
.eco3-icon.request-service-icon {
  background-image: url(../images/request-service.svg);
  background-size: initial !important;
  background-repeat: no-repeat;
  width: 20px;
  margin-right: 13px;
}
.eco3-icon.remove-device-icon {
  background-image: url(../images/remove-device.svg);
  background-size: initial !important;
  background-repeat: no-repeat;
  width: 20px;
  margin-right: 13px;
}
.eco3-icon.assign-to-structure-icon {
  background-image: url(../images/add-to-structure.svg);
  background-size: initial !important;
  background-repeat: no-repeat;
  width: 20px;
  margin-right: 13px;
}
button.eservice-actions-button {
  width: 180px !important;
  min-width: 110px;
  height: 40px;
}
.e-service-table .show-entries-section {
  padding-left: 0;
  padding-right: 0;
}
.request-service-dropdown select#serviceRequest {
  text-transform: initial;
}
.page-eServiceDeviceListPage div#e-services-structure-list-wrapper .eservice-device-list-container .structure-wrapper .structure-line-item-wrapper .structure-line-item {
  cursor: default;
}
.page-eServiceDeviceDetailsPage .popover-content a {
  text-decoration: none !important;
}
#device-details-page div#collapseThree .eco3-globalMessages.calibration-certificate-error .alert-error ul {
  padding-left: 10px;
}
.product-type-li {
  line-height: 20px !important;
  text-align: left;
  padding-bottom: 20px;
  font-weight: 400;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.display-messages {
  width: 321px;
  height: 160px;
  margin: 0 auto;
  align-content: center;
}
.display-messages .popup-body {
  margin-bottom: 20px;
}
.deviceAccessModalWidth {
  width: 450px;
}
.request-form-popup .select-request-fields .po-number-field {
  display: inline-grid;
  margin: 0 0 0 37px;
  padding: 0 0 0 20px;
}
.request-form-popup .select-request-fields .po-number-field label {
  margin-bottom: 0;
}
.request-form-popup .select-request-fields .po-number-field label span.bgcolor-popover .eco3-icon.icon-info-circle {
  margin-top: 2px;
  height: 27px;
  top: -2px;
  float: none;
  vertical-align: middle;
}
.request-form-popup .select-request-fields .po-number-field .fa.fa-check {
  left: 345px;
  top: 37px;
}
.request-form-popup .select-request-fields .po-number-field #poNumberInput {
  padding: 6px 12px;
  height: 35px;
}
.request-form-popup .date-services .choose-date-picker {
  padding-left: 20px;
}
.no-device-found {
  min-height: 318px;
  margin: 30px auto;
}
.no-device-found .device-search {
  max-width: 500px;
  display: flex;
  margin: 20px auto 40px;
  text-align: left;
}
.no-device-found .device-search span i {
  width: 48px;
  height: 48px;
  background-size: 48px;
  cursor: default;
  position: relative;
  top: 12px;
}
.no-device-found .device-search .device-for {
  height: 72px;
  width: 442px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #666666;
  margin-left: 10px;
}
.no-device-found .device-search .device-for .device-data {
  font-weight: 500;
}
.no-device-found .document-library-box {
  height: 212px;
  box-shadow: 0 1px 5px 1px #cccccc;
  margin: 40px auto 100px;
  max-width: 240px;
  text-align: left;
  padding: 20px;
}
.no-device-found .document-library-box .doc-icon {
  width: 72px;
  height: 72px;
  background-size: 72px;
  margin: auto;
  background-image: url("../images/collaterals-tile.svg");
}
.no-device-found .document-library-box .doc-text {
  color: #009cdd;
  font-weight: 700;
  padding: 10px 0px;
}
.no-device-found .document-library-box .document-library-url {
  color: #009cdd;
  font-weight: 400;
  cursor: pointer;
}
/* END */
/******************************************************************************************************************
/* File Name        : eservice-device-list-media-query.less							 
/* Created By       : Nayan Narvekar
/* Created Date     : 13-Feb-2020
/* Description      : This is less code for the eservice device list mobile/tablet resolution
/*******************************************************************************************************************/
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
 /* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .page-eServiceDeviceDetailsPage #breadcrumb .breadcrumb li.active {
    word-break: break-word;
    width: 79%;
    margin: 0;
    padding-left: 0;
  }
  #device-details-page {
    max-width: 320px;
  }
  #device-details-page .Calibration-tab-section .eco3-tabbable .nav-tabs li a {
    min-width: 200px !important;
  }
  #device-details-page .Calibration-tab-section .eco3-globalMessages ul {
    padding-left: 0px !important;
  }
  #device-details-page .primary-image-wrapper {
    width: 200px;
    height: 200px;
    margin: 20px auto;
    float: none;
  }
  #device-details-page .device-table-section-wrapper table {
    margin-bottom: 0px;
  }
  #device-details-page .device-table-section-wrapper table .device-table-section-cell {
    padding-top: 0 !important;
  }
  #device-details-page .device-section-tittle {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #device-details-page .recommendation-section-text {
    padding-left: 8px !important;
    padding-right: 0 !important;
  }
  #device-details-page .recommendation-section {
    min-height: 10px;
    overflow: hidden;
  }
  #device-details-page .device-primary-properties-wrapper {
    max-width: 320px !important;
  }
  #device-details-page .device-primary-properties-wrapper .service-request-button {
    width: 100%;
  }
  #device-details-page .device-primary-properties-wrapper .details-section-first {
    width: 320px;
    min-height: 10px;
    overflow: hidden;
  }
  #device-details-page .device-primary-properties-wrapper .details-section-first .device-label-section .label-message {
    max-width: 100% !important;
  }
  #device-details-page .device-primary-properties-wrapper .details-section-first .device-label-section .label-section {
    padding-left: 0 !important;
  }
  #device-details-page .device-primary-properties-wrapper .details-section-first .device-label-section .value-section {
    padding-left: 0 !important;
  }
  #device-details-page .device-table-section-row .eservice-coverage {
    width: 35% !important;
    padding: 0px 0px 0px 0px !important;
  }
  #device-details-page .device-primary-login-wrapper {
    margin-top: 20px;
  }
  #device-details-page .device-primary-login-wrapper .request-access-section-header {
    text-align: left;
  }
  #device-details-page .device-primary-login-wrapper .request-access-section-login-buttons {
    padding-bottom: 20px;
  }
  #device-details-page .device-primary-login-wrapper .request-access-section-login-buttons .request-access-section-login-buttons-inner {
    flex-direction: column;
    align-items: center;
  }
  #device-details-page .device-primary-login-wrapper .request-access-section-login-buttons .request-access-section-login-buttons-inner .button {
    margin: 10px 0;
  }
  #device-details-page .device-info-wrapper .details-section-first {
    min-height: 10px;
    overflow: hidden;
  }
  #device-details-page .device-info-wrapper .details-section-first .device-label-section .label-section {
    width: 100%;
  }
  #device-details-page .device-info-wrapper .details-section-first .device-label-section .value-section {
    width: 100%;
  }
  #device-details-page .device-info-wrapper .row.details-section .device-label-section.warranty-date,
  #device-details-page .device-info-wrapper .row.details-section .device-label-section.calibration-date-margin {
    margin-top: 10px;
  }
  #device-details-page .device-info-wrapper .row.details-section .device-label-section a.device-info-link {
    top: 4px;
  }
  #device-details-page .device-info-wrapper .row.details-section .long-recommendation-text {
    display: contents;
  }
  #device-details-page .device-info-wrapper .row.details-section .location-notes {
    text-align: left;
    font-size: 16px;
    padding-left: 20px;
  }
  #device-details-page #dynamic-device-product-name h3.panel-title {
    line-height: 25px;
  }
  #device-details-page #dynamic-device-product-name h3.panel-title span#dynamic-product-category-page {
    display: block;
  }
  #device-details-page .productPrimaryImage .prod_image_main img {
    max-height: 200px;
    max-width: 200px;
  }
  #device-details-page #accordionSystemInformation {
    padding: 12px;
  }
  #device-details-page #accordionSystemInformation .system-information-table {
    padding: 0 !important;
  }
  #device-details-page #accordionSystemInformation table.dataTable {
    margin: 0;
  }
  #device-details-page #accordionSystemInformation table.dataTable tbody tr.child ul.dtr-details {
    background: #f4f4f4 !important;
    opacity: 1;
    padding: 10px 25px 0 25px;
    width: 100%;
    text-align: left;
  }
  #device-details-page #accordionSystemInformation table.dataTable tbody tr.child ul.dtr-details li:first-child {
    border-bottom: 0;
  }
  #device-details-page #accordionSystemInformation table.dataTable tbody tr.child ul.dtr-details li:last-child .mobile-expand-dtr-value {
    margin-left: -11px;
  }
  #device-details-page #accordionSystemInformation .device-serial {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #device-details-page #accordionSystemInformation #system-info-details-header .accordion-toggle:after {
    right: 5px !important;
  }
  #device-details-page .panel-body {
    padding: 0;
  }
  #device-details-page .panel-body table.calibration-certificate-table,
  #device-details-page .panel-body table.system-information-table {
    margin-bottom: 0;
  }
  #device-details-page .panel-body table.calibration-certificate-table .mobile-expand-dtr-value,
  #device-details-page .panel-body table.system-information-table .mobile-expand-dtr-value {
    display: inline;
  }
  #device-details-page .panel-body table.calibration-certificate-table tbody > tr.child span.dtr-title:after,
  #device-details-page .panel-body table.system-information-table tbody > tr.child span.dtr-title:after {
    content: ":";
  }
  #device-details-page .recommendation-section .icon-info-circle {
    float: left;
  }
  #device-details-page .recommendation-section .recommendation-section-text {
    text-align: left;
  }
  #device-details-page .recommendation-section .recommendation-section-text .recommendation-info-icon {
    padding: 0px 0px 0px 0px !important;
  }
  #device-details-page .recommendation-section .recommendation-section-text .contact-service-section {
    display: inline;
  }
  #device-details-page .recommendation-section .recommendation-section-text .eco3-icon.orange-exclamation-icon,
  #device-details-page .recommendation-section .recommendation-section-text span,
  #device-details-page .recommendation-section .recommendation-section-text .icon-info-circle {
    display: table-cell;
    right: 8px;
    text-align: left;
    vertical-align: top;
    top: 0 !important;
  }
  #device-details-page .recommendation-section .recommendation-section-text .icon-info-circle {
    right: 5px;
    top: 2px !important;
  }
  #device-details-page .recommendation-section .recommendation-section-text span.contact-text {
    display: block;
    padding: 17px;
  }
  #device-details-page .recommendation-section .recommendation-section-text span.text-color-orange {
    display: inline-block !important;
    color: #fd9927;
    font-weight: 600;
  }
  #device-details-page .recommendation-section .detailspage {
    float: none;
  }
  #device-details-page .recommendation-section span.service-request-button-singleLine {
    padding-top: 20px;
    text-align: center;
    display: block;
  }
  #device-details-page .recommendation-section span.orange-go {
    color: #fd9927 !important;
    font-size: 12pt;
    display: inline;
  }
  #device-details-page div#collapseThree .e-datepicker {
    width: 97% !important;
    margin-bottom: 0 !important;
  }
  #device-details-page div#collapseThree .e-services-datepicker-container {
    padding-left: 0;
    padding-right: 0;
  }
  #device-details-page div#collapseThree .e-services-datepicker-container .date-to-alignment {
    margin-left: 10px;
  }
  #device-details-page div#collapseThree .e-services-datepicker-container .date-alignment {
    margin-right: 0px !important;
  }
  #device-details-page div#collapseThree .date-alignment,
  #device-details-page div#collapseThree .date-label {
    padding-left: 0;
    margin-right: 0 !important;
    padding-right: 0;
  }
  #device-details-page div#collapseThree .service-alignment {
    text-align: center !important;
    margin-bottom: 30px;
  }
  #device-details-page div#collapseThree .eco3-globalMessages ul {
    padding-left: 0;
  }
  #device-details-page div#collapseThree .eco3-globalMessages .alert-error ul {
    padding-left: 0;
  }
  #device-details-page div#collapseThree #certificate-list-table {
    padding-right: 0;
  }
  #device-details-page div#collapseThree #certificate-list-table table.dataTable {
    max-width: 100%;
  }
  #device-details-page div#collapseThree #certificate-list-table table.dataTable tbody td:last-child {
    padding: 0 !important;
  }
  #device-details-page div#collapseThree #certificate-list-table table.dataTable tbody tr.child ul.dtr-details {
    padding: 20px 25px 20px 25px;
  }
  #device-details-page div#collapseThree #certificate-list-table table.dataTable tbody tr.child ul.dtr-details li {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }
  #device-details-page div#collapseThree #certificate-list-table .device-serial {
    max-width: 260px;
  }
  #device-details-page div#collapseThree .error-alignment {
    padding-left: 0;
    padding-right: 0;
  }
  #device-details-page .device-calibration-certificate-section .panel-body #globalMessages {
    text-align: center;
  }
  #device-details-page .device-calibration-certificate-section .panel-body #globalMessages li span {
    text-align: left !important;
  }
  #device-details-page .device-calibration-certificate-section .panel-body #globalMessages li span a {
    text-decoration: underline;
    font-size: 11pt;
  }
  #device-details-page .device-calibration-certificate-section .certificate-search-back-btn-wrapper {
    margin-right: 0 !important;
  }
  #device-calibration-certificate-section .eco3-table-pegination {
    overflow: scroll;
  }
  .eservice-device-list-container {
    border-top: 1px solid #d9d9d9;
  }
  .eservice-device-list-container .e-service-table {
    margin-top: 15px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section {
    text-align: left;
    margin-bottom: 20px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .selectAll-addtomyDevice-wrapper .selectall.selectall-wrapper {
    display: block;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .selectAll-addtomyDevice-wrapper .add-all-devices {
    float: none !important;
    margin: 20px auto 0px auto;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .selectAll-addtomyDevice-wrapper .alertpopup-lg {
    margin-bottom: -180px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .show-entries-section-select-dropdown select {
    width: 55px;
    height: 30px;
    padding-left: 13px;
    margin: 0 5px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .show-entries-section-label {
    margin-bottom: 5px;
    font-size: 11pt;
    color: #333333;
    font-weight: 700;
  }
  .eservice-device-list-container .e-service-table table {
    width: 98% !important;
    margin-bottom: 30px !important;
    margin-left: 0 !important;
  }
  .eservice-device-list-container .e-service-table table td {
    font-size: 14px !important;
  }
  .eservice-device-list-container .e-service-table table td .serial-no-device {
    margin-right: 0 !important;
  }
  .eservice-device-list-container .e-service-table table td .device-label-section {
    padding-left: 25px !important;
    display: inline-block;
  }
  .eservice-device-list-container .e-service-table table td .productPrimaryImage img {
    max-height: 90px !important;
    max-width: 90px !important;
    margin: 5px 0;
  }
  .eservice-device-list-container .e-service-table table .child .device-location-section {
    display: inline-block;
    padding-left: 60px;
  }
  .eservice-device-list-container .e-service-table table .child .dtr-details li .dtr-title {
    margin-right: 20px;
  }
  .eservice-device-list-container .e-service-table table .child .dtr-details li .asset-tag-value,
  .eservice-device-list-container .e-service-table table .child .dtr-details li .calibration-date-value {
    margin-left: 10px;
  }
  .eservice-device-list-container .e-service-table table .child .dtr-details li:first-child .system-id-value,
  .eservice-device-list-container .e-service-table table .child .dtr-details li:first-child .cost-center-value {
    margin-left: 10px;
  }
  .eservice-device-list-container .e-service-table table .cal,
  .eservice-device-list-container .e-service-table table .pm,
  .eservice-device-list-container .e-service-table table .rep {
    background-color: forestgreen;
    color: white;
    font-size: 13px;
    line-height: 20px;
    width: 40px;
    height: 20px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
  }
  .eservice-device-list-container .e-service-table table .show-address-link {
    display: table;
    margin-left: 60px;
  }
  .eservice-device-list-container .e-service-table table .show-address-link .icon-show-eye-image,
  .eservice-device-list-container .e-service-table table .show-address-link .icon-hide-eye-image {
    display: table-cell;
    vertical-align: middle;
  }
  .eservice-device-list-container .e-service-table table .show-address-link .hide-address-label {
    cursor: pointer;
    user-select: none;
    display: table-cell;
    vertical-align: middle;
    text-decoration: underline;
  }
  .eservice-device-list-container .e-service-table table .detailed-address-content {
    display: inline-block;
    padding-left: 60px;
  }
  .eservice-device-list-container .e-service-table .default-image {
    padding-left: 0;
  }
  .eservice-device-list-container .e-service-table .eservice-actions-button {
    display: block;
    margin: 20px auto 0px auto;
    float: none !important;
  }
  .eservice-device-list-container .e-service-table .actions-dropdown-container {
    text-align: start;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 225px;
  }
  .eservice-device-list-container .eservice-pagination {
    margin-right: 5px;
  }
  .assign-device-to-structure-form-popup {
    padding: 10px !important;
  }
  .assign-device-to-structure-form-popup .search-structures-js {
    width: 116%;
  }
  .assign-device-to-structure-form-popup .assign-device-to-structure-btn-wrapper {
    width: 100% !important;
  }
  .assign-device-to-structure-form-popup .table-responsive {
    border: none !important;
  }
  .assign-device-to-structure-form-popup .eco3-table table.dataTable {
    margin-bottom: 0 !important;
  }
  #e-services-list-wrapper,
  #e-services-all-device-list-wrapper {
    margin: 0;
  }
  #e-services-list-wrapper .mobile-alignment-buttons,
  #e-services-all-device-list-wrapper .mobile-alignment-buttons {
    min-width: auto;
    width: 45%;
  }
  #e-services-list-wrapper #PartsSupplyBox,
  #e-services-all-device-list-wrapper #PartsSupplyBox,
  #e-services-list-wrapper #calibrationDevice,
  #e-services-all-device-list-wrapper #calibrationDevice,
  #e-services-list-wrapper #warrantyDevice,
  #e-services-all-device-list-wrapper #warrantyDevice {
    float: left;
  }
  #e-services-list-wrapper .components-text-align,
  #e-services-all-device-list-wrapper .components-text-align {
    text-align: center;
    padding-left: 2px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #e-services-list-wrapper .info-icon .eco3-icon.icon-info-circle,
  #e-services-all-device-list-wrapper .info-icon .eco3-icon.icon-info-circle {
    margin-left: -20px !important;
  }
  #e-services-list-wrapper .e-service-box,
  #e-services-all-device-list-wrapper .e-service-box {
    padding-left: 5px;
    padding-right: 0;
    float: left;
    margin-right: 7px;
    margin-left: 7px;
  }
  #e-services-list-wrapper .e-service-box .e-service-number,
  #e-services-all-device-list-wrapper .e-service-box .e-service-number {
    margin-top: 30px !important;
  }
  #e-services-list-wrapper .e-service-box .count-no-align,
  #e-services-all-device-list-wrapper .e-service-box .count-no-align {
    margin-top: 30px;
  }
  #e-services-list-wrapper .e-service-box .mob-checkmark-align,
  #e-services-all-device-list-wrapper .e-service-box .mob-checkmark-align {
    position: absolute;
    margin-left: 45px;
  }
  #e-services-list-wrapper .e-service-box .e-icon,
  #e-services-all-device-list-wrapper .e-service-box .e-icon,
  #e-services-list-wrapper .e-service-box .get-pocket-icon,
  #e-services-all-device-list-wrapper .e-service-box .get-pocket-icon,
  #e-services-list-wrapper .e-service-box .hourglass-icon,
  #e-services-all-device-list-wrapper .e-service-box .hourglass-icon {
    margin-top: 10px;
  }
  #e-services-list-wrapper .e-service-box .parts-checkmark-icon,
  #e-services-all-device-list-wrapper .e-service-box .parts-checkmark-icon {
    margin-top: 20px;
  }
  #e-services-list-wrapper .warranty-icon,
  #e-services-all-device-list-wrapper .warranty-icon {
    margin-top: -13px;
    margin-left: 40px;
  }
  #e-services-list-wrapper .eservice-device-warning-container .warning-section .service-request-button,
  #e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .service-request-button {
    display: table-row;
    padding-left: 0;
  }
  #e-services-list-wrapper .eservice-device-warning-container .warning-section .warning,
  #e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .warning {
    padding-bottom: 15px;
  }
  #e-services-list-wrapper .eservice-device-warning-container .warning-section .warning .warning-text,
  #e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .warning .warning-text {
    max-width: 280px;
    padding-left: 10px;
  }
  /* Eservice filter popup Accordion Start */
  #mtModal .ms-options-wrap .dropdown-content {
    text-align: left;
  }
  #mtModal .ms-options-wrap .dropdown-content li {
    float: left;
    clear: both;
  }
  #mtModal .ms-options-wrap .clear-checkbox {
    display: inline-block;
    float: right;
    padding-right: 0;
  }
  .sm-xs-filter-sub-container .panel-group {
    margin-bottom: 0px !important;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-heading .facet-name {
    color: #666666;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-heading .accordion-toggle.collapsed:after {
    background: url(../images/grey-arrow-down.svg) no-repeat;
    top: -2px;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-heading .accordion-toggle:after {
    background: url(../images/grey-arrow-up.svg) no-repeat;
    top: -2px;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-body .allFacetValues {
    padding-left: 5px;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-body .service-coverage-section {
    margin: 17px auto 0px -10px !important;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-body .no-padding.date-filter {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-body .no-padding {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm-xs-filter-sub-container .dropdown-list {
    margin: 0 auto;
    overflow: auto;
    padding-left: 0;
  }
  .sm-xs-filter-sub-container .dropdown-list li {
    margin: 10px auto 0px -10px;
    list-style-type: none;
  }
  .sm-xs-filter-sub-container .dropdown-list li:nth-last-child(1) {
    text-align: right;
    overflow: auto;
  }
  .sm-xs-filter-sub-container .dropdown-list li .text-input {
    width: 100%;
    padding-right: 10px;
  }
  .sm-xs-filter-sub-container .dropdown-list li .text-input::-webkit-input-placeholder {
    /* WebKit browsers */
    text-align: right;
  }
  .sm-xs-filter-sub-container .dropdown-list li .text-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-align: right;
  }
  .sm-xs-filter-sub-container .dropdown-list li .text-input::-moz-placeholder {
    text-align: right;
  }
  .sm-xs-filter-sub-container .dropdown-list li .text-input:-ms-input-placeholder {
    /* Internet Explorer 10 */
    text-align: right;
  }
  .sm-xs-filter-sub-container .dropdown-list li .text-input::placeholder {
    text-align: right;
  }
  .sm-xs-filter-sub-container .dropdown-list li .select-input {
    width: 100%;
    border-radius: 0;
    border: 1px solid #cccccc;
  }
  .sm-xs-filter-sub-container .sm-xs-eservice-button {
    width: 120px;
    min-width: 120px;
    margin-right: 10px;
  }
  .sm-xs-filter-sub-container .filter-icon {
    display: inline-block !important;
    position: relative;
    top: 20px;
  }
  .sm-xs-filter-button {
    margin: 0 auto 20px auto;
    width: auto !important;
    min-width: 160px;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap {
    height: 40px;
    margin: 10px 0;
    position: relative;
    width: 100%;
    box-shadow: none;
    border: none !important;
    outline: none;
    max-height: 40px !important;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap .ms-options {
    box-shadow: none;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap .ms-options .ms-search input {
    border: 1px solid #cccccc;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap button {
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    display: inline-block;
    height: 40px;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap button span {
    font-size: 12pt;
    font-weight: 400;
    padding: 10px;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap .drop-down-arrow {
    background-image: url(../images/grey-arrow-down.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 93%;
    background-size: 24px;
    display: table-cell;
    background-color: #f3f3f3;
    cursor: pointer;
    color: #666666;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap .down-arrow {
    background-image: url(../images/grey-arrow-up.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 93%;
    background-size: 24px;
    display: table-cell;
    background-color: #f3f3f3;
    cursor: pointer;
    color: #666666;
  }
  .sm-xs-filter-sub-container .device-access-denied-error-container.device-error-container {
    margin-top: 20px;
  }
  .sm-xs-filter-sub-container .device-access-denied-error-container.device-error-container .global-messages-section-server-error {
    margin-top: 120px;
    margin-bottom: 40px;
  }
  .sm-xs-filter-sub-container .device-access-denied-error-container.device-error-container .global-messages-section-server-error .alert.alert-bar span:first-child {
    background-position: left;
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .request-form-popup,
  .contact-us-for-atp-popup {
    padding: 0 10px;
  }
  .request-form-popup #e-request-table,
  .contact-us-for-atp-popup #e-request-table {
    width: 90% !important;
  }
  .request-form-popup #e-request-table .device-label-section,
  .contact-us-for-atp-popup #e-request-table .device-label-section {
    display: flex;
    flex-wrap: wrap;
  }
  .request-form-popup #e-request-table .device-label-section .label-section .eservice-coverage,
  .contact-us-for-atp-popup #e-request-table .device-label-section .label-section .eservice-coverage {
    padding-left: 0;
    padding-right: 0;
    min-width: 55px;
    width: 25%;
  }
  .request-form-popup .device-details-label,
  .contact-us-for-atp-popup .device-details-label {
    margin-top: 20px;
  }
  .request-form-popup .field-right-align,
  .contact-us-for-atp-popup .field-right-align {
    float: left;
  }
  .request-form-popup .send-btn-align,
  .contact-us-for-atp-popup .send-btn-align {
    text-align: center;
    margin-right: 0;
  }
  .request-form-popup .send-btn-align .submitBtn,
  .contact-us-for-atp-popup .send-btn-align .submitBtn {
    min-width: 200px !important;
  }
  .request-form-popup .cheader,
  .contact-us-for-atp-popup .cheader {
    margin-left: 16%;
  }
  .request-form-popup .repair-contract-notification,
  .contact-us-for-atp-popup .repair-contract-notification {
    margin-right: 15px;
  }
  .request-form-popup table.dataTable > tbody > tr.child span.dtr-title,
  .contact-us-for-atp-popup table.dataTable > tbody > tr.child span.dtr-title {
    padding-right: 20px;
  }
  .request-form-popup table.dataTable > tbody > tr.child span.dtr-title.dtr-title:after,
  .contact-us-for-atp-popup table.dataTable > tbody > tr.child span.dtr-title.dtr-title:after {
    content: ":" !important;
  }
  .request-form-popup .eco3-icon.small-info-circle,
  .contact-us-for-atp-popup .eco3-icon.small-info-circle {
    top: 10px;
    cursor: default;
  }
  .request-form-popup .requestFormFieldWidth .fa-check,
  .contact-us-for-atp-popup .requestFormFieldWidth .fa-check {
    right: -15px !important;
  }
  .page-eServiceDeviceDetailsPage .requestFormClass,
  .page-eServiceDeviceListPage .requestFormClass {
    width: 100% !important;
  }
  .page-eServiceDeviceDetailsPage .show-more-btn .btn,
  .page-eServiceDeviceListPage .show-more-btn .btn,
  .page-eServiceDeviceDetailsPage .show-less-btn .btn,
  .page-eServiceDeviceListPage .show-less-btn .btn {
    width: 50px;
    min-width: 120px;
  }
  .page-publicDeviceDetailsPage .device-management-popup {
    padding: 10px 10px;
  }
  .page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section-inner {
    flex-direction: column;
  }
  .page-publicDeviceDetailsPage .device-management-popup .device-management-popup-data-container-section-inner .dm-popup-info-container:first-child {
    padding-bottom: 20px;
  }
  .details-section .product-sck-container {
    padding-right: 30px;
  }
  .width-action-btn-4,
  .width-action-btn-3,
  .width-action-btn-2 {
    min-width: 0 !important;
  }
  .request-form-popup .popup-warning-section-listing,
  .contact-us-for-atp-popup .popup-warning-section-listing {
    padding-left: 0;
  }
  .termsofuse-mobile {
    display: unset;
  }
  .termsofuse-desktop {
    display: none;
  }
  .selected-facet-values ul#ul-selected-values li.selected-values {
    margin-bottom: 10px;
  }
  .eservice-device-list-container .eservice-label-row.sort-by-container {
    display: block;
    overflow: hidden;
  }
  .eservice-device-list-container .eservice-label-row.sort-by-container #sorting_bar {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .eservice-device-list-container .eservice-label-row.sort-by-container #sorting_bar .sort_by_label {
    margin-bottom: 15px;
  }
  .eservice-device-list-container .eservice-label-row.sort-by-container #sorting_bar select.form-control {
    width: 100%;
  }
  .eservice-device-list-container .eservice-label-row.sort-by-container .show-entries {
    float: none;
    margin-top: 15px;
    text-align: left;
  }
  .eservice-device-list-container .eservice-pagination {
    float: left;
  }
  .eservice-device-list-container .device-list-records-label {
    clear: both;
    text-align: left;
    margin-bottom: 10px;
  }
  .eservice-device-list-container .flex-container {
    display: flex ;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .eservice-device-list-container .flex-container .item {
    flex: 0 0 115% !important;
  }
  .eservice-device-list-container .flex-container.flex-container-device .content.flex-container {
    position: relative;
    right: 55%;
  }
  .page-eServiceDeviceListPage #eserviceListContainer,
  .page-eServiceStructureDetailsPage #eserviceListContainer {
    margin: 0;
  }
  .page-eServiceDeviceListPage .add-all-devices,
  .page-eServiceStructureDetailsPage .add-all-devices {
    display: block;
  }
  .page-eServiceDeviceListPage .device-added-alert-popup,
  .page-eServiceStructureDetailsPage .device-added-alert-popup {
    position: absolute;
    padding: 0;
    text-align: center;
    right: 0;
    display: table;
    color: #ffffff;
    bottom: 250px;
    white-space: normal;
    width: 70% !important;
    left: 0;
    margin: 0 auto;
  }
  .page-eServiceDeviceListPage .structures-added-to-device,
  .page-eServiceStructureDetailsPage .structures-added-to-device {
    position: absolute;
    padding: 0;
    text-align: center;
    right: 0;
    display: table;
    color: #ffffff;
    bottom: 250px;
    white-space: normal;
    width: 70% !important;
    left: 0;
    margin: 0 auto;
  }
  .page-eServiceDeviceListPage .all-device-guide-text,
  .page-eServiceStructureDetailsPage .all-device-guide-text {
    width: 100% !important;
    display: block !important;
  }
  .page-eServiceDeviceListPage .all-device-guide-text.hide,
  .page-eServiceStructureDetailsPage .all-device-guide-text.hide {
    display: none !important;
  }
  .page-eServiceDeviceListPage .all-device-guide-text .info-text,
  .page-eServiceStructureDetailsPage .all-device-guide-text .info-text {
    text-align: left;
    margin-left: 10px;
  }
  .page-eServiceDeviceListPage .all-device-guide-text .favourite-star-icon-big,
  .page-eServiceStructureDetailsPage .all-device-guide-text .favourite-star-icon-big {
    width: 45px;
    height: 45px;
    text-align: center;
    display: block;
    margin: 0 auto 10px auto;
  }
  .page-eServiceDeviceListPage .my-device-guide-text,
  .page-eServiceStructureDetailsPage .my-device-guide-text {
    width: 80%;
  }
  .page-eServiceDeviceListPage .eservice-device-list-container .eservice-device-list-box header a,
  .page-eServiceStructureDetailsPage .eservice-device-list-container .eservice-device-list-box header a {
    max-width: 70%;
    display: inline-flex;
    line-height: 20px;
    align-items: center;
    vertical-align: middle;
    font-size: 15px;
    padding: 10px 0;
  }
  .page-eServiceDeviceListPage .eservice-device-list-container .eservice-device-list-box header a .product-type,
  .page-eServiceStructureDetailsPage .eservice-device-list-container .eservice-device-list-box header a .product-type {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-eServiceDeviceListPage #e-services-list-wrapper .eservice-device-list-box header,
  .page-eServiceStructureDetailsPage #e-services-list-wrapper .eservice-device-list-box header {
    padding: 5px 0px 5px 10px;
  }
  .page-eServiceDeviceListPage div#e-services-structure-list-wrapper .create-structure,
  .page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .create-structure {
    margin: 0 auto;
    float: none !important;
    text-align: center;
  }
  .structure-details-wrapper .structure-details-form-fields {
    width: 90%;
  }
  .structure-details-wrapper .structure-details-form-fields .form-group {
    margin-left: 0;
  }
  .structure-details-wrapper .structure-details-form-fields .email-input-adduser {
    padding-right: 0;
  }
  .structure-details-wrapper #usersTab ul.users-list li {
    min-height: 90px;
  }
  .structure-details-wrapper #usersTab ul.users-list li .email-text {
    width: 100%;
    word-break: break-word;
    margin: 10px 10px 10px 0;
  }
  .structure-details-wrapper #usersTab ul.users-list li .access-radio-type {
    margin: 0 30px 10px 0;
    width: 100%;
    float: left;
  }
  .structure-details-wrapper #usersTab ul.users-list li .access-radio-type .radio-block {
    float: left;
  }
  .structure-details-wrapper #usersTab ul.users-list li .access-radio-type .radio-block:first-child {
    margin-right: 10px;
  }
  .structure-details-wrapper #usersTab ul.users-list li .access-radio-type .radio-block label {
    padding-left: 5px;
  }
  .structure-details-wrapper #usersTab ul.users-list li .access-radio-type .owner-section {
    float: left;
    margin-left: 10px;
  }
  .structure-details-wrapper #usersTab ul.users-list li .access-radio-type .owner-section .owner-label {
    top: 2px;
  }
  .structure-details-wrapper #usersTab ul.users-list li .access-radio-type .user-delete-button .user-delete-icon {
    top: 0;
  }
  .structure-details-wrapper #devicesTab .device-notification .alert.alert-bar .global-alerts-icon.info-icon {
    margin-right: 10px !important;
  }
  .structure-details-wrapper ul.nav.list-tabs-mobile li,
  .structure-details-wrapper ul.nav.list-tabs-mobile a {
    min-width: 155px !important;
  }
  .structure-details-wrapper .user-conditions-msg .global-alerts-icon.icon-alert {
    margin-right: 0 !important;
  }
  .delete-structure-modal .button-alignment {
    margin: 0;
  }
  .delete-structure-modal .button-alignment-ok,
  .delete-structure-modal .button-alignment {
    text-align: center;
  }
  .delete-device-from-structure-form-popup .message-container {
    margin-bottom: 14px;
  }
  .delete-device-from-structure-form-popup .delete-device-from-structure-btn-wrapper .delete-device-from-structure-btn {
    margin: 10px 0 10px 0;
    width: 100% !important;
  }
  .ownerChange .modal-content {
    width: 100%;
  }
  .ownerChange .modal-content .btn {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .ownerChange .modal-content .btn-section {
    text-align: center;
  }
  .eservice-editable-input {
    width: 100%;
    max-width: 280px;
  }
  div#globalMessageDeviceBlock .alert.alert-bar {
    padding: 10px !important;
  }
  div#globalMessageDeviceLocationSectionBlock .alert.alert-bar {
    padding: 10px !important;
  }
  .eservicedevice-changes-info-popup {
    width: 280px;
  }
  .popupbutton .custom-buttons {
    min-width: 280px;
    margin-left: 0;
  }
  .popupbutton .custom-buttons.cancel-button {
    margin-right: 10px;
  }
  #device-details-page .Calibration-tab-section .calibration-tabs-top .eco3-globalMessages {
    width: 100%;
    height: auto;
    text-align: left !important;
  }
  #device-details-page .Calibration-tab-section .calibration-tabs-top .eco3-globalMessages .alert-info ul.notificationicon {
    text-align: left !important;
  }
  #device-details-page .Calibration-tab-section .calibration-tabs-top .eco3-globalMessages .alert-info ul.notificationicon li span {
    text-align: left !important;
  }
  #device-details-page .Calibration-tab-section .calibration-tabs-top .eco3-globalMessages .alert-info ul.notificationicon li span a.popup {
    color: #009cdd !important;
  }
  .product-specification-container {
    margin-left: -10px;
    margin-right: -10px;
    width: 340px;
  }
  .display-messages {
    width: 280px;
  }
  .deviceAccessModalWidth {
    width: 340px;
  }
  .request-service-dropdown .eco3-datepicker #dateSelection {
    width: 100% !important;
    float: none !important;
  }
  .request-form-popup .select-request-fields .po-number-field {
    padding: 0;
    margin: 0 0 20px 0;
  }
  .request-form-popup .select-request-fields .po-number-field .fa.fa-check {
    left: 302px;
  }
  .request-form-popup .date-services .choose-date-picker {
    padding-left: 0;
  }
  /* Eservice filter popup Accordion Ends */
  .device-document-filter-form-panel {
    display: flex;
    gap: 30px;
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .device-document-filter-form-panel .input-tile-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 90%;
  }
  .device-document-filter-form-panel .input-tile-section .form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .device-document-filter-form-panel .input-tile-section .form-group .ms-options-wrap .ms-search {
    text-align: center;
  }
  .device-document-filter-form-panel .input-tile-section .form-group .ms-options-wrap .ms-options {
    box-shadow: none;
  }
  .device-document-filter-form-panel .input-tile-section .form-group .ms-options-wrap button {
    width: 100%;
  }
  .device-document-filter-form-panel .input-tile-section .form-group label {
    height: auto;
  }
  .device-document-filter-form-panel .button-section {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .no-device-found .device-search {
    max-width: 320px;
  }
  .no-device-found .device-search span i {
    top: 22px;
  }
  .no-device-found .device-search .device-for {
    height: 96px;
    width: 262px;
  }
  .no-device-found .document-library-box {
    max-width: 320px;
  }
  /*****************************Mobile-End*********************************/
}
@media (min-width: 320px) and (max-width: 767px) and (max-width: 450px) {
  .page-eServiceDeviceListPage .eservice-device-list-container .eservice-device-list-box header a,
  .page-eServiceStructureDetailsPage .eservice-device-list-container .eservice-device-list-box header a {
    max-width: 60% !important;
  }
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  #e-services-list-wrapper .e-service-box .info-icon .parts-icon-align {
    margin-left: 43px;
  }
  #e-services-list-wrapper .e-service-box .info-icon .warranty-icon-align {
    margin-left: 90px;
  }
  .request-form-popup .cheader,
  .contact-us-for-atp-popup .cheader {
    margin-left: 21%;
  }
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1366px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .eservice-device-list-container .flex-container .item {
    flex: 0 50%	!important;
  }
  #device-details-page {
    max-width: 708px;
  }
  #device-details-page .device-primary-properties-wrapper {
    max-width: 388px;
  }
  #device-details-page .Calibration-tab-section .eco3-globalMessages ul {
    padding-left: 5px !important;
  }
  #device-details-page .device-info-wrapper .details-section-first {
    min-height: 10px;
    overflow: hidden;
    width: 388px;
  }
  #device-details-page .device-info-wrapper .details-section-first .device-label-section .label-section {
    max-width: 190px;
  }
  #device-details-page .device-info-wrapper .details-section-first .device-label-section .value-section {
    width: 172px;
  }
  #device-details-page .device-details-tab-header-wrapper .tab-menu-list-menu {
    min-width: 167px;
  }
  #device-details-page .device-details-tab-header-wrapper .tab-menu-list-menu-3 {
    min-width: 181px;
  }
  #device-details-page .device-table-section-row .eservice-coverage {
    width: 16% !important;
    padding: 0px 0px 0px 0px !important;
  }
  #device-details-page .highlighted-clickable {
    display: block;
  }
  #device-details-page div#collapseOne .row.form-section {
    padding: 15px;
  }
  #device-details-page #accordionSystemInformation #system-info-details-header .accordion-toggle:after {
    right: 7px;
  }
  #device-details-page .device-info-wrapper #system-info-details-header a {
    padding-left: 10px;
  }
  #device-details-page .device-info-wrapper .row.details-section .device-label-section a.device-info-link {
    top: 4px;
  }
  #device-details-page .device-info-wrapper .row.details-section .long-recommendation-text {
    display: inline;
  }
  #device-details-page .device-info-wrapper .row.details-section .location-notes {
    text-align: left;
    font-size: 16px;
  }
  #device-details-page .productPrimaryImage .prod_image_main img {
    max-width: 300px;
    width: 100%;
  }
  #device-details-page .recommendation-section .recommendation-section-text {
    text-align: left;
  }
  #device-details-page .recommendation-section .recommendation-section-text .recommendation-info-icon {
    padding: 10px 0px 0px 0px !important;
  }
  #device-details-page .recommendation-section .recommendation-section-text span.contact-text {
    display: block;
  }
  #device-details-page .recommendation-section .recommendation-section-text .eco3-icon.orange-exclamation-icon,
  #device-details-page .recommendation-section .recommendation-section-text span,
  #device-details-page .recommendation-section .recommendation-section-text .icon-info-circle {
    right: 12px !important;
    text-align: center;
  }
  #device-details-page .recommendation-section .recommendation-section-text .icon-info-circle {
    float: left;
    right: 10px !important;
    top: 2px;
  }
  #device-details-page .recommendation-section .detailspage {
    float: none;
  }
  #device-details-page .recommendation-section span.service-request-button-singleLine {
    padding-top: 20px;
    text-align: center;
    display: block;
  }
  #device-details-page div#collapseThree .e-datepicker {
    width: 150px !important;
  }
  #device-details-page div#collapseThree .e-services-datepicker-container {
    padding-left: 0;
  }
  #device-details-page div#collapseThree .date-alignment,
  #device-details-page div#collapseThree .date-label {
    padding-left: 0;
  }
  #device-details-page div#collapseThree .e-services-datepicker-container .date-alignment {
    margin-right: 30px !important;
  }
  #device-details-page div#collapseThree .eco3-globalMessages ul {
    padding-left: 75px;
  }
  #device-details-page div#collapseThree .eco3-globalMessages .alert-error ul {
    padding-left: 15px;
  }
  #device-details-page div#collapseThree #certificate-list-table table.dataTable {
    max-width: 100%;
  }
  #device-details-page .device-calibration-certificate-section .certificate-search-back-btn-wrapper {
    margin-right: 0 !important;
  }
  #device-details-page .device-calibration-certificate-section .eco3-tabbable .nav-tabs li a.certificate-tab {
    min-width: 220px !important;
  }
  #device-details-page .device-calibration-certificate-section .calibration-certificate-table .eco3-icon.icon-info-circle {
    margin-left: 1rem !important;
  }
  #device-details-page #accordionSystemInformation table.system-information-table tr th {
    width: 135px !important;
  }
  #device-details-page #accordionSystemInformation #system-info-details-header {
    padding-left: 0!important;
  }
  .eservice-device-list-container {
    border-top: 1px solid #d9d9d9;
  }
  .eservice-device-list-container .e-service-table {
    margin-top: 15px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section {
    text-align: left;
    margin-bottom: 20px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .show-entries-section-select-dropdown select {
    width: 55px;
    height: 30px;
    padding-left: 13px;
    margin: 0 5px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .show-entries-section-label {
    margin-bottom: 5px;
    font-size: 11pt;
    color: #333333;
    font-weight: 700;
  }
  .eservice-device-list-container .e-service-table table {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .eservice-device-list-container .e-service-table table th {
    width: 270px !important;
  }
  .eservice-device-list-container .e-service-table table td {
    font-size: 14px !important;
  }
  .eservice-device-list-container .e-service-table table td .device-label-section {
    padding-left: 25px !important;
    display: inline-block;
  }
  .eservice-device-list-container .e-service-table table .child .device-location-section {
    white-space: pre-line;
  }
  .eservice-device-list-container .e-service-table table .child .dtr-details li .dtr-title {
    margin-right: 20px;
  }
  .eservice-device-list-container .e-service-table table .product-info-column {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    width: 350px;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
  }
  .eservice-device-list-container .e-service-table table .product-info-column .device-image {
    display: table-cell;
    vertical-align: middle;
    width: 97px;
  }
  .eservice-device-list-container .e-service-table table .product-info-column .device-name {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
  }
  .eservice-device-list-container .e-service-table table .cal,
  .eservice-device-list-container .e-service-table table .pm,
  .eservice-device-list-container .e-service-table table .rep {
    background-color: forestgreen;
    color: white;
    font-size: 13px;
    line-height: 20px;
    width: 40px;
    height: 20px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
  }
  .eservice-device-list-container .e-service-table table .detailed-address-content {
    margin-left: 0 !important;
    padding-left: 0;
  }
  .eservice-device-list-container .e-service-table table .show-address-link {
    display: table;
    margin-left: -1px;
  }
  .eservice-device-list-container .e-service-table table .show-address-link .icon-show-eye-image,
  .eservice-device-list-container .e-service-table table .show-address-link .icon-hide-eye-image {
    display: table-cell;
    vertical-align: middle;
  }
  .eservice-device-list-container .e-service-table table .show-address-link .hide-address-label {
    cursor: pointer;
    user-select: none;
    display: table-cell;
    vertical-align: middle;
    text-decoration: underline;
  }
  .eservice-device-list-container .device-list-records-label {
    float: left;
    font-weight: 400;
    font-size: 11pt;
  }
  #e-services-list-wrapper,
  #e-services-all-device-list-wrapper {
    margin: 0;
  }
  #e-services-list-wrapper .e-service-box,
  #e-services-all-device-list-wrapper .e-service-box {
    width: 229px;
    min-width: 0;
  }
  #e-services-list-wrapper .e-service-box .count-no-align,
  #e-services-all-device-list-wrapper .e-service-box .count-no-align {
    margin-top: 30px;
  }
  #e-services-list-wrapper #insuranceDevice,
  #e-services-all-device-list-wrapper #insuranceDevice,
  #e-services-list-wrapper #warrantyDevice,
  #e-services-all-device-list-wrapper #warrantyDevice {
    float: left;
  }
  #e-services-list-wrapper #PartsSupplyBox .components-text-align,
  #e-services-all-device-list-wrapper #PartsSupplyBox .components-text-align {
    max-width: 125px;
  }
  #e-services-list-wrapper .eservice-device-warning-container .warning-section .service-request-button,
  #e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .service-request-button {
    display: table-row;
    padding-left: 0;
  }
  #e-services-list-wrapper .eservice-device-warning-container .warning-section .warning,
  #e-services-all-device-list-wrapper .eservice-device-warning-container .warning-section .warning {
    padding-bottom: 15px;
  }
  #e-services-list-wrapper .components-text-align,
  #e-services-all-device-list-wrapper .components-text-align {
    padding-left: 0;
    padding-right: 0;
  }
  .assign-device-to-structure-form-popup .search-structures-js {
    width: 108%;
  }
  /* Eservice filter popup Accordion Start */
  #mtModal .ms-options-wrap .dropdown-content {
    text-align: left;
  }
  #mtModal .ms-options-wrap .dropdown-content li {
    float: left;
    clear: both;
  }
  #mtModal .ms-options-wrap .clear-checkbox {
    display: inline-block;
    float: right;
    padding-right: 0;
    clear: both;
  }
  .sm-xs-filter-sub-container .panel-group {
    margin-bottom: 0px !important;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-heading .facet-name {
    color: #666666;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-heading .accordion-toggle.collapsed:after {
    background: url(../images/grey-arrow-down.svg) no-repeat;
    top: -2px;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-heading .accordion-toggle:after {
    background: url(../images/grey-arrow-up.svg) no-repeat;
    top: -2px;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-body .service-coverage-section {
    margin-top: 0px !important;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-body .no-padding {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm-xs-filter-sub-container .panel-group .accordion-group .accordion-body .no-padding .input-group {
    width: 88%;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .float-left {
    float: left;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .float-right {
    float: right;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list {
    padding: 0 !important;
    text-align: center;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li {
    margin: 15px auto 0px -10px;
    text-align: left;
    list-style-type: none;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li:nth-last-child(1) {
    text-align: right;
    margin-top: 20px;
    overflow: auto;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .eservice-label {
    display: block;
    font-weight: 500;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .eservice-label.sub-section-title {
    margin-bottom: 15px;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .text-input {
    width: 250px;
    padding-right: 10px;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .text-input::-webkit-input-placeholder {
    /* WebKit browsers */
    text-align: right;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .text-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-align: right;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .text-input::-moz-placeholder {
    text-align: right;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .text-input:-ms-input-placeholder {
    /* Internet Explorer 10 */
    text-align: right;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .text-input::placeholder {
    text-align: right;
  }
  .sm-xs-filter-sub-container #sm-xs-eservice-accordion .dropdown-list li .select-input {
    width: 250px;
    height: 32px;
    border-radius: 0;
    border: 1px solid #cccccc;
  }
  .sm-xs-filter-sub-container .sm-xs-eservice-button {
    width: 120px;
    margin-right: 10px;
  }
  .sm-xs-filter-sub-container .filter-icon,
  .sm-xs-filter-sub-container span.filter-icon.filled-filter-icon {
    display: inline-block !important;
    position: relative;
    top: 20px;
  }
  .sm-xs-filter-button {
    margin: 0 auto 20px auto;
    width: auto !important;
    min-width: 160px;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap {
    height: 40px;
    margin: 10px 0;
    position: relative;
    width: 100%;
    box-shadow: none;
    border: none !important;
    outline: none;
    max-height: 40px;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap .ms-options {
    box-shadow: none;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap .ms-options .ms-search input {
    border: 1px solid #cccccc;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap button {
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    display: inline-block;
    height: 40px;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap button span {
    font-size: 12pt;
    font-weight: 400;
    padding: 10px;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap .drop-down-arrow {
    background-image: url(../images/grey-arrow-down.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 97%;
    background-size: 24px;
    display: table-cell;
    background-color: #f3f3f3;
    cursor: pointer;
    color: #666666;
  }
  .sm-xs-filter-sub-container select + .ms-options-wrap .down-arrow {
    background-image: url(../images/grey-arrow-up.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 97%;
    background-size: 24px;
    display: table-cell;
    background-color: #f3f3f3;
    cursor: pointer;
    color: #666666;
  }
  .device-access-denied-error-container.device-error-container {
    margin-top: 140px;
    margin-bottom: 70px;
  }
  .request-form-popup,
  .contact-us-for-atp-popup {
    padding: 10px;
  }
  .request-form-popup select.form-control,
  .contact-us-for-atp-popup select.form-control {
    height: 35px !important;
    line-height: 32px !important;
  }
  .request-form-popup .popup-warning-section-listing,
  .contact-us-for-atp-popup .popup-warning-section-listing {
    padding: 0 15%;
  }
  .request-form-popup .popup-warning-section-device,
  .contact-us-for-atp-popup .popup-warning-section-device {
    padding: 0 15%;
  }
  .request-form-popup .request-service-dropdown select,
  .contact-us-for-atp-popup .request-service-dropdown select {
    width: 100%;
  }
  .request-form-popup .request-service-dropdown .eco3-datepicker,
  .contact-us-for-atp-popup .request-service-dropdown .eco3-datepicker {
    margin-bottom: 0;
  }
  .request-form-popup .requestFormFieldWidth .fa-check,
  .contact-us-for-atp-popup .requestFormFieldWidth .fa-check {
    right: -15px !important;
  }
  .page-eServiceDeviceDetailsPage .requestFormClass,
  .page-eServiceDeviceListPage .requestFormClass {
    margin-left: 0;
  }
  .width-action-btn-4,
  .width-action-btn-3 {
    min-width: 0 !important;
  }
  .width-action-btn-2 {
    min-width: 359px !important;
  }
  .termsofuse-mobile {
    display: none;
  }
  .termsofuse-desktop {
    display: unset;
  }
  .page-eServiceDeviceListPage #eserviceListContainer,
  .page-eServiceStructureDetailsPage #eserviceListContainer {
    margin: 0;
  }
  .page-eServiceDeviceListPage .add-all-devices,
  .page-eServiceStructureDetailsPage .add-all-devices {
    display: block;
  }
  .page-eServiceDeviceListPage .device-added-alert-popup,
  .page-eServiceStructureDetailsPage .device-added-alert-popup {
    position: absolute;
    padding: 0;
    text-align: center;
    right: 0;
    display: table;
    color: #ffffff;
    bottom: 250px;
    white-space: normal;
    width: 70% !important;
    left: 0;
    margin: 0 auto;
  }
  .page-eServiceDeviceListPage .structures-added-to-device,
  .page-eServiceStructureDetailsPage .structures-added-to-device {
    position: absolute;
    padding: 0;
    text-align: center;
    right: 0;
    display: table;
    color: #ffffff;
    bottom: 250px;
    white-space: normal;
    width: 70% !important;
    left: 0;
    margin: 0 auto;
  }
  .page-eServiceDeviceListPage .all-device-guide-text,
  .page-eServiceStructureDetailsPage .all-device-guide-text {
    width: 80%;
  }
  .page-eServiceDeviceListPage .all-device-guide-text .info-text,
  .page-eServiceStructureDetailsPage .all-device-guide-text .info-text {
    text-align: left;
    margin-left: 10px;
  }
  .page-eServiceDeviceListPage .my-device-guide-text,
  .page-eServiceStructureDetailsPage .my-device-guide-text {
    width: 80%;
  }
  .page-eServiceDeviceListPage .eservice-device-list-container .eservice-device-list-box header a,
  .page-eServiceStructureDetailsPage .eservice-device-list-container .eservice-device-list-box header a {
    max-width: 80%;
    display: inline-flex;
    line-height: 20px;
    align-items: center;
    vertical-align: middle;
    font-size: 15px;
    padding: 10px 0;
  }
  .page-eServiceDeviceListPage div#e-services-structure-list-wrapper .create-structure,
  .page-eServiceStructureDetailsPage div#e-services-structure-list-wrapper .create-structure {
    margin: 0 auto;
    float: none !important;
    text-align: center;
  }
  .page-eServiceDeviceListPage .modal-dialog,
  .page-eServiceStructureDetailsPage .modal-dialog {
    width: 730px;
  }
  .structure-details-wrapper .structure-details-form-fields {
    width: 80%;
  }
  .structure-details-wrapper #usersTab ul.users-list li .email-text {
    width: 50%;
  }
  .device-management-popup {
    padding: 10px 20px;
  }
  .product-specification-container {
    margin-left: -10px;
    margin-right: -10px;
    width: 728px;
  }
  .device-primary-login-wrapper {
    margin-top: 40px;
  }
  .request-form-popup .selectRequest select {
    width: 90%;
  }
  .request-form-popup .select-request-fields .po-number-field {
    padding: 0 0 0 20px;
    margin: 0;
  }
  .request-form-popup .select-request-fields .po-number-field .fa.fa-check {
    right: 38px;
  }
  .request-form-popup .select-request-fields .has-feedback.request-dropdown .form-control-feedback {
    right: 5px;
  }
  .request-form-popup .select-request-fields .has-feedback.request-dropdown .form-control-feedback .fa-check {
    right: 5px;
  }
  .device-document-filter-form-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
  }
  .device-document-filter-form-panel .input-tile-section {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
  .device-document-filter-form-panel .input-tile-section .form-group {
    display: flex;
    flex-direction: column;
    width: 260px;
  }
  .device-document-filter-form-panel .input-tile-section .form-group .ms-options-wrap .ms-search {
    text-align: center;
  }
  .device-document-filter-form-panel .input-tile-section .form-group .ms-options-wrap .ms-options {
    box-shadow: none;
  }
  .device-document-filter-form-panel .input-tile-section .form-group .ms-options-wrap button {
    width: 100%;
  }
  .device-document-filter-form-panel .input-tile-section .form-group label {
    height: auto;
  }
  .device-document-filter-form-panel .button-section {
    display: flex;
    gap: 20px;
  }
  .device-document-filter-form-panel .button-section .form-group {
    display: flex;
    flex-direction: column;
  }
  /* Eservice filter popup Accordion Ends */
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1367px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  #device-details-page .device-info-wrapper .row.details-section .device-label-section a.device-info-link {
    top: 3px;
  }
  #device-details-page .device-info-wrapper .row.details-section .long-recommendation-text {
    position: relative;
    left: 25px;
    bottom: 25px;
  }
  #device-details-page .device-info-wrapper .row.details-section .location-notes {
    text-align: left;
    font-size: 16px;
  }
  #device-details-page .device-info-wrapper .productPrimaryImage #primary_image .img-responsive {
    display: inherit !important;
    max-width: 100%;
  }
  #device-details-page #device-calibration-certificate-section .eco3-tabbable .nav-tabs {
    border-bottom: 0px !important;
  }
  #device-details-page #device-calibration-certificate-section .eco3-tabbable #globalMessages {
    margin-top: 10px !important;
  }
  #device-details-page #device-calibration-certificate-section .eco3-tabbable #globalMessages .eco3-globalMessages span a,
  #device-details-page #device-calibration-certificate-section .eco3-tabbable #globalMessages .eco3-globalMessages a:hover {
    color: #156da2;
    font-weight: 500;
    text-decoration: underline;
  }
  #device-details-page #device-calibration-certificate-section .calibration-certificate-table .eco3-icon.icon-info-circle {
    margin-left: 1rem !important;
  }
  .eservice-device-list-container .e-service-table .e-service-th-style td:nth-child(1) {
    padding-left: 0;
  }
  .eservice-device-list-container .e-service-table .e-service-th-style .device-location-section {
    word-break: break-word;
  }
  .eservice-device-list-container .e-service-table .device-label-section {
    min-width: 120px;
    text-align: left;
    cursor: pointer;
  }
  .eservice-device-list-container .e-service-table .show-entries-section {
    text-align: left;
    margin-bottom: 20px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .show-entries-section-select-dropdown select {
    width: 55px;
    height: 30px;
    padding-left: 13px;
    margin: 0 5px;
  }
  .eservice-device-list-container .e-service-table .show-entries-section .show-entries-section-label {
    margin-bottom: 5px;
    font-size: 11pt;
    color: #333333;
    font-weight: 700;
  }
  .eservice-device-list-container .e-service-table .serial-number {
    cursor: pointer;
  }
  .eservice-device-list-container .e-service-table .product-info-column {
    width: 350px;
    margin: 0 auto;
    display: table-cell;
    table-layout: fixed;
  }
  .eservice-device-list-container .e-service-table .product-info-column .device-image {
    display: table-cell;
    vertical-align: middle;
    width: 97px;
    cursor: pointer;
  }
  .eservice-device-list-container .e-service-table .product-info-column .device-name {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    cursor: pointer;
  }
  .eservice-device-list-container .e-service-table .show-address-link {
    display: table;
    margin-left: -4px;
  }
  .eservice-device-list-container .e-service-table .show-address-link .icon-show-eye-image,
  .eservice-device-list-container .e-service-table .show-address-link .icon-hide-eye-image {
    display: table-cell;
    vertical-align: middle;
  }
  .eservice-device-list-container .e-service-table .show-address-link .hide-address-label {
    cursor: pointer;
    user-select: none;
    display: table-cell;
    vertical-align: middle;
    text-decoration: underline;
  }
  .eservice-device-list-container .e-service-table .detailed-address-content {
    padding-left: 0;
  }
  .eservice-device-list-container .device-list-records-label {
    margin-left: 10px;
    float: left;
    font-weight: 400;
    font-size: 11pt;
  }
  #eserviceFacetFilterWrapper select + .ms-options-wrap {
    position: relative;
    width: 230px;
    border: none !important;
    outline: none;
    float: left;
    margin-right: 15px;
  }
  #eserviceFacetFilterWrapper select + .ms-options-wrap button {
    outline: none;
    border: none;
    background-color: #f2f2f2;
    display: inline-block;
    box-shadow: 0 0 5px 1px #d9d9d9;
    height: 45px;
  }
  #eserviceFacetFilterWrapper .drop-down-arrow {
    background-image: url(../images/drop-arrow.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 98%;
    background-size: 40px;
    display: table-cell;
    cursor: pointer;
  }
  .device-access-denied-error-container.device-error-container {
    margin-top: 180px;
    margin-bottom: 150px;
  }
  .recommendation-section .recommendation-section-text {
    padding-right: 0px;
  }
  .page-eServiceDeviceListPage #footer {
    margin-top: 120px;
  }
  .page-eServiceStructureDetailsPage #calibration-tabs .eco3-globalMessages .alertpopup-lg {
    position: relative;
    right: -300px;
    bottom: 10px;
  }
  .request-form-popup .popup-warning-section-listing,
  .contact-us-for-atp-popup .popup-warning-section-listing {
    padding: 0 15%;
  }
  .request-form-popup .popup-warning-section-device,
  .contact-us-for-atp-popup .popup-warning-section-device {
    padding: 0 15%;
  }
  .termsofuse-mobile {
    display: none;
  }
  .termsofuse-desktop {
    display: unset;
  }
  .selected-facet-values ul#ul-selected-values li.selected-values {
    margin-bottom: 10px;
  }
  .recomendation-info-text {
    position: relative;
    top: 7px;
  }
  .delete-device-from-structure-form-popup .message-container {
    margin-bottom: 14px;
  }
  .delete-device-from-structure-form-popup .delete-device-from-structure-btn-wrapper .btn {
    width: 165px !important;
    margin: 0 5px 0px 5px;
  }
  .delete-device-from-structure-form-popup .delete-device-from-structure-btn-wrapper .delete-device-from-structure-btn {
    width: 165px !important;
    margin: 0 5px 0px 5px;
  }
  .page-eServiceDeviceListPage .device-added-alert-popup {
    margin-bottom: 30px;
  }
  .page-eServiceDeviceListPage .request-form-popup .calibration-icons .device-label-section {
    width: 170px;
  }
  .device-primary-login-wrapper {
    max-width: 484px;
  }
  .device-management-popup {
    padding: 10px 20px;
  }
  .product-specification-container {
    margin-left: -10px;
    margin-right: -10px;
    width: 860px;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/* import eservice device list */
/******************************************************************************************************************
/* File Name        : media-query.less							 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 04-Oct-2017
/* Description      : This is less code for the media-query for the shop.
/*******************************************************************************************************************/
/* imports the variable.less */
/* =============================================================================*/
/* All type of mobile screen resolution common factor css (320px to 767px)
 /* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  #myProfilePage .changePasswordBox header h2 {
    width: auto !important;
  }
  /* new breadcrumb related style *****/
  #breadcrumb {
    margin: 0 -20px !important;
  }
  #breadcrumb .breadcrumb-left {
    height: 40px;
  }
  #breadcrumb .breadcrumb-left ol.breadcrumb {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
    white-space: nowrap;
  }
  #breadcrumb .breadcrumb-left ol.breadcrumb li.mobile-active {
    font-size: 13px !important;
    overflow: unset;
  }
  #breadcrumb .breadcrumb-right {
    height: 40px;
    text-align: center;
    padding-right: 0;
  }
  #breadcrumb .breadcrumb-right .back-button-container {
    line-height: 40px;
    display: block;
    margin-top: 0;
  }
  /************/
  .btn:ACTIVE {
    opacity: 0.3;
  }
  .clear-both-mobile {
    clear: both;
  }
  .bullet-title,
  .bullet-checkout-small {
    font-size: 10pt!important;
    line-height: 20px;
  }
  .bullet-title:before,
  .bullet-checkout-small:before {
    width: 12px!important;
    height: 12px!important;
  }
  .navigation--middle .nav__left.center-header {
    margin-top: 25px;
    text-align: center;
  }
  .navigation--middle .nav__left.center-header .js-site-logo img {
    min-height: 35px;
  }
  .navigation--middle .nav__left.center-header .js-shop-name {
    display: block;
    margin-top: 15px;
  }
  .navigation--middle .nav__left a {
    color: #666666;
  }
  .navigation--middle .nav__right {
    padding-top: 0;
  }
  .mobile-only,
  .tablet-only,
  .desktop-only {
    display: none;
  }
  .mobile-padding-0-left {
    padding-left: 0px!important;
  }
  .mobile-only {
    display: block;
  }
  .eco3-comp-box,
  .eco3-prod-list,
  .eco3-shadow {
    -webkit-box-shadow: 1px 1px 7px 0px #cccccc;
    -moz-box-shadow: 1px 1px 7px 0px #cccccc;
    box-shadow: 1px 1px 7px 0px #cccccc;
  }
  textarea:focus,
  input[type=text],
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=tel],
  input[type=password],
  .uneditable-input:focus {
    height: 32px;
  }
  .mobile-center-align {
    min-height: 168px;
    display: flex;
    align-items: center;
  }
  .eco-ribbon-plates-wrapper .col-left,
  .eco-ribbon-plates-wrapper .col-right {
    display: block;
    width: 100%;
  }
  .eco-ribbon-plates-wrapper .col-left a.ctp-url,
  .eco-ribbon-plates-wrapper .col-right a.ctp-url {
    text-align: left;
  }
  .eco-ribbon-plates-wrapper .col-right {
    border-left: 2px solid;
    border-top: 0 solid;
  }
  .ctp-ribbon-plates {
    width: 100%;
  }
  .ctp-ribbon-plates .ctp-active .info-icon-green {
    padding-top: 90px;
    margin-bottom: 20px;
  }
  .ctp-ribbon-plates .non-ctp-active .info-icon-green {
    margin-top: 7px;
  }
  .ctp-ribbon-plates .non-ctp-active a span {
    display: table;
  }
  .eco3-responsive-tabs .pdp-tab .responsive-tabs-container > .nav-tabs li.__left-tabunlimited,
  .eco3-responsive-tabs .pdp-tab .responsive-tabs-container > .nav-tabs li.__right-tabunlimited {
    min-width: 0;
    top: 10px;
  }
  .eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane {
    padding: 0px;
  }
  .eco3-responsive-tabs .pdp-tab .prd-tagLine {
    font-size: 12pt;
  }
  .btn {
    min-width: 180px;
    height: 40px;
    font-size: 11.0pt;
    width: auto;
  }
  .homeTopSection {
    margin: 0 0 0 -5px;
  }
  .myProfilePage .eco3-comp-box .title,
  .myProfilePage .eco3-prod-list .title,
  .myProfilePage .eco3-comp-box .body,
  #myProfilePage .eco3-comp-box .title,
  #myProfilePage .eco3-prod-list .title,
  #myProfilePage .eco3-comp-box .body {
    padding: 40px;
    margin: 0;
  }
  .myAccountBlocks .thumbnailIcon {
    height: 100px;
    width: 100px;
  }
  .myAccountBlocks .thumbnailIcon img {
    height: 45px;
  }
  .myAccountBlocks .thumbnailIcon a.caliration img {
    height: 53px;
  }
  .datatable-main .eco3-table #datatableTableID {
    padding: 0px;
  }
  .AccAddSearch .addressSearchInput .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
  }
  #adddress-listing-Page .eco3-table tr.child td ul.dtr-details {
    padding: 8px 35px 15px 35px;
  }
  #adddress-listing-Page .eco3-table tr.child td ul.dtr-details li .dtr-title {
    vertical-align: top;
  }
  #adddress-listing-Page .eco3-table tr.child td ul.dtr-details li .dtr-data {
    white-space: normal;
    width: 70%;
    word-break: break-word;
    display: inline-block;
  }
  #adddress-listing-Page .eco3-table tr.child td ul.dtr-details li .min-width-tr .margin-bottom-5 {
    display: block;
  }
  #adddress-listing-Page .eco3-table tr.child td ul.dtr-details li:nth-last-child(1) span.dtr-data,
  #adddress-listing-Page .eco3-table tr.child td ul.dtr-details li:nth-last-child(2) span.dtr-data {
    width: 100%;
  }
  #adddress-listing-Page .datatable-main #datatableTableID_wrapper {
    padding: 0;
  }
  #adddress-listing-Page .tableSearchFild {
    margin-bottom: 0;
  }
  #adddress-listing-Page .delivery-address-edit-delete-mobile {
    margin-top: -10px;
    margin-bottom: 10px;
    position: relative;
  }
  .AccAddSearch #custom-search-input {
    margin-top: 9%;
  }
  .responsive-tabs-container.accordion-xs {
    text-decoration: none;
  }
  .specifyDeliveryAddress {
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 36px;
  }
  .specifyDeliveryAddress .add-new-address-btn {
    float: none !important;
  }
  .text-xs-center {
    text-align: center;
  }
  .homePageBigBannerSection {
    padding: 0px 10px;
  }
  .homePageLoginComponent .eco3-comp-box {
    min-height: 320px;
    margin-bottom: 30px;
  }
  #salesAndMarketingResources .home-page-component-box-section {
    padding: 0;
  }
  .eco3-comp-box .display-table-cell .item {
    bottom: 30px;
  }
  #js-mainHeader {
    box-shadow: 0 2px 7px 0 #d9d9d9;
  }
  #js-mainHeader .navigation--middle .nav__left.center-header {
    margin-top: 0 !important;
    padding-bottom: 10px;
  }
  .footer .footRightSub {
    border-top: 1px solid #cccccc;
  }
  .footer .footRightSub li p {
    text-align: center;
  }
  .footer .footerbg {
    box-shadow: 0 2px 7px 0 #d9d9d9;
  }
  .footer .footerMore .payment-methods {
    text-align: left;
    position: relative;
    top: -5px;
  }
  .footer .payment-footer-icon a img {
    width: auto !important;
  }
  .footer .footRightDetails {
    border-top: none;
  }
  .footer .footLeft {
    border-right: none;
  }
  .creditInfo header h2 {
    font-size: 12pt;
    width: 160px;
  }
  .login-main-section .loginSoldtoTable {
    padding-left: 0px;
  }
  #main-account-profile .soldToSelect {
    margin: 0 auto;
    width: auto;
    min-width: 100px;
  }
  .myProfileInformationPage .profileBox {
    padding: 0px;
  }
  .page-404 .margin-bottom-0 {
    margin-bottom: 0px !important;
  }
  .page-404 .title404 {
    font-size: 22px;
  }
  .form-group {
    margin-bottom: 15px;
    margin-right: 10px;
  }
  .areaMargin0 {
    margin-right: 0px;
  }
  #featuredHome .carousel .item .thumb img {
    margin-left: 34px;
  }
  #featuredHome .owl-pagination {
    display: none;
  }
  #no-search-result {
    text-align: center;
    padding: 30px;
  }
  #no-search-result i.icon-no-search {
    background-size: 70px;
    margin-bottom: 30px;
    margin-left: 0;
    background-position: bottom;
  }
  #no-search-result .grey {
    font-size: 12pt;
  }
  #no-search-result .results h1 {
    margin: 30px 0;
    font-size: 12pt;
  }
  #no-search-result .content h2 {
    font-size: 10pt;
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
  }
  #myProfilePage #globalMessages {
    margin-top: 20px;
  }
  #myProfilePage .profileinfoBox {
    height: auto;
    width: 100%;
    margin-bottom: 50px;
    min-width: 320px;
  }
  #myProfilePage .profileinfoBox header {
    height: 40px;
    min-height: 40px;
  }
  #myProfilePage .profileinfoBox header h2 {
    height: 40px;
    width: 55%;
  }
  #myProfilePage .changePasswordBox {
    height: auto;
    width: 100%;
  }
  #myProfilePage .changePasswordBox header {
    height: 40px;
    min-height: 40px;
  }
  #myProfilePage .changePasswordBox header h2 {
    height: 40px;
    width: 55%;
  }
  .padding-horizontal {
    padding: 0 10px;
  }
  .padding-horizontal .add-address-button {
    margin-top: 50px;
  }
  .padding-horizontal .form-control-feedback {
    right: -15px !important;
  }
  .padding-horizontal .addressMini {
    padding-right: 0px;
  }
  .padding-horizontal .leftAddjust {
    padding-left: 8px;
    padding-right: 10px;
  }
  .padding-horizontal .rightAddjust {
    padding-right: 10px !important;
  }
  .eco3-tabbable .tab-content {
    margin-top: -10px;
    border-top: 0;
    padding-bottom: 15px;
  }
  .eco3-tabbable .nav-tabs > li > a {
    min-width: 165px;
    font-size: 16px;
    font-weight: 400;
  }
  .eco3-tabbable .nav-tabs > li > a a:active {
    font-weight: 500;
  }
  .modal .delete {
    margin: 20% auto auto auto;
  }
  .AccAddSearch .tableSearchFild {
    margin-bottom: 10px;
  }
  .AccAddSearch .tableSearchFild .soldTo-main .btn {
    width: 140px;
  }
  .AccAddSearch .tableSearchFild table tr td .btn {
    min-width: 140px;
  }
  .alert {
    font-size: 11pt;
    line-height: 20px!important;
    min-height: 40px !important;
    width: auto !important;
    padding-top: 0px;
    padding-left: 40px;
  }
  .alert.alert-bar {
    position: relative;
  }
  .alert ul {
    padding-left: 10px;
    position: relative;
    top: 84%;
  }
  .RegistrationFormPage {
    min-height: 425px;
  }
  .RegistrationFormPage .has-feedback .titleError .form-control-feedback {
    right: -26px;
  }
  .RegistrationFormPage .registration-error-message {
    width: 100%;
  }
  .RegistrationFormPage .eco3-checkbox .checkmark {
    top: 2px;
  }
  .login-form-section .global-alerts .error-icon {
    margin: 1px 0 0 -8px;
  }
  .global-notification {
    width: 100%;
    padding: 0 30px 30px 30px;
    font-size: 10pt;
    line-height: 18px;
  }
  .global-notification .icon {
    top: -22px;
    background-size: 45px !important;
    width: 45px;
    height: 45px;
  }
  #productConfigSearch {
    margin: 20px 0;
  }
  #productConfigSearch .componentsBox form .btn.btn-arrow {
    min-width: 55px;
    margin-bottom: 32px;
  }
  .site-search {
    background: #f3f3f3;
    display: none;
    padding: 10px 0 5px 15px;
    -webkit-box-shadow: 1px 1px 7px 0px #cccccc;
    box-shadow: 0px 5px 7px 0px #d9d9d9;
  }
  .site-search form[name="search_form_searchBox"] {
    margin: 0 !important;
  }
  .site-search .input-group .input-group-btn {
    position: relative;
    top: initial;
    right: 35px;
  }
  .site-search .ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li.ui-menu-item div.thumb {
    width: auto;
    max-width: 40%;
  }
  .site-search .ui-front .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li.ui-menu-item div.thumb-info {
    width: auto;
    max-width: 60%;
  }
  .search-result {
    text-align: center;
    padding-bottom: 30px;
  }
  .search-result .row.border-bottom {
    margin: 0 10px 40px 10px;
    padding-bottom: 30px;
  }
  .search-result .row.border-bottom i {
    background-size: 70px;
  }
  .search-result .row.border-bottom .search-count {
    line-height: 50px;
  }
  .search-result .row.border-bottom .search-count .searched-for {
    font-size: 14pt;
  }
  .search-result .row.border-bottom .search-count .searched-for + div {
    color: #666;
  }
  .eco3-globalMessages .alert ul {
    transform: none;
  }
  .price-color.your-price.text-right {
    margin-top: 0;
  }
  #contactUsForm .has-feedback .form-control {
    height: 35px;
    line-height: 15px;
  }
  #contactUsForm .form-group {
    float: left !important;
  }
  #contactUsForm .terms_privacy {
    display: none;
  }
  #contactUsForm .cselect {
    margin-left: 0px !important;
  }
  #contactUsForm .termsofuse {
    display: none;
  }
  #contactUsForm .msgbox {
    margin-bottom: 35px;
    padding-right: 0px !important;
    width: 97%;
  }
  #contactUsForm .msgbox .form-control-feedback {
    right: -24px !important;
  }
  #contactUsForm .cwrapper {
    padding-left: 20px;
  }
  #contactUsForm .cnumber {
    width: auto;
    height: auto;
  }
  #contactUsForm span.icon-wrapper {
    width: 37px;
    height: 35px;
    border: 2px solid #009cdd;
  }
  #contactUsForm .call-icon {
    width: 20px;
    height: 19px;
    margin: 0px 0px 0px 1px;
  }
  #contactUsForm .clabel {
    width: auto;
    height: auto;
    margin-left: 0;
  }
  #contactUsForm .csubmit {
    width: 85%;
    margin-top: 25px;
    margin-left: 0px;
  }
  #contactUsForm .contact-form-number {
    padding-left: 0;
    padding-right: 0;
  }
  .modal-header {
    border-bottom: 0;
  }
  .modal-header .modal-title {
    font-size: 18px !important;
    min-width: 127px !important;
  }
  .crossSellingContainerHorizontal .eco3-pannel-tag {
    text-align: center;
  }
  .crossSellingContainerHorizontal .eco3-pannel-tag span {
    padding-left: 0;
  }
  .crossSellingContainerHorizontal .price-color.your-price.text-right {
    margin-top: 0px;
  }
  .crossSellingContainerHorizontal .item .footer-item {
    margin-left: -15px;
  }
  .crossSellingContainerHorizontal .tns-item .footer-item {
    margin-left: -4px;
  }
  .crossSellingContainerHorizontal .product-quantity-picker {
    margin-top: 3px;
  }
  .crossSellingContainerHorizontal .product-quantity-picker .count-input .incr-btn .eco3-icon.icon-minus,
  .crossSellingContainerHorizontal .product-quantity-picker .count-input .incr-btn .eco3-icon.icon-plus {
    margin-top: 5px;
  }
  .crossSellingContainerHorizontal .product-quantity-picker .minimum-quantity-case .min-qty-icon-section {
    height: 32px;
  }
  .crossSellingContainerHorizontal .product-quantity-picker .nameHeight {
    padding-left: 0;
    text-align: left;
  }
  #crossSellingContainer {
    -webkit-box-shadow: 0 0 0 0 #d9d9d9;
    -moz-box-shadow: 0 0 0 0 #d9d9d9;
    box-shadow: 0 0 0 0 #d9d9d9;
    min-height: 100px;
    height: auto !important;
    margin-bottom: 50px;
  }
  .productRelatedItemsTabStripContainer {
    margin-bottom: 40px;
  }
  .productRelatedItemsTabStripContainer #productRelatedTabsList {
    text-align: left;
  }
  .productRelatedItemsTabStripContainer #productRelatedTabsList .product-family-tabs {
    min-width: 90px;
  }
  .productRelatedItemsTabStripContainer .product-family-group h3 {
    width: auto;
  }
  .prod-description-container {
    min-height: 168px;
    display: flex !important;
    align-items: center;
  }
  .productRelatedItemsList .icon-atp {
    top: 0;
  }
  .productRelatedItemsList .price-color {
    text-align: left;
  }
  .productRelatedItemsList .displayProductInfo {
    text-align: left;
  }
  #sparePartsList .prod-description-container {
    min-height: 146px;
  }
  .productRelatedItems .campaign-display {
    margin-top: 30px;
  }
  .productRelatedItems .btn-group-product {
    float: right;
  }
  .responsive-productDocTbl > div {
    margin-left: 16px;
  }
  .responsive-productDocTbl .single-document {
    padding-left: 0px;
  }
  .responsive-productDocTbl .single-document:nth-child(odd) {
    margin-right: 15px;
  }
  .responsive-productDocTbl .single-document .document-link {
    margin-left: 5px;
    max-width: 100px;
  }
  .document-group-name {
    padding-left: 0px;
  }
  /* Guest Checkout CSS starts */
  #modifyGuestPersonalInfo .input-group-align {
    padding-left: 0px;
  }
  #modifyGuestPersonalInfo .has-feedback label ~ .form-control-feedback {
    right: 0px;
    left: auto;
  }
  /* Guest Checkout CSS Ends */
  /* Contact Us CSS START */
  .contact-us-form-page {
    padding: 0px 15px 0px 15px;
  }
  .contact-us-form-page .addBox {
    padding-right: 10px !important;
  }
  .contact-us-form-page-for-guest {
    padding: 0px 15px 0px 15px;
  }
  .contact-us-form-page-for-guest select.form-control {
    height: 35px;
    line-height: 12px;
  }
  .contact-us-form-page-for-guest .addBox {
    padding-right: 10px !important;
  }
  .contact-us-form-page-for-guest .addBox .form-control-feedback {
    right: -20px !important;
  }
  .contact-us-form-page-for-logged-in-user select.form-control {
    height: 35px;
    line-height: 12px;
  }
  .contact-us-form-page-for-logged-in-user .addBox {
    padding-right: 10px !important;
  }
  .contact-us-form-page-for-logged-in-user .addBox .form-control-feedback {
    right: -20px !important;
  }
  /* Contact Us CSS ENDS */
  .eco3-table table.dataTable {
    margin: 0 auto 100px auto;
  }
  .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    background: #f4f4f4 !important;
    opacity: 1;
    padding: 10px 25px 0 25px;
  }
  .card-table table.dataTable span.dtr-data .card-expired-label {
    margin-left: 30px !important;
  }
  .card-table table.dataTable .card-expired-label {
    margin: 5px 0 0 0 !important;
  }
  .card-table table.dataTable .delete-icon {
    margin: 5px 20px 0 10px;
  }
  .border-bottom-mobile {
    border-bottom: 1px solid #f3f3f3;
  }
  /* Warranty claim list */
  .warranty-clm-main-page .new-warranty-button {
    margin-bottom: 40px;
  }
  /* breadcrumb adjustment for Mobile viewport*/
  #breadcrumb {
    margin-left: -17px;
    margin-right: -17px;
  }
  #breadcrumb li.active {
    font-family: Roboto-Regular;
    font-size: 19px !important;
    text-align: left;
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: auto;
  }
  #breadcrumb .breadcrumb {
    background-color: none;
    padding-right: 10px;
  }
  #breadcrumb .breadcrumb .back-button-container {
    line-height: 20px;
  }
  #breadcrumb .breadcrumb-page-title {
    width: 10px;
    height: 15px;
    margin-right: 10px;
  }
  #breadcrumb .back-button-container {
    margin-top: 9px;
  }
  select.form-control {
    height: 35px;
    line-height: 35px;
  }
  .template-pages-layout-landingLayout7Page .container {
    padding: 0px 0px 25px 0px;
  }
  .template-pages-layout-landingLayout7Page .container .containerInnerSection {
    padding: 0;
  }
  .section1Template7 {
    position: initial !important;
    top: 0px;
    width: 100%;
    padding: 10px 20px 10px 20px;
    background: #ffffff;
    z-index: 1000;
    margin: 0;
    text-align: left;
  }
  .section1Template7 h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .section1Template7 p {
    line-height: 20px;
    margin: 0;
  }
  .landingpage-section-three.adjust-position {
    top: 30px !important;
  }
  .section1Template8 {
    position: initial !important;
    top: 0px;
    width: 100%;
    padding: 0;
    background: #ffffff;
    z-index: 1000;
    opacity: 1;
    margin: 0 auto;
    margin-left: 0;
    text-align: left;
  }
  .section1Template8 #breadcrumb {
    padding-left: 0px;
  }
  .section1Template8 #breadcrumb .breadcrumb {
    padding-left: 0px;
  }
  .section2Template8 .landingpage-section-two {
    padding-left: 0px;
    padding-right: 0px;
  }
  .section2Template8 .landing-page-section-two-b {
    padding-left: 0px;
    padding-right: 0px;
  }
  .simplebanner8landingpage img {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .section2.section2Template {
    position: initial !important;
    width: 100%;
    padding: 0px;
    overflow: auto;
    display: block;
    text-align: center;
    top: 0;
    margin-left: 0;
    display: table;
  }
  .section2Template .yCmsContentSlot.zone_a.thumbnail_detail a {
    display: block;
    float: none !important;
    margin: 0 auto;
  }
  .section2Template .yCmsContentSlot.zone_b.thumbnail_detail .cmsimage {
    float: none;
    margin: 0 0 40px 0;
  }
  .section3.section2Template.cms_disp-img_slot {
    position: inherit;
    width: 100%;
    padding: 10px;
    overflow: auto;
    display: block;
    text-align: left;
    top: 0;
    margin-left: 0;
  }
  .section1Template7 .landingpage-breadcrumb {
    text-align: left;
    list-style: none;
    padding: 0;
  }
  .section1Template8 .landingpage-breadcrumb {
    text-align: left;
    list-style: none;
    padding: 0;
  }
  select {
    background-position: 100% 42% !important;
  }
  .footerCall .footer-contact-alignment,
  .footerContact .footer-contact-alignment {
    margin-left: 0 !important;
  }
  .footerCall label,
  .footerContact label {
    font-size: 18px !important;
  }
  .languageSelect .form-control {
    margin-left: 0;
  }
  footer .footerMore li.languageSelect form#lang-form .form-group {
    padding-left: 0 !important;
  }
}
.contact_us_validation_msg {
  text-align: center;
}
.navigation--bottom .nav_link_signin {
  padding-top: 30px;
}
.navigation--bottom .nav_link_signin li.loginmenu {
  max-width: 200px;
}
.navigation--bottom .nav_link_signin li.loginmenu span.userName {
  text-align: left;
  max-width: 200px;
  padding-top: 7px;
}
.navigation--bottom .nav_link_signin li.loginmenu span.userName.margin-no-top {
  padding-top: 0;
}
#footer {
  margin: 0 auto 0 auto;
}
.modal .panelBody #modifyAddressFormNewAddress .form-group.col-md-6.col-sm-6.col-xs-12 {
  min-height: 70px;
  padding: 0 10px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  #main-account-profile .soldToSelect {
    margin-top: -12px !important;
  }
}
.country_code_placeholder_label:before {
  top: 9px;
}
.eco3-table table.dataTable.dtr-inline.collapsed tbody tr[role="row"] td:first-child:before {
  font-size: 26px;
}
/* =============================================================================*/
/* Part-II  Medium devices means Resolution range (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /* new breadcrumb related style *****/
  #breadcrumb {
    margin: 0 -20px !important;
  }
  #breadcrumb .breadcrumb-left ol.breadcrumb {
    padding-bottom: 22px;
    box-shadow: none;
  }
  #breadcrumb .breadcrumb-right {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
  #breadcrumb .breadcrumb-right .back-button-container {
    line-height: unset;
  }
  /************/
  .navigation--bottom .nav_link_signin {
    padding-top: 30px;
  }
  .navigation--bottom .nav_link_signin li.loginmenu {
    max-width: 200px;
  }
  .navigation--bottom .nav_link_signin li.loginmenu span.userName {
    text-align: left;
    max-width: 200px;
    padding-top: 7px;
  }
  .navigation--bottom .nav_link_signin li.loginmenu span.userName.margin-no-top {
    padding-top: 0;
  }
  .btn:ACTIVE {
    opacity: 0.3;
  }
  .navigation--middle .nav__left.center-header {
    text-align: center;
    margin-top: 25px;
  }
  .navigation--middle .nav__left.center-header .js-shop-name {
    display: block;
    margin-top: 15px;
  }
  .mobile-only,
  .tablet-only,
  .desktop-only {
    display: none;
  }
  .clear-both-tablet {
    clear: both;
  }
  .mobile-only {
    display: block;
  }
  .mobile-padding-0-left {
    padding-left: 0px!important;
  }
  textarea:focus,
  input[type=text],
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=password],
  .uneditable-input:focus {
    height: 32px;
  }
  .login-main-section .loginSoldtoTable {
    padding-left: 0px;
  }
  .myAccountBlocks .thumbnailIcon {
    height: 115px;
    width: 115px;
  }
  .myAccountBlocks .thumbnailIcon img {
    height: 55px;
  }
  .myAccountBlocks .thumbnailIcon a.caliration img {
    height: 66px;
  }
  .homePageBigBannerSection {
    padding: 0px 10px;
  }
  #bigImageBannerBlock {
    height: 560px;
    padding: 0px 10px;
  }
  .homePageLoginComponent .componentsBox {
    padding: 0px;
  }
  #salesAndMarketingResources {
    padding: 0px 20px;
  }
  #salesAndMarketingResources .componentBlock,
  #salesAndMarketingResources .simple-banner-component {
    padding: 0px;
  }
  .simple-banner-component img {
    max-height: 285px;
  }
  .configfinder {
    padding: 0px 15px;
  }
  .configfinder .inline-btn {
    min-height: 30px;
    top: -31px;
    height: 30px;
  }
  .homePageLoginComponent .eco3-comp-box {
    min-height: 325px;
  }
  .homePageLoginComponent .eco3-comp-box .register-btn {
    padding-top: 37px;
  }
  .footer .footLeft {
    border-right: none;
  }
  .footer .footRightSub {
    border-top: 1px solid #cccccc;
  }
  .footer .footRightSub li p {
    text-align: center;
  }
  .footer .footRightDetails {
    margin-left: 0;
    border-top: 1px solid #cccccc;
    padding-left: 7px;
  }
  .footer .footRightDetails .footerMore {
    margin-top: 40px;
    display: inline-block;
    max-width: 800px;
  }
  .footer .footRightDetails .footerMore .footerContact {
    margin-bottom: 40px;
  }
  .footer .footRightDetails .footerMore .footerContact a label {
    min-width: 0;
  }
  .simple-banner-component {
    padding: 10px;
  }
  #main-account-profile .soldToSelect {
    margin: -16px auto 0px auto;
  }
  #main-account-profile .bullet-title {
    margin-left: 4px;
  }
  #productConfigSearch {
    margin-bottom: 20px;
  }
  #productConfigSearch .componentsBox .input-group {
    width: 100%;
  }
  .page-404 .margin-bottom-0 {
    margin-bottom: 0px !important;
  }
  .page-404 .title404 {
    font-size: 22px;
  }
  .page-404 .margin-bottom-0 {
    margin-bottom: 0px !important;
  }
  .page-404 h2 {
    font-size: 22px;
  }
  .footer .footerCall {
    padding-left: 0px;
  }
  .footer .footerCall a {
    padding-left: 0px;
  }
  .footer .footerbg {
    box-shadow: 0 2px 7px 0 #d9d9d9;
  }
  .footer .footerContact a.contact-us-margin {
    margin-right: 0;
  }
  #no-search-result {
    text-align: center;
  }
  #no-search-result i.icon-no-search {
    margin-bottom: 50px;
    margin-left: 0;
  }
  #no-search-result .content h2 {
    width: auto;
  }
  #myProfilePage .profileinfoBox {
    height: auto;
    width: 100%;
    margin-bottom: 50px !important;
    max-width: 320px;
  }
  #myProfilePage #globalMessages {
    margin-top: 20px;
  }
  #myProfilePage .changePasswordBox {
    width: 100%;
  }
  #myProfilePage .changePasswordBox header h2 {
    width: auto;
  }
  .myProfileInformationPage .profileBox {
    padding: 0px;
  }
  .global-alerts .error-icon {
    margin: -8px 0px 0px 0px;
  }
  .global-notification {
    width: 100%;
  }
  .AccAddSearch .tableSearchFild {
    margin-bottom: 40px;
  }
  .AccAddSearch .tableSearchFild .searchBox {
    padding-left: 23px;
  }
  #adddress-listing-Page .datatable-main #datatableTableID_wrapper {
    padding: 0px;
  }
  #adddress-listing-Page .tableSearchFild {
    margin-bottom: 0;
  }
  #adddress-listing-Page .eco3-table-search-field {
    float: left;
    margin-left: 2px;
  }
  .delivery-address-section .eco3-table.delivery-address-section .eco3-icon.icon-edit-item table.dataTable tbody tr.child ul.dtr-details {
    background: #f4f4f4 !important;
    opacity: 1;
  }
  .billing-address-section .soldToSelect {
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .billing-address-section .eco3-table table.dataTable tbody tr.child ul.dtr-details {
    background: #f4f4f4 !important;
    opacity: 1;
  }
  table.dataTable {
    margin: 0 auto 170px auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
  }
  .eco3-responsive-tabs .responsive-tabs-container.accordion-xs {
    text-decoration: none;
  }
  .eco3-responsive-tabs .responsive-tabs-container.accordion-sm {
    text-decoration: none;
  }
  .padding-horizontal .addressMini .leftAddjust {
    padding-left: 10px;
    padding-right: 0px;
  }
  #productConfigSearch {
    margin-top: 15px;
  }
  .padding-horizontal .rightAddjust {
    padding-right: 0px;
  }
  .homePageImageBlockComponent {
    padding: 0px 5px;
  }
  .RegistrationFormPage {
    min-height: 474px;
  }
  .RegistrationFormPage .has-feedback .titleError .form-control-feedback {
    right: -9px;
  }
  .RegistrationFormPage .registration-error-message {
    width: 63%;
  }
  .RegistrationFormPage .eco3-checkbox .checkmark {
    top: 2px;
  }
  #myProfilePage .profileBox.personalInfo {
    padding-right: 15px;
  }
  #myProfilePage .profileBox.passwordInfo {
    padding-left: 15px;
  }
  .nav__links nav__links--shop_info .site-search {
    display: none;
    margin: 0;
  }
  .AccAddSearch .tableNewAdd {
    text-align: center;
  }
  .AccAddSearch .tableSearchFild {
    margin-bottom: 65px;
  }
  .AccAddSearch .specifyDeliveryAddress {
    margin-bottom: 55px;
    float: right;
    margin-right: 25px;
    margin-top: 17px;
  }
  .AccAddSearch .specifyDeliveryAddress.new-address-button-edge-adjustment {
    margin-top: 25px;
  }
  .alert.alert-bar {
    opacity: 0.9;
    padding: 10px 24px 10px 22px;
    text-align: left;
  }
  .alert.alert-bar ul {
    padding: 0;
  }
  .alert.alert-bar ul li span {
    display: table-cell;
    vertical-align: middle;
  }
  .datatable-main .eco3-table #billingTable {
    padding: 0px 20px 0px 20px;
  }
  .datatable-main .eco3-table #datatableTableID {
    padding: 0px 20px 0px 20px;
  }
  .padding-horizontal .addressMini .leftAddjust {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-horizontal .addressMini .rightAddjust {
    padding-right: 10px;
  }
  .padding-horizontal .addressMini .rightAddjust.form-left.has-feedback label ~ .form-control-feedback {
    right: 0;
  }
  .padding-horizontal .addressMini select.form-control {
    height: 35px;
    line-height: initial;
  }
  .card-table .noCardList .card-add-new {
    float: none;
    margin-right: 30px;
  }
  #featuredHome .carousel-component .item a .your-price-block {
    top: 17px;
  }
  #featuredHome .carousel .item .thumb img {
    margin-left: 29px;
  }
  #featuredHome .owl-pagination {
    display: none;
  }
  .eco3-globalMessages .global-alerts .error-icon {
    margin: 0px 20px 0px 0px;
  }
  .homePageImageBlockComponent .componentSection:nth-child(odd) .simple-banner-component {
    padding-right: 0px;
  }
  .homePageImageBlockComponent .componentSection:nth-child(even) .simple-banner-component {
    padding-left: 0px;
  }
  .search-result {
    text-align: center;
  }
  .search-result .row.border-bottom {
    margin: 0 10px 40px 10px;
    padding-bottom: 40px;
  }
  .search-result .row.border-bottom i.icon-search-count {
    margin-bottom: 30px;
  }
  .search-result .row.border-bottom .search-count {
    text-align: left;
    line-height: 60px;
  }
  .eco3-responsive-tabs {
    max-width: 100%;
  }
  .eco3-responsive-tabs .pdp-tab {
    max-width: 100%;
  }
  .eco3-responsive-tabs .pdp-tab .responsive-tabs-container .tab-pane {
    padding: 0px;
  }
  #breadcrumb > ol {
    margin-left: -17px;
    margin-right: -17px;
  }
  #breadcrumb .back-button-container {
    line-height: 42px;
  }
  #breadcrumb .breadcrumb li.active {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: -12px;
  }
  #breadcrumb .breadcrumb .breadcrumb-page-title {
    width: 18px;
    height: 18px;
  }
  .crossSellingContainerHorizontal .eco3-pannel-tag {
    text-align: left;
  }
  .crossSellingContainerHorizontal .eco3-pannel-tag span {
    padding-left: 20px;
  }
  .crossSellingContainerHorizontal .price-color.your-price.text-right {
    margin-top: 0px;
  }
  .crossSellingContainerHorizontal .footer-item {
    margin-left: -9px;
  }
  .crossSellingContainerHorizontal .product-quantity-picker {
    margin-top: 3px;
  }
  .crossSellingContainerHorizontal .product-quantity-picker .count-input .incr-btn .eco3-icon.icon-minus,
  .crossSellingContainerHorizontal .product-quantity-picker .count-input .incr-btn .eco3-icon.icon-plus {
    margin-top: 5px;
  }
  .crossSellingContainerHorizontal .product-quantity-picker .nameHeight {
    padding-left: 0;
    text-align: left;
  }
  #contactUsForm .csubmit {
    margin-bottom: 35px !important;
  }
  #contactUsForm.contact-us-form-page-for-guest .csubmit {
    padding-right: 40px;
  }
  #crossSellingContainer {
    -webkit-box-shadow: 0 0 0 0 #d9d9d9;
    -moz-box-shadow: 0 0 0 0 #d9d9d9;
    box-shadow: 0 0 0 0 #d9d9d9;
    min-height: 100px;
    height: auto !important;
    margin-bottom: 50px;
  }
  .soldTo-main .helperTab {
    margin-bottom: 0px;
    margin-top: 25px;
  }
  .productRelatedItemsTabStripContainer {
    margin-bottom: 45px;
    padding-left: 0px;
  }
  .productRelatedItemsTabStripContainer #productRelatedTabsList {
    text-align: left;
  }
  .productRelatedItemsTabStripContainer #productRelatedTabsList .product-family-tabs {
    min-width: 100px;
    z-index: 1;
  }
  .productRelatedItemsTabStripContainer .product-family-group h3 {
    width: 250px;
  }
  .responsive-productDocTbl > div {
    margin-left: 55px;
  }
  .responsive-productDocTbl .single-document .document-link {
    margin-left: 20px;
    max-width: 145px;
  }
  /* Guest Checkout CSS starts */
  #modifyGuestPersonalInfo .input-group-align {
    padding-left: 0px;
  }
  /* list pages CSS */
  .warranty-clm-main-page,
  #order_history_report {
    padding: 0px 15px;
  }
  .order-quote-history-page .ech-tab-table-content {
    padding: 0;
  }
  /* Guest Checkout CSS Ends */
  /* breadcrumb back button adjustement for tablet viewport start*/
  #breadcrumb .back-button-container {
    line-height: 42px;
  }
  /* breadcrumb back button adjustement for tablet viewport end */
  #main-account-profile #datatableTableID {
    padding: 0px !important;
    margin: 0px;
  }
  /* Warranty claim list */
  .warranty-clm-main-page .new-warranty-button {
    margin-bottom: 56px;
    float: right;
  }
  .contact_us_validation_msg {
    text-align: center;
  }
  .contact-us-form-page-for-guest .addBox {
    padding-right: 30px !important;
  }
  #js-mainHeader {
    box-shadow: 0 2px 7px 0 #d9d9d9;
    min-height: 150px;
  }
  #js-mainHeader .navigation--middle .nav__left.center-header {
    padding-bottom: 25px;
  }
  .tax-exemption-punchout {
    top: -670px;
  }
  .checkout-totals-section .cart-tab-totals.punchout-total-block {
    margin-top: 250px !important;
  }
  #footer {
    margin: 0 auto 0 auto;
  }
  .relationship-tabs li.__left-tabunlimited,
  .relationship-tabs li.__right-tabunlimited {
    min-width: auto;
    top: 10px;
  }
  .goUpIcon {
    bottom: 38px;
  }
  .live-support-chat-icon {
    bottom: 124px;
  }
  .section2Template .yCmsContentSlot.zone_a.thumbnail_detail {
    width: 66%;
    float: left;
  }
  .section2Template .yCmsContentSlot.zone_b.thumbnail_detail {
    width: 33%;
    float: right;
  }
  .template-pages-layout-landingLayout7Page .container {
    padding: 0px 0px 115px 0px;
  }
  .template-pages-layout-landingLayout7Page .container .containerInnerSection {
    padding: 0;
  }
  .template-pages-layout-landingLayout7Page .container .containerInnerSection .landing-page-section-padding {
    margin-top: -50px !important;
  }
  .template-pages-layout-landingLayout7Page .container .containerInnerSection .landingpage-section-three.adjust-position {
    margin-top: -90px !important;
    margin-bottom: 0px;
    padding: 0 !important;
    float: none;
    text-align: center;
  }
  .template-pages-layout-landingLayout7Page .container .containerInnerSection .landingpage-section-three.adjust-position .landingpage-section-three-alignment {
    display: inline-block;
    max-width: 700px;
    float: none;
  }
  .template-pages-layout-landingLayout7Page .container .containerInnerSection .landingpage-section-three.adjust-position .landingpage-section-three-alignment .cms_disp-img_slot {
    max-width: 300px;
    float: left;
    display: inline-block;
  }
  .template-pages-layout-landingLayout7Page .container .containerInnerSection .landingpage-section-three.adjust-position .landingpage-section-three-alignment .cms_disp-img_slot:nth-child(1n) {
    margin: 0 50px 0 0;
  }
  .template-pages-layout-landingLayout7Page .container .containerInnerSection .landingpage-section-three.adjust-position .landingpage-section-three-alignment .cms_disp-img_slot:nth-child(2n) {
    margin: 0;
  }
  .section1Template7 {
    top: -130px;
    width: 95%;
    padding: 14px 40px 1px 40px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    margin-left: 20px;
    text-align: left;
  }
  .section1Template7 .landingpage-breadcrumb {
    text-align: left;
    list-style: none;
    padding: 0;
  }
  .section1Template7 .breadcrumb-indicator {
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #2b9cea;
  }
  .section1Template7 h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .section1Template7 p {
    line-height: 20px;
    margin: 0;
  }
  .section1Template8 {
    top: -100px;
    width: 100%;
    padding: 14px 40px 1px 40px;
    background: #ffffff;
    z-index: 1000;
    opacity: 0.8;
    margin-left: 0;
    text-align: left;
  }
  .section1Template8 .landingpage-breadcrumb {
    text-align: left;
    list-style: none;
    padding: 0;
  }
  .section1Template8 .breadcrumb-indicator {
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #2b9cea;
  }
  .section1Template8 #breadcrumb li {
    padding-left: 5px !important;
  }
  .footerMore li .coins-icon {
    margin: 0 0 0 5px !important;
  }
  .ctp-ribbon-plates .non-ctp-active .global-alerts-ctp.info-icon-green {
    margin-top: 5px;
    margin-right: 20px;
  }
  .footerCall label,
  .footerContact label {
    font-size: 18px !important;
  }
  .footerCall .footer-contact-alignment,
  .footerContact .footer-contact-alignment {
    margin-left: 0 !important;
  }
  .languageSelect .footer-contact-alignment {
    margin-left: 0 !important;
  }
  .section2Template8 {
    margin-left: 0 !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .section2Template8 .landing-page-section-two-b {
    padding-right: 10px;
  }
  .section1Template8 {
    padding: 14px 30px 1px 30px;
  }
  .section1Template8 #breadcrumb .breadcrumb {
    padding-left: 15px;
  }
  .landing-page8-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
  #js-mainHeader #navigation--middle .container-fluid .row .site-search-wrapper {
    margin-left: 25px;
  }
  #js-mainHeader #navigation--middle .container-fluid .row .mobile-menu {
    position: relative;
    top: 5px;
  }
  .site-search .input-group {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
  }
  .site-search .input-group .input-group-btn {
    right: 15px;
    top: 20px;
  }
}
/* =============================================================================*/
/* Part-III  Desktop devices means Resolution range (1201px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  .btn:hover {
    opacity: 0.7;
  }
  .eco3-table-search-field {
    float: left;
  }
  .clear-both-desktop {
    clear: both;
  }
  .navigation--middle .nav__right {
    padding: 0;
  }
  .mobile-only,
  .tablet-only,
  .desktop-only {
    display: none;
  }
  .tablet-only {
    display: block;
  }
  #main-account-profile .soldToSelect {
    margin: 0 auto;
    margin-top: -17px;
    width: 122px;
    min-width: 122px;
  }
  .homePageLoginComponent .eco3-comp-box {
    min-height: 300px;
  }
  .homePageLoginComponent .eco3-comp-box .quickorder form {
    padding: 5px 12px 0 12px;
  }
  .homePageTopComponents .eco3-comp-box {
    min-height: 398px;
  }
  #salesAndMarketingResources .home-page-component-box-section:nth-child(4n+1) {
    clear: left;
  }
  .myAccountBlocks .thumbnailIcon img {
    height: 65px;
  }
  .myAccountBlocks a.caliration img {
    height: 78px;
  }
  .simple-banner-component {
    padding: 0px 10px 10px 10px;
  }
  .soldTo-main .eco3-table #custom-search-input {
    margin-right: 30px;
  }
  .card-table .card-add-new {
    float: none;
    margin-right: 30px;
  }
  .RegistrationFormPage .has-feedback .titleError .form-control-feedback {
    right: 400px;
  }
  .RegistrationFormPage .titleError select {
    width: 25%;
  }
  .responsive-tabs-container.accordion-md {
    text-decoration: none;
  }
  .responsive-tabs-container.accordion-lg {
    text-decoration: none;
  }
  .card-table .float-none {
    float: none;
    margin: 0 auto;
    display: inline-block;
  }
  .footer .footLeft {
    width: 68%;
  }
  .footer .footRight {
    width: 32%;
    padding-left: 20px;
  }
  .footer .footRightSub .footerMore {
    padding: 0;
  }
  .productRelatedItemsTabStripContainer {
    margin-bottom: 33px;
    padding-left: 0px;
  }
  .productRelatedItemsTabStripContainer #productRelatedTabsList {
    text-align: left;
  }
  .productRelatedItemsTabStripContainer #productRelatedTabsList .product-family-tabs {
    min-width: 100px;
    z-index: 1;
  }
  .productRelatedItemsTabStripContainer .product-family-group h3 {
    width: 250px;
  }
  .responsive-productDocTbl .single-document {
    margin-left: 40px;
  }
  .responsive-productDocTbl .single-document .document-link {
    margin-left: 20px;
    max-width: 155px;
  }
  #footer {
    margin: 0 auto 0 auto;
  }
  /* Guest Checkout CSS starts */
  #modifyGuestPersonalInfo .personal-info-form-input.guest-checkout-form input.form-control,
  #modifyGuestPersonalInfo .personal-info-form-input.guest-checkout-form select.form-control {
    width: 300px;
  }
  #modifyGuestPersonalInfo .personal-info-form-input.guest-checkout-form .input-group-align {
    margin-left: 45px;
  }
  #modifyGuestPersonalInfo .personal-info-form-input.guest-checkout-form .has-feedback label ~ .form-control-feedback {
    right: 0px;
    left: 99%;
  }
  #modifyGuestPersonalInfo .personal-info-wrapper,
  #modifyGuestPersonalInfo .personal-info-wrapper .personal-info-first-name,
  #modifyGuestPersonalInfo .personal-info-wrapper .personal-info-email,
  .checkoutMainPage section.checkoutSection#checkout-section-body-checkout-end .checkout-section-body {
    padding-left: 0;
  }
  /* Guest Checkout CSS Ends */
  /* Warranty claim list */
  .warranty-clm-main-page .new-warranty-button {
    margin-bottom: 62px;
    float: right;
    margin-right: 18px;
  }
  /* breadcrumb adjustement for Desktop viewport*/
  #breadcrumb {
    clear: both;
  }
  #breadcrumb > ol {
    margin-left: -40px;
    margin-right: -40px;
  }
  #breadcrumb .back-button-container {
    line-height: 42px;
  }
  .margin-right-desktop-6 {
    margin-right: 6px;
  }
  .goUpIcon {
    bottom: 87px;
  }
  .live-support-chat-icon {
    bottom: 173px;
  }
  .section2Template .yCmsContentSlot.zone_a.thumbnail_detail {
    width: 66%;
    float: left;
  }
  .section2Template .yCmsContentSlot.zone_b.thumbnail_detail {
    width: 33%;
    float: right;
  }
  .landingpage-section-three.adjust-position {
    margin-top: 80px;
    margin-bottom: -90px;
    padding: 0px !important;
    float: none;
    text-align: center;
  }
  .landingpage-section-three.adjust-position .cms_disp-img_slot {
    max-width: 300px;
    float: none;
    display: inline-block;
    padding: 0 !important;
    margin: 0 50px 0 0;
  }
  .landingpage-section-three.adjust-position .cms_disp-img_slot:last-child {
    margin: 0;
  }
  .landingpage-section-three.adjust-position .cms_disp-img_slot .pipette-calibration-landing-main-container {
    padding: 0 !important;
  }
  .page-servicesJustGotFasterLandingPage .order-pipette-service .section1Template7:last-child {
    margin-bottom: 55px;
  }
  #myProfilePage #globalMessages {
    margin-top: 20px;
  }
  #js-mainHeader #navigation--middle .container-fluid .row {
    display: flex;
    align-items: center;
  }
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1201px and more)*/
/* END
/* =============================================================================*/
/* =============================================================================*/
/* Part IV Desktop resolution media query block (1201px to 1250px)*/
/* =============================================================================*/
@media (min-width: 1201px) and (max-width: 1250px) {
  .radio label::after {
    left: 2.5px;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info li.loginmenu {
    max-width: 95px;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info li.loginmenu span.userName {
    max-width: 95px;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info li.site-search-wrapper .site-search {
    width: 140px;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info li.site-search-wrapper .site-search .eco3-btn-search {
    width: 140px !important;
  }
}
/* =============================================================================*/
/* Part IV Desktop resolution media query block (1201px to 1250px)*/
/* END
/* =============================================================================*/
/* End file code */
/* import the less code for the media query specific to device */
.tile-component-image-section {
  max-height: 256px;
  overflow: hidden;
}
.tile-component-image-section img {
  width: 100%;
  border-radius: 0;
}
.tile-component-main-container {
  width: 406px;
  margin-bottom: 34px;
  margin-right: 34px;
}
.tile-component-main-container .tile-component-landing-container {
  width: auto;
  height: auto;
  display: block;
  font-size: 14px;
  background-color: #ffffff;
  box-shadow: 0 3px 10px 1px #cccccc;
  text-align: left;
}
.tile-component-main-container .tile-component-landing-container .tile-component-text-section {
  height: 151px;
  padding: 20px;
}
.tile-component-main-container .tile-component-landing-container .tile-component-title-section {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 21px;
  color: #434343;
  max-height: 21px;
  overflow: hidden;
}
.tile-component-main-container .tile-component-landing-container .tile-component-description-section {
  color: #434343;
  max-height: 80px;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .tile-component-text-section {
    text-align: left;
  }
  .tile-component-main-container {
    width: 300px !important;
    margin: 0 auto 34px auto;
    float: none;
  }
  .tile-component-text-section {
    height: 160px !important;
  }
  .tile-component-description-section {
    max-height: 92px !important;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .yCmsComponent:nth-child(2n+2) .tile-component-main-container {
    margin-right: 0 !important;
  }
  .tile-component-main-container {
    width: 337px;
  }
  .tile-component-image-section {
    height: 213px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .yCmsComponent:nth-child(3n+3) .tile-component-main-container {
    margin-right: 0 !important;
  }
  /*****************************Desktop-End*********************************/
}
/* import tile-component */
.big-banner-component {
  width: 100%;
  height: 512px;
  padding: 50px 103px;
}
.big-banner-component-layer-2 {
  width: 100%;
  height: 100%;
  padding: 25px;
}
.big-banner-component-layer-3 {
  background: #ffffff;
  width: 100%;
  height: 100%;
  padding-left: 20px;
}
.big-banner-component-layer-3 img {
  height: 100%;
  width: 512px;
  float: right;
}
.big-banner-component-layer-3 #breadcrumb {
  margin: 0 !important;
  background-color: transparent !important;
  clear: none !important;
}
.big-banner-component-layer-3 #breadcrumb ol {
  box-shadow: none !important;
}
.big-banner-component-layer-3 #breadcrumb li {
  margin-right: 0px !important;
}
.big-banner-component-layer-3 .breadcrumb-indicator {
  font-family: Arial;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #2b9cea;
}
.big-banner-component-layer-3 .breadcrumb {
  background-color: transparent !important;
  margin-top: 115px;
  padding-bottom: 8px !important;
}
.big-banner-component-layer-3 .bigbanner-tittle {
  text-align: left;
  width: 50%;
}
.big-banner-component-layer-3 .bigbanner-tittle h3 {
  margin-top: 0px;
  font-size: 27px;
  font-weight: 700;
}
.big-banner-component-layer-3 .bigbanner-description {
  text-align: left;
  width: 50%;
  max-height: 150px;
}
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .big-banner-component {
    height: 408px;
    padding: 25px 10px;
  }
  .big-banner-component-layer-2 {
    padding: 10px;
  }
  .big-banner-component-layer-3 {
    padding-left: 0px;
  }
  .big-banner-component-layer-3 img {
    width: 100%;
    height: 226px;
  }
  .big-banner-component-layer-3 #breadcrumb {
    display: none;
  }
  .big-banner-component-layer-3 .bigbanner-tittle {
    padding: 0 20px;
    width: 100%;
  }
  .big-banner-component-layer-3 .bigbanner-tittle h3 {
    font-size: 18px;
  }
  .big-banner-component-layer-3 .bigbanner-description {
    padding: 0 20px;
    width: 100%;
    max-height: 67px;
  }
  .big-banner-component-layer-3 .bigbanner-description .content {
    font-size: 12px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .big-banner-component {
    padding: 25px 10px;
    height: 386px;
  }
  .big-banner-component-layer-2 {
    padding: 20px;
  }
  .big-banner-component-layer-3 img {
    width: 417px;
  }
  .big-banner-component-layer-3 #breadcrumb {
    display: none;
  }
  .big-banner-component-layer-3 .bigbanner-tittle {
    padding-top: 84px;
    width: 251px;
  }
  .big-banner-component-layer-3 .bigbanner-tittle h3 {
    font-size: 21px;
  }
  .big-banner-component-layer-3 .bigbanner-description {
    width: 251px;
  }
  .big-banner-component-layer-3 .bigbanner-description .content {
    font-size: 12px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/* import bigbanner-component */
.section1Template9 {
  width: 100%;
  height: auto;
  padding: 0 40px;
  margin-top: 34px;
}
.landing-page-9-wrapper {
  margin: 0 -40px;
}
.landing-page-9-wrapper .clear {
  clear: both;
  margin-bottom: 202px;
}
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .landing-page-9-wrapper {
    margin: 0 -20px;
  }
  .landing-page-9-wrapper .clear {
    clear: both;
    margin-bottom: 66px;
  }
  .section1Template9 {
    padding: 0;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .section1Template9 {
    padding: 0 30px;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .landing-page-9-wrapper {
    margin: 0 -20px;
  }
  .landing-page-9-wrapper .clear {
    clear: both;
    margin-bottom: 66px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/* import landing-page-9 */
.video-gallery-component-wrapper {
  position: relative;
  margin: auto;
  width: 708px;
  height: 475px;
}
.video-wrapper {
  margin-top: 20px;
}
.video-component-wrapper a {
  color: inherit;
  text-decoration: inherit;
}
.video-component-wrapper p {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 0;
}
.video-component-wrapper .video-component-date {
  font-size: 12px;
  position: relative;
  top: -5px;
}
.video-component-wrapper iframe {
  width: 100%;
  height: 399px;
}
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .video-gallery-component-wrapper {
    width: 320px;
    height: 300px;
  }
  .video-gallery-component-wrapper .prev,
  .video-gallery-component-wrapper .next {
    margin-top: -40px;
  }
  .video-component-wrapper iframe {
    height: 224px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/* import video gallery component */
/******************************************************************************************************************
/* File Name        : eco3-plugins.less					 
/* Created By       : Vishwajeet Mahadik
/* Created Date     : 7-April-2018
/* Description      : This is less code for the eco3 project extra plugins
/*******************************************************************************************************************/
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.16/r-2.2.0
 *
 * Included libraries:
 *   DataTables 1.10.16, Responsive 2.2.0
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #cccccc;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #cccccc;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("DataTables-1.10.16/images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("DataTables-1.10.16/images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("DataTables-1.10.16/images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("DataTables-1.10.16/images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("DataTables-1.10.16/images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: #f5f5f5;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #cccccc;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #cccccc;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #585858 0%, #cccccc 100%);
  background: -moz-linear-gradient(top, #585858 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #585858 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #585858 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #585858 0%, #cccccc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #cccccc;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #cccccc;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 9px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 9px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}
.tns-outer.ms-touch {
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  -ms-scroll-chaining: none;
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-x: snapInterval(0%, 100%);
}
.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}
.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
  margin-right: -100%;
}
.tns-no-calc {
  position: relative;
  left: 0;
}
.tns-gallery {
  position: relative;
  left: 0;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: opacity 0s;
  -moz-transition: opacity 0s;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}
.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.loaded {
  opacity: 1;
}
.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}
.tns-ovh {
  overflow: hidden;
}
.tns-hdx {
  overflow-x: hidden;
}
.tns-hdy {
  overflow-y: hidden;
}
.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}
.tns-transparent {
  opacity: 0;
  visibility: hidden;
}
.tns-fadeIn {
  opacity: 1;
  z-index: 0;
}
.tns-normal,
.tns-fadeOut {
  opacity: 0;
  z-index: -1;
}
/*!
 * Datepicker for Bootstrap v1.7.1 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker table tr td span.active.disabled.focused,
.datepicker table tr td span.active.disabled.focused:hover,
.datepicker table tr td span.active.focused:hover,
.datepicker table tr td span.active.focused {
  background-color: #009cdd;
  color: #ffffff;
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
  /*  .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
  }*/
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  z-index: 1;
  text-align: right;
  white-space: nowrap;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
  border-color: #28a745;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle:before {
  content: '';
  display: inline-block;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: inherit;
  padding-right: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  height: 100%;
  width: 100%;
  text-align: left;
}
.bootstrap-select .dropdown-toggle .filter-option-inner {
  padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}
/*ECO3 plugins libraries less / css files*/
* {
  box-sizing: border-box;
}
/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  width: 708px;
  height: 496px;
}
/* Hide the images by default */
.mySlides {
  display: none;
}
.image-gallery {
  margin-top: 20px;
}
.component-label {
  font-size: 18px;
  font-family: Roboto;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* Next & previous buttons */
.gallery-component {
  /* Position the "next button" to the right */
  /* On hover, add a black background color with a little bit see-through */
}
.gallery-component .image-gallery img {
  max-height: 470px;
}
.gallery-component .prev,
.gallery-component .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 12px 12px 10px 15px;
  margin-top: -20px;
  color: white;
  font-weight: bold;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
}
.gallery-component .next {
  right: 15px;
}
.gallery-component .prev {
  left: 15px;
}
.gallery-component .prev:hover,
.gallery-component .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.zoomimageGalleryView {
  margin: 0 auto;
  max-width: fit-content;
  max-height: fit-content;
}
@media (max-width: 767px) {
  .zoomimageGalleryView {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .zoomimageGalleryView {
    width: 100%;
    height: 100%;
  }
}
/* imports the  variable.less */
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
/* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .slideshow-container {
    position: relative;
    margin: auto;
    width: 320px;
    height: 224px;
  }
  .modal-gallery .modal-body {
    padding: 0;
  }
  .modal-gallery .modal-header {
    display: block;
  }
  .modal-gallery .modal-header .close {
    margin-top: 2px;
  }
  .gallery-component .image-gallery img {
    max-height: 220px;
  }
}
/*****************************Mobile-End*********************************/
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .slideshow-container {
    position: relative;
    margin: auto;
    width: 708px;
    height: 496px;
  }
  .modal-gallery {
    width: max-content;
  }
  .modal-gallery .modal-body {
    padding: 0;
  }
  .modal-gallery .modal-content .modal-header {
    display: block;
  }
  .modal-gallery .modal-content .modal-header .close {
    margin-top: 2px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .slideshow-container {
    position: relative;
    margin: auto;
    width: 708px;
    height: 496px;
  }
  .modal-gallery {
    width: 100%;
    display: flex;
  }
  .modal-gallery .modal-content {
    max-width: unset;
  }
  .modal-gallery .modal-content .modal-header {
    display: block;
  }
  .modal-gallery .modal-content .modal-header .close {
    margin-top: 2px;
  }
  .modal-gallery .modal-content .modal-body {
    padding: 0;
  }
}
/* imports the media-query.less */
/* import images gallery less section */
/****************************************************************************************************************** 
/* File Name : collapsable-paragraph-component.less
/* Created By : Kamil Zakrzewski kamil.zakrzewski@mt.com
/* Created Date : 25-08-2021
/* Description : This is less code for the collapsable paragraph CMS component
/*******************************************************************************************************************/
.collapsable-component-main-container {
  padding-bottom: 30px;
}
.collapsable-component-main-container .collapsable-component-landing-container {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-image-section img {
  width: 140px;
  padding-left: 0px;
}
.collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-image-section span {
  width: 140px;
  display: block;
  align-items: center;
  align-self: stretch;
  text-align: center;
  margin: 12px 0px;
}
.collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-text-section .collapsable-component-title-section {
  position: static;
  height: 20px;
  left: 0px;
  top: 0px;
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-text-section .collapsable-component-text-content-section {
  width: 100%;
  left: 0px;
  top: 30px;
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-button-section {
  padding-top: 25px;
}
.collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-button-section .collapsable-paragraph-show-more,
.collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-button-section .collapsable-paragraph-show-less {
  background: #f3f3f3;
  height: 30px;
  display: grid;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #009cdd;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .collapsable-component-main-container {
    padding-left: 0px;
    left: 0px;
    padding-right: 0px;
    right: 0px;
  }
  .collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-image-section {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  .collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-text-section {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-text-section .collapsable-component-text-content-section {
    width: 100%;
    left: 0px;
    top: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .collapsable-component-main-container {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
  }
  .collapsable-component-main-container .collapsable-component-button-section {
    padding-top: 25px;
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .collapsable-component-main-container {
    width: 695px;
    padding: 10px 0px 30px 0px;
  }
  .collapsable-component-main-container .collapsable-component-landing-container .collapsable-component-button-section {
    padding-top: 25px;
    width: 100%;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
  }
  /*****************************Desktop-End*********************************/
}
/*import collapsable paragraph component less file*/
/****************************************************************************************************************** 
/* File Name : collapsable-paragraph-component.less
/* Created By : Kamil Zakrzewski kamil.zakrzewski@mt.com
/* Created Date : 25-08-2021
/* Description : This is less code for the collapsable paragraph CMS component
/*******************************************************************************************************************/
.social-media-container {
  float: left;
  padding-left: 20px;
  padding-top: 15px;
  opacity: 0.8;
}
.social-media-container .social-media-icon img {
  width: 28px;
  filter: grayscale(100%);
}
.social-media-container .social-media-icon img:hover {
  width: 28px;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.social-media-footer-icon {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .social-media-footer-icon {
    float: right;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .footer-social-media {
    width: 100%;
  }
  .footer-social-media .social-media-footer {
    display: inline-block;
  }
  .social-media-footer-icon {
    width: 100%;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .social-media-footer-icon {
    float: left;
  }
  /*****************************Desktop-End*********************************/
}
/*import social media footer component less file*/
/******************************************************************************************************************
/* File Name        : business-on-behalf.less
/* Created By       : Nayan Narvekar
/* Created Date     : 27-Jun-2023
/* Description      : This is less code for the business on behalf feature
/*******************************************************************************************************************/
.impersonation-container {
  width: 640px;
  margin: 50px auto;
  border: 1px solid #d9d9d9;
  padding: 15px;
  box-sizing: border-box;
}
.impersonation-collaboration-container {
  display: flex;
  gap: 20px;
}
.impersonation-body-container {
  margin: 10px auto 10px auto;
}
.impersonation-body-container label {
  font-size: 14px;
  font-weight: 700;
}
.impersonation-body-container span.text-space {
  color: #666666;
}
.impersonation-body-container .buttonDemo {
  background-color: #f3f3f3;
  width: auto;
}
.impersonation-body-container .buttonDemo a,
.impersonation-body-container .buttonDemo a:hover {
  text-decoration: none;
  color: #009cdd;
}
hr.horizontal-seperator {
  border-top: 1px solid #cccccc;
  margin-bottom: 30px;
}
.filter-container {
  float: none;
  max-width: 100%;
  margin: 0 auto 50px auto;
  padding: 0;
  /******first filter*********/
  /******************end of 1st filter******/
}
@media (max-width: 1200px) {
  .filter-container {
    display: flex;
    flex-wrap: wrap;
  }
  .filter-container .custom-width-button {
    flex: 1 1 100%;
    order: 99;
    margin-top: 10px;
  }
}
.filter-container .custom-width {
  width: 184px;
  float: left;
  margin-right: 25px;
  padding-left: 0;
}
@media (max-width: 767px) {
  .filter-container .custom-width {
    width: 280px;
  }
}
@media (max-width: 1200px) {
  .filter-container .custom-width {
    width: 280px;
  }
}
.filter-container .custom-width-button {
  padding: 0;
  width: 120px;
  float: left;
}
.filter-container .filter-container-field {
  display: inline-block;
  width: 186px;
  padding: 0;
}
@media (max-width: 767px) {
  .filter-container .filter-container-field {
    width: 280px;
  }
}
@media (max-width: 1200px) {
  .filter-container .filter-container-field {
    width: 280px;
  }
}
.filter-container .filter-container-field .filter-container-field-label {
  text-align: left;
  display: block;
  height: 20px;
  font-weight: 700;
}
.filter-container .filter-container-field .filter-search {
  min-width: 120px;
  height: 35px;
  float: left;
  margin-right: 20px;
}
.filter-container .filter-container-field:last-child {
  text-align: left;
  float: left;
}
@media (max-width: 1200px) {
  .filter-container .filter-container .userStatus-label {
    margin-left: 42px!important;
  }
  .filter-container .filer-container .custom-width-button .impersonatesearchbutton {
    margin-left: 300px !important;
  }
}
.filter-container .ms-options-wrap,
.filter-container .ms-options-wrap * {
  box-sizing: border-box;
}
.filter-container .ms-options-wrap > button:focus,
.filter-container .ms-options-wrap > button {
  position: relative;
  width: 184px;
  text-align: left;
  padding: 0;
  white-space: nowrap;
  height: 35px;
  font-size: 11.0pt;
  background-color: #fcfcfc;
  font-weight: normal;
  border: 1px solid #cccccc;
  color: #434343;
  background: #fcfcfc url(../images/dd-arrow.svg) no-repeat 100% 42%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .filter-container .ms-options-wrap > button:focus,
  .filter-container .ms-options-wrap > button {
    width: 280px;
  }
}
@media (max-width: 1200px) {
  .filter-container .ms-options-wrap > button:focus,
  .filter-container .ms-options-wrap > button {
    width: 280px;
  }
}
.filter-container .ms-options-wrap > button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  word-break: break-word;
  width: 95%;
}
.filter-container .ms-options-wrap > .ms-options {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  background: #fcfcfc;
  z-index: 2000;
  border: 1px solid #333333;
  overflow: auto;
  visibility: hidden;
}
.filter-container .ms-options-wrap.ms-active > .ms-options {
  visibility: visible;
}
.filter-container .ms-options-wrap > .ms-options > .ms-search input {
  padding: 4px 5px;
  width: 90%;
  margin: 10px 0 0 0;
  border: 1px solid #cccccc;
  outline: none;
}
@media (max-width: 1200px) {
  .filter-container .ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
  }
}
.filter-container .ms-options-wrap > .ms-options .ms-selectall {
  font-size: 13pt;
  text-align: right;
  display: block;
  padding-right: 10px;
  text-decoration: underline;
}
.filter-container .ms-options-wrap > .ms-options .ms-selectall:hover {
  text-decoration: underline;
}
.filter-container .ms-options-wrap > .ms-options > .ms-selectall.global {
  margin: 4px 5px;
}
.filter-container .ms-options-wrap > .ms-options > ul,
.filter-container .ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.filter-container .ms-options-wrap > .ms-options > ul li.ms-hidden {
  display: none;
}
.filter-container .ms-options-wrap > .ms-options > ul > li.optgroup {
  padding: 5px;
}
.filter-container .ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #333333;
}
.filter-container .ms-options-wrap > .ms-options > ul > li.optgroup .label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: 500;
}
.filter-container .ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 30px;
  font-size: 11pt;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 25px;
  word-break: break-word;
}
.filter-container .ms-options-wrap > .ms-options > ul label .checkmark {
  top: 3px;
}
.filter-container .ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.filter-container .ms-options-wrap > .ms-options.hide-checkbox > ul label {
  padding: 4px;
}
.filter-container .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  margin: 0 5px 0 0;
  position: absolute;
  left: 4px;
  top: 7px;
}
.filter-container .ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.filter-container .ms-options-wrap > .ms-options {
  box-shadow: 1px 1px 6px 1px #cccccc;
  min-height: auto !important;
  border: 1px solid #cccccc;
}
.filter-container .ms-options-wrap > .ms-options ul {
  padding: 0;
  width: 90%;
  margin: 10px auto 0px auto;
}
.filter-container .ms-options-wrap > .ms-options ul li {
  line-height: 30px;
}
.filter-container .ms-options-wrap > .ms-options a.clear-checkbox {
  display: none;
}
.filter-container .ms-options-wrap > button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  word-break: break-word;
  width: 95%;
  font-size: 11pt;
  padding: 5px;
}
.filter-container .filter-icon {
  background-image: url(../images/iconfinder-icon.svg) !important;
  background-repeat: no-repeat;
  background-position: inherit;
  background-position: center center;
  background-size: 35px;
  display: table-cell;
  cursor: pointer;
  width: 35px;
  height: 35px;
  float: left;
}
div.container-wrapper-for-b2b-customer-list {
  min-height: 100px;
}
div.container-wrapper-for-b2b-customer-list .no-result-message-container {
  clear: both;
  overflow: auto;
}
div.container-wrapper-for-b2b-customer-list .no-result-message-container div#globalMessages.no-b2b-customer-notification {
  max-width: 500px;
  margin-bottom: 120px;
}
div.container-wrapper-for-b2b-customer-list .no-result-message-container div#globalMessages.no-b2b-customer-notification ul.notificationicon {
  margin-bottom: 0;
  padding: 5px;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 {
  margin-bottom: 100px;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table {
  width: 100% !important;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table thead tr th {
  border-bottom: 1px solid #cccccc;
  padding: 20px 5px;
  word-break: break-word;
  width: 20%;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table thead tr th.email-heading {
  width: 25%;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table thead tr th.contact-person-heading {
  width: 15%;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table tr.bob-customer-list-row td {
  border-bottom: 1px solid #cccccc;
  padding: 20px 5px;
  word-break: break-word;
  width: 20%;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table tr.bob-customer-list-row td.email-heading {
  width: 25%;
  padding: 0;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table tr.bob-customer-list-row td.contact-person-heading {
  width: 15%;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table tr.bob-customer-list-row td button {
  background-color: #f3f3f3;
  color: #434343;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-table tr.bob-customer-list-row:last-child {
  border-bottom: none;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .show-entries-section {
  padding-left: 0;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .show-entries-section .show-entries-section-select-dropdown {
  text-align: right;
  min-width: 300px;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .show-entries-section .show-entries-section-select-dropdown select {
  width: 55px;
  height: 30px;
  padding-left: 13px;
  margin: 0 5px;
  border-radius: 0;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .show-entries-section #showing-x-entries {
  padding-left: 0;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .show-entries-section #showing-x-entries .device-list-records-label {
  text-align: left;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-pagination {
  float: right;
  display: table;
  margin: 20px 0 50px 0;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-pagination .icon-page-left {
  background-image: url(../images/prev-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-pagination .icon-page-right {
  background-image: url(../images/next-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-pagination .icon-left {
  background-image: url(../images/prev-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-pagination .page-numbers-section span {
  width: 30px;
  font-size: 16px;
  display: inline-block;
  color: #009cdd;
  cursor: pointer;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-pagination .page-numbers-section span.current-page {
  font-weight: 800;
}
div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .eco3-table1 .bob-customer-pagination .icon-right {
  background-image: url(../images/next-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.page-impersonationPage .eco3-page {
  min-height: 350px !important;
}
/* imports the business-on-behalf-media-query.less */
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
 /* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .impersonation-body-container {
    width: 100%;
    margin: 0px auto;
  }
  .impersonation-container {
    width: 90%;
    padding: 20px;
  }
  .impersonation-collaboration-container {
    display: block;
  }
  .filter-container {
    margin: 0 auto;
    width: 90%;
  }
  .filter-container .custom-width,
  .filter-container .custom-width-button {
    margin-bottom: 25px;
    min-width: 280px;
    width: 100%;
  }
  .filter-container .custom-width .filter-container-field,
  .filter-container .custom-width-button .filter-container-field {
    min-width: 280px;
    width: 100%;
    float: none;
    text-align: center;
  }
  .filter-container .custom-width-button {
    margin-bottom: 0;
  }
  .filter-container .ms-options-wrap > button {
    width: 100% !important;
  }
  .filter-container .ms-options-wrap > .ms-options {
    max-width: 97% !important;
  }
  .filter-container .filter-container-field .filter-search {
    float: none;
    display: inline-block;
    margin-right: 15px;
  }
  .filter-container .filter-container-field .filter-icon {
    float: none;
    display: inline-block;
    position: relative;
    top: 12px;
  }
  div.container-wrapper-for-b2b-customer-list .no-result-message-container div#globalMessages.no-b2b-customer-notification {
    margin-top: 0;
  }
  div.container-wrapper-for-b2b-customer-list .no-result-message-container div#globalMessages.no-b2b-customer-notification ul.notificationicon li span {
    vertical-align: top;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container {
    margin: 20px 0;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .show-entries-section {
    margin-bottom: 30px;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .show-entries-section #showing-x-entries,
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .show-entries-section .bob-customer-list-show-entries {
    clear: both;
    text-align: left;
    float: none;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .show-entries-section #showing-x-entries .show-entries-section-select-dropdown,
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .show-entries-section .bob-customer-list-show-entries .show-entries-section-select-dropdown {
    text-align: left !important;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box {
    display: inline-block;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    min-width: 280px;
    width: 100%;
    min-height: 135px;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 0;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .form-group {
    margin: 10px 0;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .form-group .line-item {
    text-align: left;
    margin: 10px 0 10px 10px;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .form-group .line-item span.title {
    font-weight: 500;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .form-group .line-item span.value {
    display: inline-block;
    word-break: break-word;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .button-wrapper {
    display: block;
    margin: 0 auto 30px auto;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .button-wrapper .select-contact-person {
    background-color: #f3f3f3;
    color: #434343;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .impersonation-body-container {
    width: 100%;
  }
  .impersonation-collaboration-container {
    display: block;
  }
  .impersonation-collaboration-container .impersonation-container {
    width: 700px;
  }
  #launchDemoButton {
    margin-top: 30px;
  }
  .filter-container {
    margin: 0 auto;
  }
  .filter-container .custom-width-button,
  .filter-container .custom-width {
    float: none;
    margin: 0 auto;
  }
  .filter-container .custom-width-button .filter-container-field,
  .filter-container .custom-width .filter-container-field {
    margin-bottom: 25px;
  }
  .filter-container .userStatus-label {
    margin-left: 42px!important;
  }
  .filter-container .custom-width-button .impersonatesearchbutton {
    margin-left: 300px !important;
  }
  div.container-wrapper-for-b2b-customer-list .no-result-message-container div#globalMessages.no-b2b-customer-notification {
    margin-top: 0;
  }
  div.container-wrapper-for-b2b-customer-list .no-result-message-container div#globalMessages.no-b2b-customer-notification ul.notificationicon li span {
    vertical-align: top;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container {
    margin: 30px 10px;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box {
    display: flex;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    min-width: 280px;
    width: 100%;
    min-height: 135px;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 0;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .form-group {
    margin: 10px 0;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .form-group .line-item {
    text-align: left;
    margin: 10px 0 10px 10px;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .form-group .line-item span.title {
    font-weight: 500;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .form-group .line-item span.value {
    display: inline-block;
    word-break: break-word;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .button-wrapper {
    display: flex;
    align-items: center;
  }
  div.container-wrapper-for-b2b-customer-list .bob-customer-list-top-container .bob-customer-resultData-forMobile .bob-list-box .button-wrapper .select-contact-person {
    background-color: #f3f3f3;
    color: #434343;
  }
  /*****************************Tablet-End*********************************/
}
/* imports the media-query.less */
/*import business on behalf less file*/
/******************************************************************************************************************
/* File Name        : digital-sales-room.less
/* Created By       : Nayan Narvekar
/* Created Date     : 1-Feb-2024
/* Description      : This is less code for the digital sales room.
/*******************************************************************************************************************/
/* imports the variable.less */
/* START : digital-sales-room */
.digital-sales-room-home-page-wrapper {
  float: none;
  margin: 50px auto;
}
.digital-sales-room-home-page-wrapper .dsr-access-denied-error-container {
  margin-top: 200px;
  margin-bottom: 120px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section {
  padding: 0;
  margin-bottom: 30px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list {
  list-style-type: none;
  padding: 20px 10px;
  margin: 0 0 50px 0;
  box-shadow: 0 0 10px 0 #cccccc;
  max-width: 110px;
  left: auto !important;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item {
  padding: 10px 0;
  max-width: 90px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .eco3-icon {
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .eco3-icon.dsr-icon-home {
  background-image: url("../images/home-dashboard-grey.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .eco3-icon.dsr-icon-team {
  background-image: url("../images/team.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .eco3-icon.dsr-icon-quotes {
  background-image: url("../images/quote-grey.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .eco3-icon.dsr-icon-collaterals {
  background-image: url("../images/sales-collaterals-grey.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .eco3-icon.dsr-icon-shared-documents {
  background-image: url("../images/shared-documents-grey.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .eco3-icon.dsr-icon-appointments {
  background-image: url("../images/calendar-grey.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .eco3-icon.dsr-icon-orders {
  background-image: url("../images/cart.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item .menu-label {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  word-break: break-word;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item:hover .eco3-icon.dsr-icon-home,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item.active .eco3-icon.dsr-icon-home {
  background-image: url("../images/home-dashboard-blue.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item:hover .eco3-icon.dsr-icon-team,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item.active .eco3-icon.dsr-icon-team {
  background-image: url("../images/team-blue.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item:hover .eco3-icon.dsr-icon-quotes,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item.active .eco3-icon.dsr-icon-quotes {
  background-image: url("../images/quote-blue.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item:hover .eco3-icon.dsr-icon-collaterals,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item.active .eco3-icon.dsr-icon-collaterals {
  background-image: url("../images/sales-collaterals-blue.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item:hover .eco3-icon.dsr-icon-shared-documents,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item.active .eco3-icon.dsr-icon-shared-documents {
  background-image: url("../images/shared-documents-blue.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item:hover .eco3-icon.dsr-icon-appointments,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item.active .eco3-icon.dsr-icon-appointments {
  background-image: url("../images/calendar-blue.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item:hover .eco3-icon.dsr-icon-orders,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item.active .eco3-icon.dsr-icon-orders {
  background-image: url("../images/cart-blue.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item:hover .menu-label,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .digital-sales-room-menu-list .digital-sales-room-menu-item.active .menu-label {
  color: #009cdd;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .dsr-orders-confirmation-popup .display-messages {
  width: 321px;
  height: 160px;
  margin: 0 auto;
  align-content: center;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-menu-section .dsr-orders-confirmation-popup .display-messages .popup-body {
  margin-bottom: 20px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section {
  padding: 0 0 0 30px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .section-heading {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
  display: block;
  margin: 0 0 30px 0;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper {
  text-align: left;
  margin-bottom: 30px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes {
  width: 320px;
  min-height: 420px;
  height: auto;
  padding: 20px;
  gap: 10px;
  box-shadow: 0 0 10px 0 #cccccc;
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .opp-id {
  border-bottom: 1px solid #cccccc;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .opp-id label {
  font-weight: 400;
  font-size: 16px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .opp-id span {
  font-weight: 500;
  font-size: 16px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details .company-name {
  font-size: 16px;
  font-weight: 500;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details .company-address {
  font-size: 14px;
  font-weight: 400;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details label,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details span {
  font-size: 14px;
  font-weight: 400;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details label {
  font-weight: 500;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details span.status-button {
  background: #83bc34;
  padding: 4px 8px;
  border-radius: 4px;
  Gap: 10px;
  min-width: 55px;
  width: auto;
  height: 28px;
  color: #ffffff;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details span.download-vcard .eco3-icon.dsr-download-icon {
  width: 20px;
  height: 20px;
  background-image: url("../images/download.svg");
  position: relative;
  top: 5px;
  left: 5px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details span#copyButton {
  height: 40px;
  color: #ffffff;
  min-height: 35px;
  padding: 0 0 0 13px;
  min-width: 30px !important;
  background-color: #ffffff;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details span#copyButton i {
  background-image: url(../images/copy.svg);
  background-size: 100% 100%;
  width: 20px;
  height: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 8px;
  right: 10px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details .successful-copied-msg {
  width: 182px;
  height: 46px;
  display: inline-flex;
  position: relative;
  padding: 8px 8px;
  text-align: center;
  float: right;
  color: #ffffff;
  bottom: 5px;
  left: 105px;
  white-space: normal;
  line-height: 16px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details .successful-copied-msg .copied-msg {
  margin: 6px auto;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .message-button-wrapper {
  margin: 0 auto;
  text-align: center;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .message-button-wrapper .btn {
  line-height: 40px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .sales-rep-details {
  display: table;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .sales-rep-details .dsr-sales-rep-photo {
  background-size: 120px;
  width: 120px;
  border-radius: 50%;
  height: 120px;
  background-image: url("../images/user-profile-image.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .sales-rep-details .sales-rep-name {
  display: table-cell;
  align-items: center;
  vertical-align: middle;
  padding-left: 15px;
  font-size: 14px;
  font-weight: 700;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .dsr-notes {
  margin-top: 10px;
  padding: 8px;
  background-color: #e9f7fd;
  border-radius: 8px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .dsr-notes div.color-primary {
  cursor: pointer;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .dsr-notes .dsrNote {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .dsr-notes .show-all-lines {
  -webkit-line-clamp: initial;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .dsr-box-image-content {
  margin: 0 auto;
  text-align: center;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .dsr-box-image-content .eco3-icon.dsr-icon-appointments {
  background-size: 96px;
  width: 96px;
  height: 96px;
  background-image: url("../images/appointments.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .dsr-icon-team-big-label {
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  line-height: 24px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .team-text {
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  line-height: 20px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .team-member-chips ul.team-chip-wrapper {
  padding: 0;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .team-member-chips ul.team-chip-wrapper li.team-chip {
  list-style-type: none;
  display: inline-block;
  padding: 4px 8px;
  background: #f3f3f3;
  font-size: 14px;
  margin-right: 10px;
  color: #434343;
  margin-bottom: 10px;
  word-break: break-word;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper {
  text-align: left;
  margin-bottom: 100px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes {
  width: 232px;
  height: 182px;
  box-shadow: 0 0 10px 0 #cccccc;
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .quote-count,
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .shared-doc-count {
  width: auto;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  padding: 0 5px;
  border-radius: 50%;
  color: #ffffff;
  position: relative;
  right: 10px;
  top: 10px;
  text-align: center;
  float: right;
  background-color: #009cdd;
  line-height: 24px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .dsr-menu-boxes-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .dsr-menu-boxes-content .eco3-icon {
  background-size: 96px;
  width: 96px;
  height: 96px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .dsr-menu-boxes-content .eco3-icon.dsr-icon-collaterals {
  background-image: url("../images/collaterals-tile.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .dsr-menu-boxes-content .eco3-icon.dsr-icon-shared-documents {
  background-image: url("../images/shared-docs-tile.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .dsr-menu-boxes-content .eco3-icon.dsr-icon-quotes {
  background-image: url("../images/quotes-tile.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .dsr-menu-boxes-content .eco3-icon.dsr-icon-orders {
  background-image: url("../images/orders-tile.svg");
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .dsr-menu-boxes-content .big-menu-label {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #009cdd;
  margin-top: 10px;
}
.digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .coming-soon-small {
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  font-size: 20px;
  color: #cccccc;
  opacity: 1;
  top: 62px;
  right: 50px;
}
.digital-sales-room-home-page-wrapper .dsr-quote-global-messages {
  max-width: 480px;
  margin-bottom: 30px;
  margin-top: 0;
}
.digital-sales-room-home-page-wrapper .dsr-quote-global-messages .global-alerts {
  margin-left: 0;
  padding-right: 0;
}
.digital-sales-room-home-page-wrapper .dsr-quote-global-messages .global-alerts .alert-bar ul li .confirmation-icon {
  margin-left: 14px !important;
}
.digital-sales-room-ajax-response .spinner {
  margin: 200px auto;
}
.digital-sales-room-ajax-response .dsr-quote-global-messages {
  max-width: 480px;
}
.digital-sales-room-ajax-response .dsr-quote-global-messages .global-alerts {
  margin-left: 0;
  padding-right: 0;
}
.digital-sales-room-ajax-response .dsr-quote-global-messages .global-alerts .alert-bar ul li .confirmation-icon {
  margin-left: 14px !important;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper {
  color: #434343;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper .section-heading {
  margin: 0 !important;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper .dsr-collateral {
  display: flex;
  gap: 20px;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: #d9d9d9 1px solid;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper .dsr-collateral .collateral-image {
  max-width: 64px;
  max-height: 91px;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper .dsr-collateral .collateral-description {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper .dsr-collateral .collateral-description .collateral-desc-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper .dsr-collateral .collateral-description .collateral-desc-row .collateral-name {
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper .dsr-collateral .collateral-description .collateral-desc-row .collateral-details {
  font-weight: 400;
  color: #666666;
  padding-right: 10px;
  margin-right: 10px;
  border-right: #d9d9d9 1px solid;
  text-align: left;
}
.digital-sales-room-ajax-response .dsr-collaterals-wrapper .dsr-collateral .collateral-description .collateral-desc-row .collateral-details:last-child {
  border: none;
}
.quote-header {
  margin-top: 20px;
  text-align: left!important;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 5px;
}
.no-quotes .alert-bar {
  padding: 8px 16px 8px 16px!important;
}
.no-quotes .alert-bar span .global-alerts-icon {
  margin-left: 4px!important;
}
.no-quotes .eco3-globalMessages {
  max-width: 480px;
}
.dsr-quote-details-container {
  box-shadow: 0 0 2px 1px #d9d9d9;
  background-color: #ffffff;
  margin: 0 0 15px 0;
}
.dsr-quote-details-container .inner-container {
  padding: 20px 20px 20px 8px;
  display: grid;
}
.dsr-quote-details-container .inner-container .details {
  margin: 2px 0 2px 0;
}
.dsr-quote-details-container .inner-container span.item {
  float: left;
}
.dsr-quote-details-container .inner-container span.validity {
  margin-top: 6px;
}
.dsr-quote-details-container .inner-container span.status {
  margin-left: 25px;
}
.dsr-quote-details-container .inner-container span.status i.eco3-icon {
  vertical-align: middle;
}
.dsr-quote-details-container .inner-container .validityStatusField span.statusButton {
  padding: 4px 8px;
  border-radius: 4px;
  Gap: 10px;
  min-width: 55px;
  width: auto;
  height: 28px;
  color: #ffffff;
}
.dsr-quote-details-container .inner-container .validityStatusField .blueColor {
  background-color: #009cdd;
}
.dsr-quote-details-container .inner-container .validityStatusField .greenColor {
  background-color: #83bc34;
}
.dsr-quote-details-container .inner-container .validityStatusField .orangeColor {
  background: #fd9927;
}
.dsr-quote-details-container .inner-container div.quoteDetailsField span.quoteDetails {
  margin-left: 25px;
}
.dsr-quote-details-container .inner-container div.quoteDetailsField span.quoteDetails .eco3-icon.dsr-pdf-download {
  width: 26px;
  background-image: url("../images/dsr-pdf-file-icon.svg");
  position: relative;
  top: -3px;
  left: 5px;
  vertical-align: middle;
}
.dsr-quote-details-container .bottom-container {
  margin: 0px 0 10px 0;
}
.dsr-quote-details-container .bottom-container .agreement-alignment {
  margin-left: 75px;
}
.dsr-quote-details-container .bottom-container .agreement-alignment .terms-and-conditions .link {
  color: #009cdd;
}
.dsr-quote-details-container .bottom-container .request-button {
  margin-right: 15px;
}
.dsr-quote-details-container .bottom-container .cancel-button {
  margin-right: 185px;
  background-color: #f3f3f3;
  color: #555555;
}
.request-revision-wrapper .request-revision-block {
  margin-left: 32px;
}
.quoteSections {
  padding-left: 20px;
}
.quoteSections .quoteHeaders {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #666666;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
}
.quoteSections .radioSection label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  line-height: 23px;
  padding-left: 12px;
  color: #000000;
}
.quoteSections .radioSection .radio-popup {
  position: relative;
  display: inline-block;
  margin-bottom: -3px;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.dsr-quote-details .bottom-container {
  margin: 20px 35px 20px 25px;
}
.dsr-quote-details .bottom-container .popup-alignment {
  margin-left: 134px;
  cursor: pointer;
}
.dsr-quote-details .bottom-container .popup-alignment .terms-and-conditions .link {
  color: #009cdd;
  text-decoration: none;
}
.page-accountDigitalSalesRoomListPage #dsr-list-tabs.ecotabs {
  margin-top: 40px;
  min-height: 381px;
}
.page-accountDigitalSalesRoomListPage #dsr-list-tabs.ecotabs #order-list-items-tab-1#dsr-active-closed-list ul li #active-tab-Id.active {
  pointer-events: none;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList,
.dsr-closed-tab-table table#dsrActiveTabDatatableList,
.dsr-active-tab-table table#dsrClosedTabDatatableList,
.dsr-closed-tab-table table#dsrClosedTabDatatableList {
  width: 100% !important;
  margin-bottom: 40px;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList thead th,
.dsr-closed-tab-table table#dsrActiveTabDatatableList thead th,
.dsr-active-tab-table table#dsrClosedTabDatatableList thead th,
.dsr-closed-tab-table table#dsrClosedTabDatatableList thead th {
  font-size: 14px;
  font-weight: 700;
  width: auto!important;
  padding: 20px 10px;
  border-bottom: 1px solid #d9d9d9;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting,
.dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting,
.dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting,
.dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting {
  background-size: 70px 19px;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting_asc,
.dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting_asc,
.dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting_asc,
.dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting_asc {
  background-size: 70px 19px;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting_desc,
.dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting_desc,
.dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting_desc,
.dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting_desc {
  background-size: 70px 19px;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList thead th.no-sort,
.dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.no-sort,
.dsr-active-tab-table table#dsrClosedTabDatatableList thead th.no-sort,
.dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.no-sort {
  cursor: default;
  background-image: none !important;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td,
.dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td,
.dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td,
.dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td {
  width: 345px;
  white-space: normal;
  padding: 13px;
  font-size: 14px;
  font-weight: 400;
  word-break: break-word;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td span .select-btn,
.dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td span .select-btn,
.dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td span .select-btn,
.dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td span .select-btn {
  color: #434343;
  min-width: 180px;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td span.statusButton,
.dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td span.statusButton,
.dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td span.statusButton,
.dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td span.statusButton {
  padding: 4px 8px;
  border-radius: 4px;
  Gap: 10px;
  min-width: 55px;
  width: auto;
  height: 28px;
  color: #ffffff;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td .greenColor,
.dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td .greenColor,
.dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td .greenColor,
.dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td .greenColor {
  background-color: #83bc34;
}
.dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td .greyColor,
.dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td .greyColor,
.dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td .greyColor,
.dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td .greyColor {
  color: #434343 !important;
  background-color: #f8f8f8;
}
.page-accountDigitalSalesRoomListPage .ecotabs .ech-tab-table #globalMessages {
  margin-top: 0;
}
.page-accountDigitalSalesRoomListPage .ecotabs .ech-tab-table #globalMessages .alert-info ul {
  margin-bottom: 0;
}
.page-accountDigitalSalesRoomListPage .ecotabs .ech-tab-table #globalMessages .alert.alert-bar {
  padding: 8px 16px 8px 16px !important;
}
.page-accountDigitalSalesRoomListPage .ecotabs .ech-tab-table .alertpopup-lg {
  margin: 0 auto;
  bottom: 20px;
  width: 205px;
  height: 48px;
  display: flex;
}
.page-accountDigitalSalesRoomListPage .ecotabs .ech-tab-table .alertpopup-lg .eco3-icon.icon-confirmation {
  position: relative;
  width: 32px;
  height: 30px;
  top: 10px;
  left: 5px;
}
.page-accountDigitalSalesRoomListPage .ecotabs .ech-tab-table .alertpopup-lg span {
  max-width: 160px;
  padding: 10px 10px 10px 0;
  margin-left: 12px;
  color: #ffffff;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.41px;
  text-align: center;
}
.eco3-globalMessages a:hover {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-not-allowed:hover {
  opacity: 0.4;
}
.dsr-quote-details .terms-condition-top input {
  width: 170px !important;
}
.dsr-quote-details a.btn.cursor-not-allowed {
  cursor: not-allowed;
}
.dsr-quote-details a.btn.cursor-not-allowed:hover {
  opacity: 0.4;
}
.dsr-quote-popup .upload-section {
  padding-left: 20px;
}
.dsr-quote-popup .attachment-container {
  border-bottom: 1px solid #cccccc;
}
.dsr-quote-popup .attachment-container .quoteHeaders {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #666666;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
}
.dsr-quote-popup .attachment-container .dsr-quote-popup-global-messages .alert.alert-bar {
  padding: 5px 20px 5px 20px !important;
  margin-bottom: 5px;
}
.dsr-quote-popup .attachment-container .dsr-quote-popup-global-messages .global-alerts {
  padding-right: 0;
}
.dsr-quote-popup .attachment-container .attachment-field {
  margin: 20px 0 8px 0;
  color: #434343;
  font-family: Roboto;
  font-weight: 500;
  padding: 0;
}
.dsr-quote-popup .attachment-container .content-section {
  display: inline-block;
  padding: 0 0 12px 0;
}
.dsr-quote-popup .attachment-container .content-section .upload-form {
  margin-bottom: 0;
}
.dsr-quote-popup .attachment-container .content-section .uploadSection {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 8px;
}
.dsr-quote-popup .attachment-container .content-section .uploadSection .uploadBlock {
  height: 50px;
}
.dsr-quote-popup .attachment-container .content-section .uploadSection .placeholderText {
  min-width: 220px;
  height: 35px;
  font-size: 15px;
  float: left;
  color: #434343;
}
.dsr-quote-popup .attachment-container .content-section .uploadSection .file-submit-button {
  max-width: 110px;
  display: inline-block;
  height: 34px;
  min-height: 34px;
}
.dsr-quote-popup .attachment-container .content-section .uploadSection .icon-info-circle {
  position: relative;
  top: -27px;
  right: 8px;
  cursor: pointer;
}
.dsr-quote-popup .attachment-container .content-section .uploadSection .upload-block-button {
  margin-bottom: 16px;
}
.dsr-quote-popup .attachment-container .content-section .uploadSection .upload-block-button .spinner {
  margin: 0;
}
.dsr-quote-popup .attachment-container .content-section .doc-section-block {
  width: 350px;
  padding: 0;
  margin-bottom: 0;
}
.dsr-quote-popup .attachment-container .content-section .doc-section-block li {
  width: 50%;
  float: left;
  margin-top: 5px;
}
.dsr-quote-popup .attachment-container .content-section .doc-section-block span.docAttachment {
  background: url(../images/file_icon.svg) no-repeat;
  width: 25px;
  height: 30px;
  cursor: pointer;
  background-size: 25px 30px;
  margin-top: 5px;
}
.dsr-quote-popup .attachment-container .content-section .doc-section-block span.docAttachment.pdf {
  background: url(../images/pdf_file_icon.svg) no-repeat;
  background-size: contain;
}
.dsr-quote-popup .attachment-container .content-section .doc-section-block span.file-name-wrapper {
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
  margin-left: 10px;
}
.dsr-quote-popup .attachment-container .document-data-container a:hover {
  color: #009cdd;
  cursor: pointer;
}
.dsr-quote-popup .attachment-container .document-data-container a:hover .icon.docAttachment {
  opacity: 0.7;
}
.room-list-search .tableSearchField {
  width: 270px;
}
.room-list-search .tableSearchField.eco3-table-search-field .searchBox #custom-search-input {
  max-width: unset;
}
.room-list-search .tableSearchField.eco3-table-search-field .searchBox #custom-search-input .search-magnifier {
  background-size: 15px !important;
}
.thankYouPageMessage {
  margin-left: 450px;
  margin-right: 480px;
  padding-bottom: 200px;
}
.thankYouPageMessage .thankYouHeading {
  font-weight: 700;
  color: #666666;
  font-size: x-large;
  padding: 20px;
  margin-top: 30px;
}
.thankYouPageMessage .thankYouBody {
  color: #666666;
  font-size: medium;
  font-weight: 400;
  padding-bottom: 30px;
}
.thankYouPageMessage .thankYouBody .thankYouQuoteId {
  font-weight: 700;
}
#mtModal .confirmation-access {
  max-width: 450px;
  height: 352px;
}
#mtModal .confirmation-access .inner-container-confirmation {
  padding: 20px;
}
#mtModal .confirmation-access .inner-container-confirmation .yes-no-accessConfirmationBtn {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
#mtModal .confirmation-access .inner-container-confirmation .yes-no-accessConfirmationBtn .popup-button {
  max-width: 167px;
  height: 40px;
}
#mtModal .confirmation-access .inner-container-confirmation .switch-b2b-account .new-customer-data-bold {
  font-weight: bold;
}
#mtModal .teams-access-confirmation {
  max-width: 450px;
  height: 300px;
}
#mtModal .teams-access-confirmation .inner-container-confirmation {
  padding: 20px;
}
#mtModal .teams-access-confirmation .inner-container-confirmation .message-block {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
#mtModal .teams-access-confirmation .inner-container-confirmation .btn-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
#mtModal .teams-access-confirmation .inner-container-confirmation .btn-container .popup-button {
  max-width: 167px;
  height: 40px;
}
#mtModal .teams-access-confirmation .inner-container-confirmation .logged-in-bob-details .global-alerts .alert.alert-bar {
  padding: 8px 16px!important;
  margin-bottom: 12px;
}
.collaboration-teams-container {
  margin: 0 0 50px 0;
}
.collaboration-teams-container .search-result-container {
  padding: 0;
}
.collaboration-teams-container .help-block {
  position: absolute;
  margin: 0;
}
.collaboration-teams-container .teams-inner-container {
  margin-top: 20px;
}
.collaboration-teams-container .teams-inner-container .invite-colleague-block {
  margin: 10px 0;
}
.collaboration-teams-container .teams-inner-container .invite-colleague-block .title {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  margin: 10px 0 10px 0;
}
.collaboration-teams-container .teams-inner-container .invite-colleague-block .text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin: 5px 0;
}
.collaboration-teams-container .teams-inner-container .form-input-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.collaboration-teams-container .teams-inner-container .form-input-container .search-label {
  display: flex;
  font-size: 16px;
  align-items: flex-start;
  font-weight: 500;
}
.collaboration-teams-container .teams-inner-container .form-input-container .search-input-buttons {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.collaboration-teams-container .teams-inner-container .form-input-container .search-field {
  width: 270px;
  padding: 0;
}
.collaboration-teams-container .teams-inner-container .form-input-container .search-field input[type=email] {
  height: 40px !important;
}
.collaboration-teams-container .teams-inner-container .form-input-container .search-text {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  line-height: 15.23px;
  float: left;
}
.collaboration-teams-container .teams-inner-container .form-input-container .search-btn {
  width: 180px;
  height: 40px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: center;
  text-transform: uppercase;
}
.collaboration-teams-container .teams-inner-container .form-input-container .register-user-btn {
  width: 190px;
  height: 40px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: center;
  text-transform: uppercase;
}
.collaboration-teams-container .colleagues-info-section {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.collaboration-teams-container .colleagues-info-section .delete-colleague-msg,
.collaboration-teams-container .colleagues-info-section .role-changed-colleague-msg,
.collaboration-teams-container .colleagues-info-section .delete-support-msg,
.collaboration-teams-container .colleagues-info-section .role-changed-support-msg {
  margin: 0 auto;
  width: 205px;
  height: 48px;
  bottom: 15px;
  display: inline-flex;
}
.collaboration-teams-container .colleagues-info-section .delete-colleague-msg .eco3-icon.icon-confirmation,
.collaboration-teams-container .colleagues-info-section .role-changed-colleague-msg .eco3-icon.icon-confirmation,
.collaboration-teams-container .colleagues-info-section .delete-support-msg .eco3-icon.icon-confirmation,
.collaboration-teams-container .colleagues-info-section .role-changed-support-msg .eco3-icon.icon-confirmation {
  position: relative;
  width: 32px;
  height: 30px;
  top: 10px;
  left: 9px;
}
.collaboration-teams-container .colleagues-info-section .delete-colleague-msg span,
.collaboration-teams-container .colleagues-info-section .role-changed-colleague-msg span,
.collaboration-teams-container .colleagues-info-section .delete-support-msg span,
.collaboration-teams-container .colleagues-info-section .role-changed-support-msg span {
  max-width: 160px;
  padding: 10px 10px 10px 0;
  margin-left: 12px;
  color: #ffffff;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.41px;
  text-align: center;
}
.collaboration-teams-container .colleagues-info-section .invite-colleague-msg,
.collaboration-teams-container .colleagues-info-section .registered-colleague-msg {
  width: 360px;
  height: 46px;
}
.collaboration-teams-container .colleagues-info-section .invite-colleague-msg i,
.collaboration-teams-container .colleagues-info-section .registered-colleague-msg i {
  width: 30px;
  height: 30px;
  margin: 0 10px 0 15px;
}
.collaboration-teams-container .colleagues-info-section .invite-colleague-msg .alert.alert-bar,
.collaboration-teams-container .colleagues-info-section .registered-colleague-msg .alert.alert-bar {
  margin-bottom: 0;
}
.collaboration-teams-container .colleagues-info-section .your-team {
  display: inline-flex;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding: 0;
}
.collaboration-teams-container .colleagues-info-section .your-team + .your-team {
  margin-top: 30px;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container {
  width: 350px;
  height: 144px;
  min-height: 144px;
  padding: 14px;
  box-shadow: 0px 1px 8px 1px #cccccc;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .colleague-name {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #434343;
  display: inline-grid;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .colleague-role {
  color: #666666 !important;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .details {
  margin: 5px 0;
  width: 100%;
  text-align: left;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .fields {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #434343;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .value {
  font-weight: 400;
  color: #434343;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .icon-3-dots-item {
  background-image: url(../images/threedots.svg) !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-size: 24px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .options-menu {
  width: 110px;
  height: 64px;
  min-height: 64px;
  padding: 4px;
  box-shadow: 0px 1px 8px 1px #cccccc;
  top: 30px;
  right: 0px;
  position: absolute;
  background-color: #ffffff;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .options-menu ul {
  list-style-type: none;
  padding-left: 0px !important;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .options-menu .change-role-option {
  display: flex;
  padding: 4px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 12px;
}
.collaboration-teams-container .colleagues-info-section .colleague-details-container .options-menu .change-role-option.disabled {
  color: #666666;
  pointer-events: none;
  opacity: 0.5;
}
.collaboration-teams-container .team-header-row {
  width: 100%;
}
.invite-colleague-box {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  margin-top: 30px;
  margin-bottom: 30px;
}
.invite-colleague-box .searched-email-info {
  display: flex;
  gap: 20px;
  font-size: 14px;
}
.invite-colleague-box .searched-email-info .user-name {
  font-weight: 700;
}
.invite-colleague-box .searched-email-info .user-details-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.invite-colleague-box .searched-email-info .user-details-group .users-details .radioSectionForRole {
  display: inline-flex;
  position: absolute;
  margin-left: 30px;
  gap: 24px;
}
.invite-colleague-box .searched-email-info .user-details-group .users-details .radioSectionForRole .radio-popup-viewer {
  margin: -20px 0px 0px 0px;
}
.invite-colleague-box .searched-email-info .user-details-group .users-details .radioSectionForRole .radio-popup-viewer label {
  padding-left: 12px;
  font-size: 14px;
}
.invite-colleague-box .searched-email-info .user-details-group .users-details .radioSectionForRole .radio-popup-admin {
  margin: -20px 0px 0px 0px;
}
.invite-colleague-box .searched-email-info .user-details-group .users-details .radioSectionForRole .radio-popup-admin label {
  padding-left: 12px;
  font-size: 14px;
}
.invite-colleague-box .searched-email-info .user-details-group span {
  white-space: nowrap;
}
.invite-colleague-box .searched-email-info .user-details-group .label-email-info {
  font-weight: 500;
}
.invite-colleague-box .searched-email-info .user-details-group .value-email-info {
  font-weight: 400;
}
.invite-colleague-box .invite-button {
  height: 36px;
  background-color: #f3f3f3;
  border: none;
  color: black;
  padding: 0 15px;
  font-weight: 400;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
}
.document-shared-div {
  padding-bottom: 200px;
}
.document-shared-div .shared-doc-header {
  margin-top: 20px;
  text-align: left!important;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
.document-shared-div .document-drop-area {
  border: 2px dashed #d9d9d9;
  width: 100%;
  height: 105px;
  margin: 20px auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  background: #fcfcfc;
}
.document-shared-div .document-drop-area .upload-icon {
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  display: inline-block;
  background-image: url(../images/upload_icon.svg);
  background-size: 24px;
}
.document-shared-div .document-drop-area .upload-text {
  display: inline-block;
}
.document-shared-div .document-drop-area a {
  color: #009cdd;
}
.document-shared-div .document-drop-area .documentUploadInputField {
  display: none;
}
.document-shared-div .show-entries-section {
  padding-left: 0;
}
.document-shared-div .show-entries-section .showing-x-entries {
  padding-left: 0;
}
.document-shared-div .show-entries-section .showing-x-entries .doc-list-records-label {
  text-align: left;
}
.document-shared-div .show-entries-section .showing-x-entries .doc-list-records-label .documentsCountColor {
  color: #666666;
}
.document-shared-div .doc-custom-pagination {
  float: right;
  display: table;
  margin: 0;
}
@media (max-width: 767px) {
  .document-shared-div .doc-custom-pagination {
    float: left;
    margin-top: 10px;
  }
}
.document-shared-div .doc-custom-pagination .icon-page-left {
  background-image: url(../images/prev-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.document-shared-div .doc-custom-pagination .icon-page-right {
  background-image: url(../images/next-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.document-shared-div .doc-custom-pagination .icon-left {
  background-image: url(../images/prev-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.document-shared-div .doc-custom-pagination .page-numbers-section span {
  width: 30px;
  font-size: 16px;
  display: inline-block;
  color: #009cdd;
  cursor: pointer;
}
.document-shared-div .doc-custom-pagination .page-numbers-section span.current-page {
  font-weight: 800;
}
.document-shared-div .doc-custom-pagination .icon-right {
  background-image: url(../images/next-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.document-shared-div .dsr-shared-documents-container {
  background-color: #ffffff;
  margin: 0 0 35px 0;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table {
  width: 100%;
  border-bottom: none !important;
  border-collapse: collapse;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table thead tr {
  border-bottom: 1px solid #cccccc !important;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table thead tr th {
  padding: 20px 5px;
  white-space: nowrap;
  width: 20%;
  border-bottom: 1px solid #cccccc !important;
  font-weight: 600 !important;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table tr.shared-documents-list-row td {
  border-bottom: 1px solid #cccccc;
  padding: 25px 5px;
  white-space: nowrap;
  width: 20%;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table tr.shared-documents-list-row .title-column {
  text-align: start;
  padding: 10px;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table tr.shared-documents-list-row .doc-delete-icons {
  text-align: end;
  white-space: unset !important;
  word-break: unset !important;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table tr.shared-documents-list-row .doc-icon {
  top: 0px !important;
  height: 24px;
  background-size: 24px;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table tr.shared-documents-list-row i {
  display: inline-block;
  margin-right: 2%;
  margin-left: 2%;
}
.document-shared-div .dsr-shared-documents-container .shared-documents-table tr.shared-documents-list-row .no-delete-placeholder {
  width: 43px;
  height: 24px;
  display: inline-block;
}
.no-documents-message-container {
  clear: both;
  max-width: 500px;
  float: none;
  margin: 30px auto;
}
.no-documents-message-container .errorMessage-width .global-alerts .info-icon {
  margin: 6px 13px 6px 8px !important;
}
/**shared document upload styles starts*******/
.shared-upload-document {
  color: #434343;
  font-size: 21px;
  font-weight: 400;
}
#sharedDocumentFileDropzone {
  background: #fcfcfc;
  border: 1px dashed #d9d9d9;
  border-image: none;
  width: 100%;
  margin: 0 auto;
  min-height: 120px;
  padding: 15px 40px;
  display: table;
}
#sharedDocumentFileDropzone .dropzone-container {
  display: table-cell;
  margin: 0 auto;
  align-items: center;
  vertical-align: middle;
}
#sharedDocumentFileDropzone .dropzone-container p.fileAttachLabel {
  font-size: 12pt;
  font-weight: normal;
  margin: 0 auto;
  clear: both;
  text-align: center;
  float: none;
}
#sharedDocumentFileDropzone .dropzone-container .spinner {
  margin: 20px auto;
}
#sharedDocumentFileDropzone .dropzone-container #browse-files {
  color: #009cdd;
  text-decoration: none;
}
#sharedDocumentFileDropzone .dz-preview {
  display: none;
}
#sharedDocumentResultWrapper {
  clear: both;
  max-width: 500px;
  float: none;
  margin: 30px auto;
}
#sharedDocumentResultWrapper div#sharedDocumentResultMsg .alert.alert-bar {
  padding: 10px !important;
}
#sharedDocumentResultWrapper div#sharedDocumentResultMsg .alert.alert-bar.alert-info {
  background-color: #e9f7fd;
}
#sharedDocumentResultWrapper div#sharedDocumentResultMsg .alert.alert-bar.alert-info span {
  color: #0086be;
  font-size: 11.0pt;
}
#fileUploadLoaderWrapper #loadingFiles {
  margin: 0 auto 20px auto;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
div#duplicateFileResultMsg {
  max-width: 354px;
  width: 100%;
  margin: 40px auto;
  text-align: center;
}
.page-accountDigitalSalesRoomPage .globalMessagesSection .global-alerts {
  padding-right: 0;
}
.page-accountDigitalSalesRoomPage div#RegistrationFormPage .eco3-globalMessages {
  padding: 0;
}
.dsr-shared-documents-container .dataTables_length,
.dsr-shared-documents-container .dataTables_info,
.dsr-shared-documents-container .dataTables_paginate,
.dsr-shared-documents-container .no-sort {
  display: none;
}
.limited-lines {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  /* Limit to 6 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-more-less-button {
  background: none;
  color: #009cdd;
  cursor: pointer;
  min-width: 180px;
  width: auto;
  height: 40px;
  text-transform: uppercase;
  min-height: 35px;
  font-size: 12.0pt;
  font-weight: normal;
  padding-left: 10px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  border: none;
}
.cover-letter-description {
  text-align: left;
}
.show-more-icon {
  background: url(../images/arrow-down.svg) no-repeat center;
  display: inline-block;
  width: 24px;
  height: 12px;
}
.show-less-icon {
  background: url(../images/arrow-up.svg) no-repeat center;
  display: inline-block;
  width: 24px;
  height: 12px;
}
@media (max-width: 767px) {
  .dsr-stage-indicator-mobile {
    display: flex;
  }
}
@media (max-width: 767px) {
  .stage-indicator-circle-section {
    min-width: 45px;
  }
}
.eco3-stage-indicator .stage-name {
  font-weight: 500;
}
@media (max-width: 767px) {
  .eco3-stage-indicator {
    display: flex;
    flex-direction: column;
  }
  .eco3-stage-indicator .eco3-stage-indicator-step {
    height: 50px;
    padding: 0;
    position: relative;
  }
  .eco3-stage-indicator .stage-circle {
    width: 100px;
  }
  .eco3-stage-indicator .stage-name {
    white-space: nowrap;
    padding-top: 10px;
    font-weight: 500;
  }
  .eco3-stage-indicator .progressLine {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-stepnum {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .eco3-stage-indicator .eco3-stage-indicator-step .eco3-stage-indicator-dot {
    top: 8px;
    margin-left: 0px;
  }
}
.dsr-quote-customer-info-all-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dsr-quote-customer-info-all-section .quote-col-md-6 {
  width: 46%;
  box-shadow: 0 0 10px 0 #cccccc;
  margin: 14px;
  padding: 20px;
  cursor: default;
}
.dsr-quote-customer-info-all-section .quote-col-md-6 .show-ellipses {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dsr-quote-customer-info-all-section .quote-col-md-6 .email-color {
  color: #009cdd;
}
.digital-sales-room-ajax-response .bottom-container .buttons-section {
  display: flex!important;
  justify-content: space-between !important;
}
.digital-sales-room-ajax-response .bottom-container .buttons-section .button-margin {
  margin-top: 12px;
}
.commercial-details-details-ajax-response .dsr-quote-commercial-details-section {
  margin: 12px;
}
.commercial-details-details-ajax-response .dsr-quote-commercial-details-section .section-margin {
  margin-bottom: -20px;
}
.quote-preserve-lines {
  white-space: pre-line !important;
  position: relative;
  top: -20px;
}
.dsr-collaterals-wrapper .sub-section-heading-base {
  margin: 0 0 20px 0;
  text-align: left;
  color: #666666;
}
.dsr-collaterals-wrapper .sub-section-heading-one {
  margin: 0 0 20px 0;
  text-align: left;
  color: #666666;
}
.dsr-collaterals-wrapper .sub-section-heading-two {
  margin: 0 0 20px 0;
  text-align: left;
  color: #666666;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 20px 0;
}
#collateral-accordion-content .collateral-content {
  box-shadow: 0 0 4px 1px #cccccc;
  border: none;
  margin-bottom: 20px;
}
#collateral-accordion-content .dsr-collateral-accordion {
  display: flex;
  gap: 20px;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: #d9d9d9 1px solid;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
}
#collateral-accordion-content .dsr-collateral-accordion:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
#collateral-accordion-content .dsr-collateral-accordion .collateral-description {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#collateral-accordion-content .dsr-collateral-accordion .collateral-description .collateral-desc-row .collateral-name {
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#collateral-accordion-content .dsr-collateral-accordion .collateral-description .collateral-desc-row .collateral-details {
  font-weight: 400;
  color: #666666;
  padding-right: 10px;
  margin-right: 10px;
  border-right: #d9d9d9 1px solid;
  text-align: left;
}
#collateral-accordion-content .eco3-theme-accordion .accordion-toggle:after {
  top: 0px;
  background-image: url(../images/arrow-up.svg);
  position: relative;
  background-size: 24px;
}
#collateral-accordion-content .eco3-theme-accordion .accordion-toggle.collapsed:after {
  background-image: url(../images/arrow-down.svg);
  position: relative;
  top: 0px;
  background-size: 24px;
}
#collateral-accordion-content .accordion-toggle {
  color: #009cdd;
}
#collateral-accordion-content .accordion-toggle.collapsed {
  color: #666666;
}
#collateral-accordion-content .panel-body {
  border-top: none;
  padding: 0;
}
@media (max-width: 767px) {
  .page-accountDigitalSalesRoomPage #dsr-product-details-page #productDetailsPage .pdp-image-gal .tab-content .tab-pane img {
    min-width: 300px;
    width: 100%;
    height: 300px;
    max-width: 100%;
  }
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page #productDetailsPage .pdp-section {
  margin-left: 0px;
  margin-top: 15px;
  padding-left: 0px;
}
@media (max-width: 767px) {
  .page-accountDigitalSalesRoomPage #dsr-product-details-page #productDetailsPage .pdp-section #PDP-Image-Block {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .page-accountDigitalSalesRoomPage #dsr-product-details-page #productDetailsPage .pdp-image-gal .tab-content .tab-pane .tab-pane-img .icon-resize {
    width: 16px;
    height: 16px;
    margin-left: 0px;
    left: 4px;
  }
}
@media (max-width: 767px) {
  .page-accountDigitalSalesRoomPage #dsr-product-details-page .pdp-sections {
    padding-left: 0px;
  }
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page .dsr-quote-pdp-desktop {
  margin-left: 40px;
}
@media (max-width: 767px) {
  .page-accountDigitalSalesRoomPage #dsr-product-details-page .dsr-quote-pdp-desktop {
    margin-left: 0px;
  }
}
@media (max-width: 1200px) {
  .page-accountDigitalSalesRoomPage #dsr-product-details-page .dsr-quote-pdp-desktop {
    margin-left: 0px;
  }
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page #showMoreHeadlines,
.page-accountDigitalSalesRoomPage #dsr-product-details-page #showLessHeadlines {
  min-width: 6.85rem;
  width: auto;
  height: 30px;
  background-color: #f3f3f3;
  color: #009cdd;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page .pdp-bullet-title {
  font-size: 11pt;
  font-weight: 500;
  text-align: justify;
  margin-top: 10px;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page .details-text-align {
  display: table;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page .pdp-bullet-title:before,
.page-accountDigitalSalesRoomPage #dsr-product-details-page .pdp-bullet-title-text:before {
  content: "";
  font-size: 24px;
  left: -15px;
  width: 16px;
  height: 15px;
  background: #009cdd;
  display: block;
  float: left;
  margin-right: 14px;
  margin-top: 3px;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page #dsr-pdp-page .breadcrumb-right {
  text-align: left;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page #dsr-pdp-page .breadcrumb-right .back-button-container a::before {
  content: "<";
  margin-right: 8px;
  color: #009cdd;
  transform: scale(1.5);
  display: inline-block;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page #dsr-pdp-page .breadcrumb-right .back-button-container .back-button-link {
  color: #009cdd;
  cursor: pointer;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page #productDetailsPage .product-title {
  width: 100%;
  font-size: 14pt;
  line-height: 45px;
  text-align: left;
  font-weight: 500;
  background-color: #ffffff;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page #productDetailsPage .pro-titleBox {
  padding-left: 0px;
}
@media (max-width: 767px) {
  .page-accountDigitalSalesRoomPage #dsr-product-details-page #productDetailsPage .pdp-description {
    height: 30px;
  }
  .page-accountDigitalSalesRoomPage #dsr-product-details-page #productDetailsPage .pdp-code {
    float: left;
    text-align: left;
  }
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page .productSpecification.table tr td {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5;
}
.page-accountDigitalSalesRoomPage #dsr-product-details-page .productSpecification.table tr td.attr-name {
  padding-left: 0px;
  text-align: left;
  font-size: 11pt;
  font-weight: 500;
  width: 50%;
}
.page-accountDigitalSalesRoomPage .pdp-text-inline-block {
  display: inline-block;
}
/* MS BOOKING OVERLAY CARD */
.booking-balloon {
  position: fixed;
  right: 0;
  top: 45%;
  width: 320px;
  min-height: 170px;
  background: #ffffff;
  box-shadow: 0px 3px 10px 1px #00000033;
  padding: 20px;
  z-index: 99999;
  display: none;
  transform: translateY(-50%);
}
.booking-backdrop {
  display: none;
}
.booking-balloon.on {
  display: block;
}
.booking-balloon.off {
  display: none;
}
.booking-balloon h3 {
  background: transparent;
  height: auto;
  margin: 0;
}
.booking-balloon .booking-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: url("../images/icon-close.svg") center no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.booking-title {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 8px;
  text-align: left;
}
.booking-description {
  font-size: 14px;
  color: #666666;
  margin-bottom: 15px;
  line-height: 1.4;
  text-align: left;
}
.booking-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #009cdd;
  color: #ffffff;
  padding: 10px 10px;
  border-radius: 0px;
  text-decoration: none;
  font-weight: 400;
  width: 100%;
}
.eco3-icon.booking-calendar-icon {
  background: url("../images/calender-booking-button.png") center no-repeat;
  background-size: 35px 35px;
  height: 22px;
  flex-shrink: 0;
  margin-right: 5px;
}
.booking-minimized {
  position: fixed;
  right: 20px;
  top: 45%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99998;
}
.booking-minimized.off {
  display: none;
}
.booking-minimized .booking-calendar-icon {
  background: url("../images/calender-booking.png") center no-repeat;
  background-size: 86px 86px;
  width: 86px;
  height: 86px;
  box-shadow: 0px 3px 10px 1px #00000033;
  margin-right: 0px;
}
#solution-overview-details .eco3-theme-accordion .panel-default {
  box-shadow: 0 0 4px 1px #cccccc;
  border: none;
}
#solution-overview-details .eco3-theme-accordion .panel-heading {
  border: none;
  min-height: 40px;
  height: auto;
}
#solution-overview-details .eco3-theme-accordion .accordion-toggle {
  color: black;
  display: block;
  position: relative;
  width: 100%;
  padding: 0px 30px 0px 0px;
}
#solution-overview-details .eco3-theme-accordion .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #555555;
}
#solution-overview-details .eco3-theme-accordion .accordion-toggle:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-repeat: no-repeat;
}
#solution-overview-details .eco3-theme-accordion .accordion-toggle:after {
  background-image: url(../images/arrow-up.svg);
}
#solution-overview-details .eco3-theme-accordion .accordion-toggle.collapsed:after {
  background-image: url(../images/arrow-down.svg);
}
#solution-overview-details .eco3-theme-accordion .accordion-description {
  font-size: 14px;
  color: #3c3c3c;
}
#solution-overview-details .eco3-theme-accordion .panel-body {
  border-top: none;
}
#solution-overview-details .eco3-theme-accordion .blue-text {
  color: #009cdd;
  cursor: pointer;
}
#solution-overview-details .eco3-theme-accordion .product-border {
  border-top: 1px solid #cccccc;
}
#solution-overview-details .eco3-theme-accordion .show-hide-config-button {
  background: none;
  color: #009cdd;
  cursor: pointer;
  width: auto;
  height: 30px;
  min-height: 30px;
  font-size: 14px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 0px;
  border: none;
}
#solution-overview-details .eco3-theme-accordion .show-config-icon {
  background: url(../images/arrow-down.svg) no-repeat center;
  display: inline-block;
  width: 24px;
  height: 8px;
}
#solution-overview-details .eco3-theme-accordion .hide-config-icon {
  background: url(../images/arrow-up.svg) no-repeat center;
  display: inline-block;
  width: 24px;
  height: 8px;
}
#solution-overview-details .eco3-theme-accordion .smart-config-desktop {
  width: 15.375rem;
}
#sales-rep-inside-sales .sales-rep-btn-border {
  position: relative;
  border: 1px solid #cccccc;
  padding: 2px;
  display: flex;
}
#sales-rep-inside-sales .sales-rep-btn {
  flex: 1;
  height: 28px;
  font-size: 12px;
  font-weight: 400;
  border: none;
  background: transparent;
  z-index: 2;
  cursor: pointer;
}
#sales-rep-inside-sales .sales-rep-btn.active {
  color: #ffffff;
}
#sales-rep-inside-sales .active-slider {
  position: absolute;
  top: 3px;
  bottom: 2px;
  left: 3px;
  width: calc(48.5%);
  background: #7d7d7d;
  z-index: 1;
  transform: translateX(0);
  transition: transform 0.35s ease-out;
}
#sales-rep-inside-sales.inside-active .active-slider {
  transform: translateX(calc(101.5%));
}
#sales-rep-inside-sales .sales-rep-inside-sales-content {
  text-align: center;
  justify-items: center;
}
#sales-rep-inside-sales .sales-rep-inside-sales-photo {
  height: 120px;
  width: 120px;
  background-size: 120px;
}
#sales-rep-inside-sales .sales-rep-font {
  font-size: 12px;
  color: #666666;
}
#pricing-details #pricing-accordion-content .pricing-content {
  box-shadow: 0 0 4px 1px #cccccc;
  border: none;
}
#pricing-details #pricing-accordion-content .dsr-pricing-accordion {
  gap: 20px;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: #d9d9d9 1px solid;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
}
#pricing-details #pricing-accordion-content .dsr-pricing-accordion:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
#pricing-details #pricing-accordion-content .eco3-theme-accordion .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #555555;
}
#pricing-details #pricing-accordion-content .eco3-theme-accordion .accordion-toggle:after {
  top: 0px;
  left: 6px;
  background-image: url(../images/arrow-up.svg);
  position: relative;
  background-size: 24px;
}
#pricing-details #pricing-accordion-content .eco3-theme-accordion .accordion-toggle.collapsed:after {
  background-image: url(../images/arrow-down.svg);
  position: relative;
  top: 0px;
  left: 6px;
  background-size: 24px;
}
#pricing-details #pricing-accordion-content .panel-body {
  border-top: none;
  padding: 0;
}
#pricing-details #pricing-accordion-content #pricing-tab-Table thead tr th {
  color: #555555;
}
#pricing-details #pricing-accordion-content .pricing-table-border {
  border-bottom: #d9d9d9 1px solid;
}
#pricing-total-section .pricing-bg {
  background-color: #f3f3f3;
}
#pricing-total-section .pricing-border-bottom {
  border-bottom: 1px solid #cccccc;
  padding: 10px 0px;
}
#pricing-total-section .pricing-header {
  font-weight: 500;
  text-align: left;
}
#pricing-total-section .pricing-content {
  text-align: right;
}
#pricing-total-section .blue-text {
  color: #009cdd;
}
/* END */
/******************************************************************************************************************
/* File Name        : digital-sales-room-media-query.less
/* Created By       : Nayan Narvekar
/* Created Date     : 1-Feb-2024
/* Description      : This is less code for the digital sales room.
/*******************************************************************************************************************/
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
 /* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .digital-sales-room-home-page-wrapper .dsr-access-denied-error-container .global-messages-section-server-error {
    margin-top: 120px;
    margin-bottom: 40px;
  }
  .digital-sales-room-home-page-wrapper .dsr-access-denied-error-container .global-messages-section-server-error .alert.alert-bar span:first-child {
    background-position: left;
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section {
    padding: 0;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper {
    text-align: left;
    margin-bottom: 0;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes {
    width: 100%;
    min-height: 360px;
    height: auto;
    margin-right: 0 !important;
    margin-bottom: 30px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .schedule-button-wrapper {
    top: 90px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details .successful-copied-msg {
    width: 145px;
    bottom: 38px;
    left: 42px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details .successful-copied-msg .copied-msg {
    margin: 0;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes .other-details .successful-copied-msg .eco3-icon {
    width: 37px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper {
    text-align: left;
    margin-bottom: 100px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes {
    width: 100%;
    height: 182px;
    margin-right: !important;
    margin-bottom: 30px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .coming-soon-small {
    right: 32%;
    font-size: 26px;
  }
  .dsr-quote-details-container .inner-container .validityStatusField {
    display: inline-grid;
    text-align: left;
  }
  .dsr-quote-details-container .inner-container .validityStatusField span.status {
    margin-left: 0 !important;
  }
  .dsr-quote-details-container .inner-container .validityStatusField span.validity {
    margin-top: 5px;
  }
  .dsr-quote-details-container .inner-container .quoteDetails label {
    vertical-align: middle;
    margin-top: -10px;
  }
  .dsr-quote-details-container .inner-container div.quoteDetailsField {
    margin-top: 15px;
  }
  .dsr-quote-details-container .bottom-container .agreement-alignment {
    display: inline-flex;
    margin-left: 0;
  }
  .dsr-quote-details-container .bottom-container .agreement-alignment span.compare-size {
    margin-left: 0;
  }
  .dsr-quote-details-container .bottom-container .request-button {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .request-revision-wrapper .send-button {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .request-revision-wrapper .send-button #sendButton {
    margin-bottom: 10px;
  }
  .request-revision-wrapper .request-revision-block {
    margin-left: 8px;
  }
  .no-quotes {
    margin-top: 30px;
  }
  .no-quotes .alert-bar {
    padding: 8px 16px 8px 6px!important;
  }
  .no-quotes .alert-bar span .global-alerts-icon {
    margin-left: 4px!important;
    margin-right: 7px !important;
  }
  .digital-sales-room-ajax-response .dsr-quote-global-messages {
    max-width: 298px;
  }
  .digital-sales-room-ajax-response .dsr-quote-global-messages .global-alerts .alert-bar ul li .confirmation-icon {
    margin-left: 5px !important;
  }
  .dsr-quote-details .bottom-container {
    margin: 20px 12px 20px 25px;
  }
  .dsr-quote-details .bottom-container .popup-alignment {
    margin-left: 11px;
  }
  .dsr-quote-details .bottom-container .send-button {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .dsr-quote-details .bottom-container .send-button #button-send {
    margin-bottom: 10px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList,
  .dsr-active-tab-table table#dsrClosedTabDatatableList,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList {
    width: 100% !important;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList thead th,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList thead th,
  .dsr-active-tab-table table#dsrClosedTabDatatableList thead th,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList thead th {
    padding: 16px 5px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting,
  .dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting {
    background-size: 210px 19px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting_asc,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting_asc,
  .dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting_asc,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting_asc {
    background-size: 210px 19px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting_desc,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting_desc,
  .dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting_desc,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting_desc {
    background-size: 210px 19px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td:first-child,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td:first-child,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td:first-child,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td:first-child {
    padding: 20px 5px 20px 0;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td:last-child,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td:last-child,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td:last-child,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td:last-child {
    padding: 0;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td span .select-btn,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td span .select-btn,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td span .select-btn,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td span .select-btn {
    border-color: #434343 !important;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tr.child ul.dtr-details,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tr.child ul.dtr-details,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tr.child ul.dtr-details,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tr.child ul.dtr-details {
    padding: 10px 12px 0 12px !important;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tr.child ul.dtr-details li,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tr.child ul.dtr-details li,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tr.child ul.dtr-details li,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tr.child ul.dtr-details li {
    margin: 10px 0 10px 0;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tr.child ul.dtr-details li:last-child span.dtr-data,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tr.child ul.dtr-details li:last-child span.dtr-data,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tr.child ul.dtr-details li:last-child span.dtr-data,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tr.child ul.dtr-details li:last-child span.dtr-data {
    margin-left: -15px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tr.child ul.dtr-details li:nth-child(4) span.dtr-title,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tr.child ul.dtr-details li:nth-child(4) span.dtr-title,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tr.child ul.dtr-details li:nth-child(4) span.dtr-title,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tr.child ul.dtr-details li:nth-child(4) span.dtr-title {
    min-width: auto;
  }
  .dsr-quote-popup .upload-section {
    padding-left: 20px;
  }
  .dsr-quote-popup .attachment-container {
    padding: 0;
  }
  .dsr-quote-popup .attachment-container .content-section .uploadSection .placeholderText {
    min-width: 160px;
    padding-top: 7px;
  }
  .dsr-quote-popup .attachment-container .dsr-quote-popup-global-messages .global-alerts .error-icon {
    margin: 0 0 0 -10px;
  }
  #dsr-list-tabs .ech-tab-table ul.tab-menu-list {
    margin-bottom: 40px;
  }
  .room-list-search {
    float: none !important;
    overflow: hidden;
  }
  .room-list-search .tableSearchField {
    float: none !important;
    width: 100%;
  }
  #mtModal .confirmation-access {
    height: fit-content;
  }
  #mtModal .confirmation-access .inner-container-confirmation {
    padding: 20px;
  }
  #mtModal .confirmation-access .inner-container-confirmation .global-alerts-icon {
    margin: 10px !important;
  }
  #mtModal .confirmation-access .inner-container-confirmation .yes-no-accessConfirmationBtn {
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
  #mtModal .confirmation-access .inner-container-confirmation .yes-no-accessConfirmationBtn .popup-button {
    max-width: 167px;
    height: 40px;
  }
  #mtModal .confirmation-access .inner-container-confirmation .yes-no-accessConfirmationBtn #accessConfirmationNoBtn {
    min-width: 260px;
  }
  #mtModal .confirmation-access .inner-container-confirmation .yes-no-accessConfirmationBtn #accessConfirmationYesBtn {
    min-width: 260px;
  }
  #mtModal .confirmation-access .inner-container-confirmation .switch-b2b-account .new-customer-data-bold {
    font-weight: bold;
  }
  #mtModal .teams-access-confirmation {
    height: fit-content;
  }
  #mtModal .teams-access-confirmation .inner-container-confirmation {
    padding: 20px;
  }
  #mtModal .teams-access-confirmation .inner-container-confirmation .global-alerts-icon {
    margin-right: 10px!important;
    position: relative;
    top: -10px;
  }
  #mtModal .teams-access-confirmation .inner-container-confirmation .btn-container {
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
  #mtModal .teams-access-confirmation .inner-container-confirmation .btn-container .popup-button {
    max-width: 167px;
    height: 40px;
  }
  #mtModal .teams-access-confirmation .inner-container-confirmation .btn-container #accessConfirmationNoBtn {
    min-width: 260px;
  }
  #mtModal .teams-access-confirmation .inner-container-confirmation .btn-container #accessConfirmationYesBtn {
    min-width: 260px;
  }
  .collaboration-teams-container .form-input-container {
    display: inline-grid;
  }
  .collaboration-teams-container .form-input-container .search-label {
    margin-left: 22px;
  }
  .collaboration-teams-container .form-input-container .search-field,
  .collaboration-teams-container .form-input-container .search-btn,
  .collaboration-teams-container .form-input-container .register-user-btn {
    margin: 0 auto;
  }
  .collaboration-teams-container .colleagues-info-section .delete-colleague-msg,
  .collaboration-teams-container .colleagues-info-section .role-changed-colleague-msg,
  .collaboration-teams-container .colleagues-info-section .delete-support-msg,
  .collaboration-teams-container .colleagues-info-section .role-changed-support-msg {
    margin-top: 20px;
    bottom: 2px;
  }
  .collaboration-teams-container .colleagues-info-section .delete-colleague-msg .eco3-icon.icon-confirmation,
  .collaboration-teams-container .colleagues-info-section .role-changed-colleague-msg .eco3-icon.icon-confirmation,
  .collaboration-teams-container .colleagues-info-section .delete-support-msg .eco3-icon.icon-confirmation,
  .collaboration-teams-container .colleagues-info-section .role-changed-support-msg .eco3-icon.icon-confirmation {
    top: 10px;
    left: 7px;
  }
  .collaboration-teams-container .colleagues-info-section .invite-colleague-msg .global-alerts,
  .collaboration-teams-container .colleagues-info-section .registered-colleague-msg .global-alerts {
    max-width: 320px;
    height: 56px;
  }
  .collaboration-teams-container .colleagues-info-section .invite-colleague-msg .global-alerts i,
  .collaboration-teams-container .colleagues-info-section .registered-colleague-msg .global-alerts i {
    margin-right: 10px !important;
    position: relative;
  }
  .collaboration-teams-container .colleagues-info-section .colleague-details-container {
    width: 320px;
  }
  .invite-colleague-box {
    flex-direction: column;
    height: 214px;
  }
  .invite-colleague-box .searched-email-info {
    flex-direction: column;
    text-align: left;
    padding-top: 12px;
    padding-right: 30px;
  }
  .invite-colleague-box .searched-email-info .users-details {
    width: 100%;
  }
  .invite-colleague-box .searched-email-info .users-details .radioSectionForRole {
    margin-left: 40px !important;
  }
  .invite-colleague-box .invite-button {
    margin-bottom: 20px;
  }
  table#docMobileDatatableList {
    max-width: 100%;
  }
  table#docMobileDatatableList thead th {
    padding: 16px 5px;
    border-bottom: 1px solid #cccccc !important;
  }
  .no-documents-message-container .errorMessage-width .global-alerts .alert.alert-bar ul li span:last-child {
    padding-left: 0px !important;
  }
  .dsr-shared-documents-container .dataTables_length,
  .dsr-shared-documents-container .dataTables_info,
  .dsr-shared-documents-container .dataTables_paginate,
  .dsr-shared-documents-container .no-sort {
    display: none;
  }
  .dsr-shared-documents-container table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child {
    height: 54px;
  }
  .digital-sales-room-ajax-response .bottom-container .buttons-section {
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
  }
  .digital-sales-room-ajax-response .bottom-container .buttons-section button {
    max-width: 180px;
    height: 40px;
    font-size: 11.0pt;
    width: auto;
  }
  .digital-sales-room-ajax-response .bottom-container .buttons-section .button-margin {
    margin-top: 12px;
  }
  .dsr-quote-customer-info-all-section .quote-col-xs-12 {
    width: 100%;
    box-shadow: 0 0 10px 0 #cccccc;
    margin: 14px 14px 14px 0px;
    padding: 20px;
    cursor: default;
  }
  .dsr-quote-customer-info-all-section .quote-col-xs-12 .show-ellipses {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dsr-quote-customer-info-all-section .quote-col-xs-12 .company-hide {
    visibility: hidden;
  }
  .quote-pdp-button-margin {
    margin-left: -8px;
  }
  .booking-balloon {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 320px;
    z-index: 1050;
  }
  .booking-minimized .booking-calendar-icon {
    background: url("../images/calender-booking.png") center no-repeat;
    background-size: 64px 60px;
    width: 64px;
    height: 60px;
    box-shadow: 0px 3px 10px 1px #00000033;
    margin-right: -20px;
  }
  .booking-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    z-index: 1040;
    transition: opacity .2s ease;
    display: none;
  }
  .booking-backdrop.on {
    display: block;
    opacity: 0.5;
  }
  #js-mainHeader {
    z-index: auto;
  }
  #sales-rep-inside-sales .active-slider {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 3px;
    width: calc(48.5%);
    background: #7d7d7d;
    z-index: 1;
    transform: translateX(0);
    transition: transform 0.35s ease-out;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1366px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .digital-sales-room-home-page-wrapper .dsr-access-denied-error-container {
    margin-top: 140px;
    margin-bottom: 70px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section {
    padding: 0;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper {
    text-align: left;
    margin-bottom: 30px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes {
    width: 336px;
    height: auto;
    min-height: 420px;
    float: left;
    margin-bottom: 30px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes:first-child {
    width: 100%;
    margin-bottom: 30px;
    height: auto;
    min-height: auto;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-boxes-wrapper .dsr-boxes:last-child {
    margin-right: 0;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper {
    text-align: left;
    margin-bottom: 100px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes {
    width: 336px;
    height: 182px;
    margin-right: 30px;
    position: relative;
    margin-bottom: 30px;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes:nth-child(even) {
    margin-right: 0;
  }
  .digital-sales-room-home-page-wrapper .digital-sales-room-landingpage-content-section .dsr-menu-boxes-wrapper .dsr-menu-boxes .coming-soon-small {
    right: 32%;
    font-size: 26px;
  }
  .request-revision-wrapper .request-revision-block {
    margin-left: 50px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList,
  .dsr-active-tab-table table#dsrClosedTabDatatableList,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList {
    width: 100% !important;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList thead th,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList thead th,
  .dsr-active-tab-table table#dsrClosedTabDatatableList thead th,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList thead th {
    padding: 16px 5px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting,
  .dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting {
    background-size: 125px 19px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting_asc,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting_asc,
  .dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting_asc,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting_asc {
    background-size: 125px 19px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList thead th.sorting_desc,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList thead th.sorting_desc,
  .dsr-active-tab-table table#dsrClosedTabDatatableList thead th.sorting_desc,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList thead th.sorting_desc {
    background-size: 125px 19px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td {
    padding: 16px 5px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr td span .select-btn,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr td span .select-btn,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr td span .select-btn,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr td span .select-btn {
    border-color: #434343;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details {
    padding-top: 10px!important;
    padding-left: 14px!important;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li {
    margin-left: 10px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:first-child,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:first-child,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:first-child,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:first-child {
    margin-top: 10px;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:nth-child(2) span.dtr-title,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:nth-child(2) span.dtr-title,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:nth-child(2) span.dtr-title,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:nth-child(2) span.dtr-title {
    min-width: auto;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:nth-child(2),
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:nth-child(2),
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:nth-child(2),
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:nth-child(2),
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:last-child,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:last-child,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:last-child,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:last-child {
    display: inline-block !important;
    vertical-align: middle;
  }
  .dsr-active-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:last-child,
  .dsr-closed-tab-table table#dsrActiveTabDatatableList tbody tr.child ul.dtr-details li:last-child,
  .dsr-active-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:last-child,
  .dsr-closed-tab-table table#dsrClosedTabDatatableList tbody tr.child ul.dtr-details li:last-child {
    padding-top: 0;
    float: right;
    margin: -15px 20px 0px 0px;
  }
  .page-accountDigitalSalesRoomListPage .ecotabs .ech-tab-table ul {
    margin-bottom: 50px;
  }
  .page-accountDigitalSalesRoomListPage .ecotabs .ech-tab-table .eco3-globalMessages {
    max-width: 420px;
  }
  .display-messages {
    width: 280px;
  }
  .deviceAccessModalWidth {
    width: 340px;
  }
  .collaboration-teams-container .colleagues-info-section .colleague-details-container {
    margin: 5px 4px 0 4px;
    width: 320px;
  }
  .collaboration-teams-container .colleagues-info-section .invite-colleague-msg,
  .collaboration-teams-container .colleagues-info-section .registered-colleague-msg {
    max-width: 360px;
    height: 56px;
  }
  .collaboration-teams-container .colleagues-info-section .invite-colleague-msg i,
  .collaboration-teams-container .colleagues-info-section .registered-colleague-msg i {
    margin-right: 10px !important;
    position: relative;
    left: -5px;
  }
  .collaboration-teams-container .colleagues-info-section .delete-colleague-msg,
  .collaboration-teams-container .colleagues-info-section .role-changed-colleague-msg,
  .collaboration-teams-container .colleagues-info-section .delete-support-msg,
  .collaboration-teams-container .colleagues-info-section .role-changed-support-msg {
    margin-top: 30px;
  }
  .collaboration-teams-container .colleagues-info-section .delete-colleague-msg .eco3-icon.icon-confirmation,
  .collaboration-teams-container .colleagues-info-section .role-changed-colleague-msg .eco3-icon.icon-confirmation,
  .collaboration-teams-container .colleagues-info-section .delete-support-msg .eco3-icon.icon-confirmation,
  .collaboration-teams-container .colleagues-info-section .role-changed-support-msg .eco3-icon.icon-confirmation {
    width: 40px;
    top: 12px;
  }
  .collaboration-teams-container .form-input-container .search-field {
    min-width: 270px;
  }
  .invite-colleague-box {
    flex-direction: column;
    height: 154px;
    align-items: flex-start;
  }
  .invite-colleague-box .searched-email-info {
    flex-direction: column;
    text-align: left;
    padding-top: 12px;
    padding-right: 160px;
    gap: 20px;
  }
  .invite-colleague-box .searched-email-info .user-details-group {
    margin-bottom: 10px;
  }
  .invite-colleague-box .searched-email-info .user-details-group .users-details .radioSectionForRole .radio-popup-viewer {
    margin: -20px 0px 0px 15px;
  }
  .invite-colleague-box .invite-button {
    margin-bottom: 20px;
  }
  .invite-colleague-box .dsr-invite-team-button {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .digital-sales-room-ajax-response .bottom-container .buttons-section {
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
  }
  .digital-sales-room-ajax-response .bottom-container .buttons-section button {
    max-width: 180px;
    height: 40px;
    font-size: 11.0pt;
    width: auto;
  }
  .digital-sales-room-ajax-response .bottom-container .buttons-section .button-margin {
    margin-top: 12px;
  }
  .eco3-stage-indicator .eco3-stage-indicator-step .stage-name-indicator {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dsr-quote-customer-info-all-section .quote-col-sm-6 {
    width: 46%;
    box-shadow: 0 0 10px 0 #cccccc;
    margin: 14px;
    padding: 20px;
    cursor: default;
  }
  .dsr-quote-customer-info-all-section .quote-col-sm-6 .show-ellipses {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .booking-balloon {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 320px;
    z-index: 1050;
  }
  .booking-minimized .booking-calendar-icon {
    background: url("../images/calender-booking.png") center no-repeat;
    background-size: 74px 70px;
    width: 74px;
    height: 70px;
    box-shadow: 0px 3px 10px 1px #00000033;
    position: fixed;
    right: -20px;
  }
  .booking-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    z-index: 1040;
    transition: opacity .2s ease;
    display: none;
  }
  .booking-backdrop.on {
    display: block;
    opacity: 0.5;
  }
  #js-mainHeader {
    z-index: auto;
  }
  #sales-rep-inside-sales .active-slider {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 3px;
    width: calc(48.5%);
    background: #7d7d7d;
    z-index: 1;
    transform: translateX(0);
    transition: transform 0.35s ease-out;
  }
  /*****************************Tablet-End*******************************/
}
/* imports the media-query.less */
/*import digital sales room file*/
/* imports the variable.less */
.employee-document-upload-wrapper {
  padding-top: 30px;
  min-height: 400px;
}
.employee-document-upload-wrapper #globalMessages {
  clear: both;
}
.employee-document-upload-wrapper .tab-menu-list {
  white-space: nowrap;
  margin-bottom: 20px !important;
}
.employee-document-upload-wrapper .inline-elements {
  display: flex;
  align-items: flex-start;
}
.employee-document-upload-wrapper .sbu-tabs-section {
  text-align: left;
  padding: 0px 0px 20px 0px;
}
.employee-document-upload-wrapper .sbu-tabs-section .sbu-family-group {
  margin-right: 10px;
  font-weight: bold;
  font-size: 14px;
  min-height: 45px;
  width: fit-content;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.employee-document-upload-wrapper #sbuTabsList {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0 !important;
}
.employee-document-upload-wrapper #sbuTabsList .sbu-family-tabs {
  color: #434343;
  padding-right: 10px !important;
  min-width: 25px !important;
}
.employee-document-upload-wrapper #sbuTabsList li {
  display: inline-block;
  text-align: center;
}
.employee-document-upload-wrapper #sbuTabsList li.active h3 a {
  color: #ffffff;
  background-color: #009cdd;
}
.employee-document-upload-wrapper #sbuTabsList li h3 {
  font-size: 14px;
  font-weight: 100;
  margin: 7px 0;
}
.employee-document-upload-wrapper #sbuTabsList li h3 a {
  color: #434343;
  min-width: 65px;
  text-decoration: none;
  background-color: #f3f3f3;
  font-weight: 400;
  height: 32px !important;
  display: inline-block;
  padding: 8px;
  width: auto;
}
.employee-document-upload-wrapper .selectAll-delete-wrapper {
  justify-content: space-between;
  display: flex;
}
@media (max-width: 767px) {
  .employee-document-upload-wrapper .selectAll-delete-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    justify-content: flex-start;
  }
}
.employee-document-upload-wrapper .selectAll-delete-wrapper .selectall {
  float: none;
  margin: 0 0 12px 0;
  position: relative;
  top: 10px;
  display: inline-block;
}
.employee-document-upload-wrapper .selectAll-delete-wrapper .selectall label.eco3-checkbox {
  padding-left: 10px;
  display: table;
}
.employee-document-upload-wrapper .selectAll-delete-wrapper .selectall label.eco3-checkbox .checkmark {
  top: 2px;
  display: table-cell;
}
@media (max-width: 767px) {
  .employee-document-upload-wrapper .selectAll-delete-wrapper .selectall label.eco3-checkbox .checkmark {
    top: 3px;
  }
}
.employee-document-upload-wrapper .selectAll-delete-wrapper .selectall label.eco3-checkbox div.selectAll-delete-count-text {
  display: table-cell;
}
.employee-document-upload-wrapper .selectAll-delete-wrapper .selectall label.eco3-checkbox .delete-checked-count {
  font-size: 12pt;
  color: #434343;
  font-weight: normal;
  padding-left: 5px;
  text-transform: initial;
}
.employee-document-upload-wrapper .selectAll-delete-wrapper .align-right-buttons {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .employee-document-upload-wrapper .selectAll-delete-wrapper .align-right-buttons {
    margin-top: 55px;
    flex-direction: column-reverse;
  }
}
.employee-document-upload-wrapper .selectAll-delete-wrapper .align-right-buttons .export-report-text {
  color: #434343;
}
.employee-document-upload-wrapper .show-entries-section-select-dropdown select {
  border-radius: 0;
}
.employee-document-upload-wrapper .showing-x-entries {
  text-align: left;
}
.employee-document-upload-wrapper .doc-search-pagination {
  float: right;
  display: table;
  margin-bottom: 50px;
  margin-right: 10px;
}
.employee-document-upload-wrapper .doc-search-pagination .icon-page-left {
  background-image: url(../images/prev-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.employee-document-upload-wrapper .doc-search-pagination .icon-page-right {
  background-image: url(../images/next-page-section.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.employee-document-upload-wrapper .doc-search-pagination .icon-left {
  background-image: url(../images/prev-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.employee-document-upload-wrapper .doc-search-pagination .page-numbers-section span {
  width: 30px;
  font-size: 16px;
  display: inline-block;
  color: #009cdd;
  cursor: pointer;
}
.employee-document-upload-wrapper .doc-search-pagination .page-numbers-section span.current-page {
  font-weight: 800;
}
.employee-document-upload-wrapper .doc-search-pagination .icon-right {
  background-image: url(../images/next-page.svg) !important;
  background-position: center;
  background-size: 30px;
  display: table-cell;
  cursor: pointer;
  width: 20px;
  height: 18px;
}
.employee-document-upload-wrapper .title-plate {
  height: 40px;
  width: 100%;
  background-color: #f3f3f3;
  margin: 25px 0 25px 0;
}
.employee-document-upload-wrapper .title-plate h2 {
  color: #ffffff;
  line-height: 23px;
  font-size: 12pt;
  background-color: #009cdd;
  height: 40px;
  min-width: 180px;
  padding: 10px 25px;
  float: left;
  margin: 0;
  text-align: center;
  font-weight: 400;
}
.employee-document-upload-wrapper .ecotabs .eco3-table table {
  margin: 0 !important;
}
.employee-document-upload-wrapper .dataTables_paginate {
  padding-bottom: 0px !important;
}
.employee-document-upload-wrapper #documentListTable {
  line-height: 20px;
  max-width: 1268px;
}
.employee-document-upload-wrapper #documentListTable th:first-child {
  width: 15px!important;
}
.employee-document-upload-wrapper #documentListTable th {
  word-break: break-word;
  padding: 5px;
}
.employee-document-upload-wrapper #documentListTable tr.document-row {
  max-height: 60px;
}
.employee-document-upload-wrapper #documentListTable td:first-child {
  min-width: 15px;
}
.employee-document-upload-wrapper #documentListTable td:nth-child(2),
.employee-document-upload-wrapper #documentListTable td:nth-child(10) {
  min-width: 110px;
}
.employee-document-upload-wrapper #documentListTable td {
  min-width: 100px;
  word-break: break-word;
  line-height: 20px;
}
.employee-document-upload-wrapper #documentListTable td div.actions-column-icons {
  white-space: unset !important;
  word-break: unset !important;
}
.employee-document-upload-wrapper #documentListTable td a {
  text-decoration: underline;
}
.employee-document-upload-wrapper #documentListTable td .doc-icon {
  top: 0px !important;
  height: 24px;
  background-size: 24px;
}
.employee-document-upload-wrapper #documentListTable td i {
  display: inline-block;
  margin-right: 2%;
  /* Set margin right to 4% to leave a small gap between the icons */
  margin-left: 2%;
  /* Set margin right to 4% to leave a small gap between the icons */
}
.employee-document-upload-wrapper #documentListTable .file-name {
  vertical-align: center;
}
.employee-document-upload-wrapper #documentListTable .file-name #fileName {
  max-height: 40px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.employee-document-upload-wrapper #documentListTable .lang {
  cursor: pointer;
}
.employee-document-upload-wrapper #documentListTable .lang .multi-lang {
  text-decoration: underline;
}
.employee-document-upload-wrapper #documentListTable .popover {
  background-color: #808080;
  border: 1px solid #808080;
  cursor: pointer !important;
}
.employee-document-upload-wrapper #documentListTable .popover-content {
  font-size: 14px;
  padding: 0;
  min-height: 0;
  height: auto;
  background-color: #808080;
  text-align: left;
  color: #ffffff;
  padding: 5px;
}
.employee-document-upload-wrapper #documentListTable .popover .arrow:after {
  border-top-color: #808080;
}
.employee-document-upload-wrapper .document-upload-form {
  display: flex;
  flex-direction: column;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-file-list .eco3-globalMessages {
  max-width: 450px;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-file-list .eco3-globalMessages ul {
  margin: 10px;
}
.employee-document-upload-wrapper .document-upload-form #documentGroupForm #validationMsg ul,
.employee-document-upload-wrapper .document-upload-form #documentFileForm #validationMsg ul {
  margin: 5px;
}
.employee-document-upload-wrapper .document-upload-form #documentGroupForm #docTypeDropdownWrapper.has-error .select2-container,
.employee-document-upload-wrapper .document-upload-form #documentFileForm #docTypeDropdownWrapper.has-error .select2-container {
  border: 1px solid #d50032 !important;
}
.employee-document-upload-wrapper .document-upload-form .document-description-section {
  margin-bottom: -15px;
}
.employee-document-upload-wrapper .document-upload-form select {
  height: 35px;
  line-height: 35px;
}
.employee-document-upload-wrapper .document-upload-form .form-row {
  display: flex;
  flex-direction: row;
  gap: 20px 50px;
  width: 100%;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group {
  flex-direction: column;
  gap: 5px;
  width: 260px;
  justify-content: end;
  margin-bottom: 0;
  float: left;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group input#groupTitle {
  -webkit-box-shadow: 0 0 0px 1000px #fcfcfc inset !important;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group input#groupTitle.grey-out-field {
  -webkit-box-shadow: 0 0 0px 1000px #f3f3f3 inset !important;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group label {
  margin: 0;
  vertical-align: auto;
  height: 26px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group textarea {
  min-height: 75px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group .disabled {
  background-color: #f3f3f3;
  opacity: 1.0;
  color: #7d7d7d;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group input.disabled {
  background-color: #f3f3f3 !important;
  opacity: 1.0;
  color: #7d7d7d;
  cursor: not-allowed !important;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group input#groupTitle.disabled {
  -webkit-box-shadow: 0 0 0px 1000px #f3f3f3 inset !important;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group .form-control-feedback {
  display: none !important;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group .multiselect-not-empty-help-block {
  margin-top: 10px;
  color: #ed1c24;
}
.employee-document-upload-wrapper .document-upload-form .form-row .row-subsection {
  display: flex;
  gap: 30px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .row-subsection .form-group.has-feedback.has-error select[required="required"] + i + span.select2 {
  border: 1px solid #d50032 !important;
  background: #fdf3f5 !important;
}
.employee-document-upload-wrapper .document-upload-form .form-row .row-subsection .form-group.has-feedback.has-error select[required="required"] + i + span.select2 .select2-selection--single {
  background-color: unset;
}
.employee-document-upload-wrapper .document-upload-form .form-row .row-subsection .form-group-resolution {
  width: 156px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .document-title {
  width: 607px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.employee-document-upload-wrapper .document-upload-form .form-row .document-title label {
  height: 17px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .document-title .title-row {
  display: flex;
  gap: 30px;
  width: 100%;
}
.employee-document-upload-wrapper .document-upload-form .form-row .document-title .title-row .title-input-wrapper {
  flex-grow: 1;
}
.employee-document-upload-wrapper .document-upload-form .form-row .document-title .title-row .title-input-wrapper .title-text-area {
  width: 100%;
}
.employee-document-upload-wrapper .document-upload-form .form-row .document-title .title-row .title-input-wrapper .invalid-error {
  padding-top: 5px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .document-title span {
  color: #ed1c24;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-short-field {
  width: 150px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .browse-btn,
.employee-document-upload-wrapper .document-upload-form .form-row .delete-btn {
  margin-bottom: 0;
  margin-top: 26px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-button {
  margin-left: 20px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group-medium-width .form-group {
  width: 190px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group-object-id {
  display: inline-flex;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group-object-id .form-group {
  width: 190px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group-country {
  width: 205px;
  margin-left: 55px;
}
.employee-document-upload-wrapper .document-upload-form .form-row .form-group-country .select2 {
  width: 205px !important;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-file {
  position: relative;
  z-index: 1000;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-file:not(:first-of-type) {
  margin-top: 20px;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-file:not(:last-of-type) {
  border-bottom: 1px solid #cccccc;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-file .eco3-icon-ok {
  height: 16px;
  width: 21px;
  background-size: 16px;
  margin-right: 5px;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .form-row {
  gap: 20px;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .form-row button {
  height: 35px;
  font-size: 10pt;
  font-weight: 300;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .form-row .eco3-icon {
  height: 35px;
  width: 35px;
  top: 0;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-info-msg {
  max-width: 735px;
  min-height: 212px;
  margin: 40px auto;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-info-msg .alert-info {
  padding: 16px !important;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-info-msg .alert-info .section-one {
  margin-bottom: 10px;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-info-msg .alert-info .header {
  font-weight: 700;
  line-height: 20px;
  font-size: 14px;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-info-msg .alert-info ul.notificationicon {
  list-style-type: disc;
  padding-left: 10px;
  margin: 5px 0 0 0;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-info-msg .alert-info ul.notificationicon li {
  margin-bottom: 4px;
  line-height: 24px;
  padding-left: 16px;
  position: relative;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-documents .document-upload-info-msg .alert-info ul.notificationicon li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #0086be;
  margin-top: 5px;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-save {
  border-top: 1px solid #cccccc;
  margin-top: 30px;
  margin-bottom: 160px;
  padding-top: 40px;
  position: relative;
  z-index: 1;
}
.employee-document-upload-wrapper .document-upload-form #document-upload-section-save .btn {
  float: right;
}
.employee-document-upload-wrapper .document-upload-form .eco3-datepicker {
  margin-bottom: 0 !important;
}
.employee-document-upload-wrapper #globalMessages ul {
  margin-bottom: 0px !important;
}
#mtModal .confirmationModalWidth {
  width: 450px;
}
#mtModal .confirmationModalWidth .display-messages {
  width: 360px;
}
#mtModal .confirmationModalWidth .display-messages .popup-body {
  margin-bottom: 0;
}
#mtModal .confirmationModalWidth #yesBtn,
#mtModal .confirmationModalWidth #noBtn {
  min-width: 167px;
}
.spinner-wrapper {
  width: 95px !important;
}
.spinner-wrapper .spinner-for-file-upload {
  margin: 26px auto 0 auto;
}
.grey-out-field {
  background-color: #f3f3f3 !important;
  pointer-events: none;
}
div#documentIndexingSuccessMsg,
div#documentIndexingPartialSuccessMsg,
div#documentIndexingErrorMsg {
  max-width: 350px;
  margin: 20px auto;
}
div#documentIndexingSuccessMsg .global-alerts ul,
div#documentIndexingPartialSuccessMsg .global-alerts ul,
div#documentIndexingErrorMsg .global-alerts ul {
  padding: 10px 0 10px 10px;
}
div#documentIndexingSuccessMsg .global-alerts ul li,
div#documentIndexingPartialSuccessMsg .global-alerts ul li,
div#documentIndexingErrorMsg .global-alerts ul li {
  display: table;
  word-break: break-word;
}
div#documentIndexingSuccessMsg .global-alerts ul li span.text-left,
div#documentIndexingPartialSuccessMsg .global-alerts ul li span.text-left,
div#documentIndexingErrorMsg .global-alerts ul li span.text-left {
  width: auto !important;
  font-size: 10pt;
}
div#documentIndexingSuccessMsg .global-alerts ul li span.text-left .document-list,
div#documentIndexingPartialSuccessMsg .global-alerts ul li span.text-left .document-list,
div#documentIndexingErrorMsg .global-alerts ul li span.text-left .document-list {
  padding: 0;
}
div#documentIndexingSuccessMsg .global-alerts ul li span.text-left div,
div#documentIndexingPartialSuccessMsg .global-alerts ul li span.text-left div,
div#documentIndexingErrorMsg .global-alerts ul li span.text-left div {
  display: inline;
}
div#documentIndexingSuccessMsg .global-alerts ul li span,
div#documentIndexingPartialSuccessMsg .global-alerts ul li span,
div#documentIndexingErrorMsg .global-alerts ul li span {
  vertical-align: top;
}
div#documentIndexingSuccessMsg .global-alerts ul li span.success-text-msg,
div#documentIndexingPartialSuccessMsg .global-alerts ul li span.success-text-msg,
div#documentIndexingErrorMsg .global-alerts ul li span.success-text-msg {
  padding-top: 5px !important;
}
div#documentIndexingSuccessMsg .global-alerts ul li span.error-text-msg,
div#documentIndexingPartialSuccessMsg .global-alerts ul li span.error-text-msg,
div#documentIndexingErrorMsg .global-alerts ul li span.error-text-msg {
  padding-top: 5px !important;
}
.filename-display {
  display: table;
}
.filename-display .eco3-icon-ok {
  display: table-cell;
  position: relative;
  top: 4px;
}
.filename-display .fa.fa-times {
  margin-right: 9px;
  display: table-cell;
  position: relative;
  top: 3px;
}
.filename-display .file-name {
  display: table-cell;
  float: none !important;
  text-transform: none;
}
.delete-document-modal .modal-content {
  max-width: 450px;
}
.delete-document-modal .btn {
  width: 167px;
}
.delete-document-modal #deleteDocument .delete-document-content {
  font-size: 16px;
}
.delete-document-modal .button-alignment-ok,
.delete-document-modal .button-alignment {
  margin: 20px 0;
}
#globalMessageForFailedFileSection {
  max-width: 500px;
}
#globalMessageForFailedFileSection .global-alerts {
  padding-right: 0;
}
#globalMessageForFailedFileSection .global-alerts ul.notificationicon {
  margin-bottom: 0;
  padding: 5px;
}
#globalMessageForFailedFileSection .global-alerts ul.notificationicon a,
#globalMessageForFailedFileSection .global-alerts ul.notificationicon a:hover {
  color: #0086be;
  text-decoration: underline;
}
#mtModal .export-document-content {
  max-width: 450px;
  height: 196px;
}
#mtModal .export-document-success-content {
  max-width: 450px;
  height: 192px;
}
#mtModal #exportDocumentInnerContainer .spinner {
  margin: 10px auto;
}
#mtModal #exportDocumentInnerContainer .export-document-in-progress {
  max-width: 354px;
  margin: 10px auto;
}
#mtModal #exportDocumentInnerContainer .export-document-success {
  margin: 40px auto;
  max-width: 354px;
}
#mtModal #exportDocumentInnerContainer .export-document-error {
  margin-left: 10px;
  margin-right: 10px;
}
#mtModal #exportDocumentInnerContainer .export-document-error .alert-danger {
  width: 356px;
}
.select2-container--disabled {
  opacity: 0.6;
}
.select2-container--disabled .select2-selection__rendered {
  opacity: 0.4 !important;
  background-color: #d9d9d9 !important;
  color: #7d7d7d;
}
.ms-options-wrap,
.ms-options-wrap * {
  box-sizing: border-box;
}
.ms-options-wrap {
  max-height: 30px;
}
.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  position: relative;
  width: 205px;
  text-align: left;
  white-space: nowrap;
  height: 35px;
  font-size: 11.0pt;
  background-color: #fcfcfc;
  font-weight: normal;
  border: 1px solid #cccccc;
  color: #434343;
  background: #fcfcfc url(../images/dd-arrow.svg) no-repeat 100% 42%;
  cursor: pointer;
}
.ms-options-wrap > button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  word-break: break-word;
  width: 95%;
}
.ms-options-wrap > .ms-options {
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  background: #fcfcfc;
  position: relative;
  z-index: 2000;
  border: 1px solid #333333;
  overflow: auto;
  visibility: hidden;
}
.ms-options-wrap.ms-active > .ms-options {
  visibility: visible;
}
.ms-options-wrap > .ms-options > .ms-search input {
  padding: 4px 5px;
  width: 90%;
  margin: 10px 0 0 0;
  border: 1px solid #cccccc;
  outline: none;
}
.form-group.has-error .ms-options-wrap .ms-options .ms-search input[type="text"] {
  background: #fcfcfc !important;
  border: 1px solid #cccccc !important;
}
.form-group.has-error .ms-options-wrap .drop-down-arrow {
  border: 1px solid #d50032 !important;
  background: #fdf3f5;
}
.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ms-options-wrap > .ms-options > ul li.ms-hidden {
  display: none;
}
.ms-options-wrap > .ms-options > ul > li.optgroup {
  padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #333333;
}
.ms-options-wrap > .ms-options > ul > li.optgroup .label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: 500;
}
.ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 30px;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 25px;
  overflow: hidden;
}
.ms-options-wrap > .ms-options > ul label .checkmark {
  top: 3px;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
  padding: 4px;
}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  margin: 0 5px 0 0;
  position: absolute;
  left: 4px;
  top: 7px;
}
.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ms-options-wrap > .ms-options {
  box-shadow: 1px 1px 6px 1px #cccccc;
  min-height: auto !important;
  border: 1px solid #cccccc;
}
.ms-options-wrap > .ms-options ul {
  padding: 0;
  width: 90%;
  margin: 10px auto 0 auto;
}
.ms-options-wrap > .ms-options ul li {
  line-height: 28px;
}
.ms-options-wrap > .ms-options a.clear-checkbox {
  display: none;
}
.ms-options-wrap > button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  word-break: break-word;
  width: 95%;
  font-size: 13px;
  padding: 5px;
}
/* imports the variable.less */
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
/* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .document-upload-form {
    padding: 0 30px;
  }
  .document-upload-form .form-filename {
    display: inline-flex;
    margin-left: -26px;
  }
  .document-upload-form .form-filename-label {
    max-width: 260px;
    text-align: left;
  }
  .document-upload-form .form-file-attached {
    margin: 10px auto 20px 0px !important;
  }
  .document-upload-form .form-row {
    justify-content: center;
    margin-bottom: 20px !important;
  }
  .document-upload-form .form-row .row-subsection {
    display: contents !important;
  }
  .document-upload-form .form-row .row-subsection .form-group-country {
    width: 260px !important;
    margin-left: 0px !important;
  }
  .document-upload-form .form-row .row-subsection .form-group-country .select2 {
    width: 260px !important;
  }
  .document-upload-form .form-row .document-title {
    width: 260px !important;
    margin-top: 10px;
  }
  .document-upload-form .form-row .document-title .title-row {
    display: block !important;
  }
  .document-upload-form .form-row .document-title .title-row .title-text-area {
    width: 260px !important;
  }
  .document-upload-form .form-row .document-title span {
    text-align: left;
  }
  .document-upload-form .form-row .document-title .browse-doc,
  .document-upload-form .form-row .document-title .delete-doc {
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
    top: 20px !important;
  }
  .document-upload-form .form-row .form-short-field,
  .document-upload-form .form-row .form-group-medium-width {
    width: 260px !important;
  }
  .document-upload-form .form-row .form-short-field .form-group,
  .document-upload-form .form-row .form-group-medium-width .form-group {
    width: 260px !important;
  }
  .document-upload-form .form-row .form-field-object-id,
  .document-upload-form .form-row .form-group-resolution {
    width: 260px !important;
  }
  .document-upload-form .form-row .form-group {
    margin-right: 0 !important;
  }
  .document-upload-form .form-row .form-group-object-id,
  .document-upload-form .form-row .select2-container {
    width: 260px !important;
  }
  .document-upload-form #addNewFile {
    margin-top: 10px;
    float: none !important;
  }
  .document-upload-form #document-upload-section-save .btn {
    float: none !important;
  }
  .document-upload-form #documentGroupForm .eco3-globalMessages .global-alerts .error-icon {
    margin: 0px 0px 0px -8px;
  }
  .document-upload-form #document-upload-section-documents .document-upload-info-msg {
    max-width: 320px!important;
  }
  #mtModal .confirmationModalWidth {
    width: 340px;
    height: 320px;
  }
  #mtModal .confirmationModalWidth .modal-body .display-messages {
    width: 280px;
    height: 220px;
  }
  #mtModal .confirmationModalWidth .modal-body .link-buttons {
    display: inline-grid;
  }
  #mtModal .confirmationModalWidth .modal-body .link-buttons #yesBtn {
    margin-bottom: 10px;
  }
  #mtModal .confirmationModalWidth .modal-body .link-buttons #yesBtn,
  #mtModal .confirmationModalWidth .modal-body .link-buttons #noBtn {
    min-width: 260px;
  }
  .delete-document-modal .btn {
    width: 260px;
    height: 40px;
  }
  .delete-document-modal .button-alignment {
    margin: 0;
  }
  .delete-document-modal .button-alignment-ok,
  .delete-document-modal .button-alignment {
    text-align: center;
  }
  .form-file-attached,
  .form-file-not-attached {
    max-width: 260px;
    display: block;
    margin: 10px 0 20px;
  }
  .ms-options-wrap > button:focus,
  .ms-options-wrap > button {
    width: 260px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .document-upload-form {
    padding: 0 30px;
  }
  .document-upload-form .form-row .ms-options-wrap > button:focus,
  .document-upload-form .form-row .ms-options-wrap > button {
    width: 205px !important;
  }
  .document-upload-form .form-row .form-group-country {
    margin-left: 0px !important;
  }
  .document-upload-form .form-row .form-group-country .select2 {
    width: 205px !important;
  }
  .document-upload-form .form-row .row-subsection {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .document-upload-form .form-row .row-subsection .form-group {
    width: 205px !important;
  }
  .document-upload-form .form-row .row-subsection .release-date-wrapper {
    clear: both;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/* imports the media-query.less */
/*import employee document upload file*/
/******************************************************************************************************************
/* File Name        : digital-sales-room.less
/* Created By       : Gunashree Bhaskara
/* Created Date     : 18-June-2024
/* Description      : This is less code for the svc contract list page.
/*******************************************************************************************************************/
/* imports the variable.less */
.service-contract {
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
.service-contract .service-contract-table {
  width: 700px;
  border-bottom: none !important;
}
.service-contract .service-contract-table thead tr th {
  border-bottom: 1px solid #cccccc;
  padding: 20px 5px;
  word-break: break-word;
  width: 20%;
}
.service-contract .service-contract-table tr.service-contract-list-row td {
  border-bottom: 1px solid #cccccc;
  padding: 25px 5px;
  word-break: break-word;
  width: 20%;
}
.service-contract .service-contract-table tr.service-contract-list-row td .download-icon {
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(../images/download.svg);
  background-size: 25px;
}
table#svcTabDatatableList {
  max-width: 100%;
}
table#svcTabDatatableList thead th {
  padding: 16px 5px;
  border-bottom: 1px solid #cccccc !important;
}
table#svcTabDatatableList tbody tr td .download-icon {
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(../images/download.svg);
  background-size: 25px;
}
table#svcTabDatatableList tbody tr td:first-child {
  padding: 25px 5px 25px 0;
}
table#svcTabDatatableList tbody tr td:last-child {
  padding: 0;
}
table#svcTabDatatableList tr.child span.dtr-title {
  min-width: 55px !important;
}
table#svcTabDatatableList tr.child ul.dtr-details {
  padding: 10px 12px 0 12px !important;
}
table#svcTabDatatableList tr.child ul.dtr-details li {
  margin: 5px 0 5px 0;
}
table#svcTabDatatableList tr.child ul.dtr-details li:nth-child(4) span.dtr-title {
  min-width: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .eco3-table table.dataTable {
    margin: 0 auto 10px auto !important;
  }
}
.dataTables_paginate {
  padding-bottom: 140px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .dataTables_paginate {
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .dataTables_paginate {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .service-contract {
    display: none !important;
  }
}
.no-result-message-container .errorMessage-width {
  max-width: 512px !important;
  margin-bottom: 200px;
}
.no-result-message-container .errorMessage-width .global-alerts .info-icon {
  margin: 0px 9px 23px -6px !important;
}
/*import svc contracts list file*/
/******************************************************************************************************************
/* File Name : license.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 23-Sep-2025
/* Description : error Message styles
/*******************************************************************************************************************/
/* imports the variable.less */
.error-message {
  width: 100%;
  padding: 5px;
  text-align: center;
}
.error-message .error-tile {
  background-color: #fdf2f4;
  border-color: #ffffff;
  color: #DC0032;
  width: 80%;
  vertical-align: middle;
  padding: 10px;
  display: flex;
}
.error-message .error-tile .error-icon {
  background: url("../images/icon-error.svg") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: 34px 34px;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: left;
  background-position: left;
  float: left;
}
.error-message .error-tile .error-text {
  display: block;
}
/* imports the variable.less */
.eco3-spacer {
  height: 0px;
}
.filter-clear-mobile-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.filter-clear-mobile-buttons .show-filter-mobile-btn {
  margin-bottom: 20px;
}
/* imports the variable.less */
.eco-dropdown-panel {
  min-width: 100px;
  position: relative;
  border: none !important;
  outline: none;
  float: left;
}
.eco-dropdown-panel .click-header {
  outline: none;
  border: none;
  background-color: #f2f2f2;
  display: inline-block;
  box-shadow: 0 0 5px 1px #d9d9d9;
  height: 40px;
}
.eco-dropdown-panel .click-header .header-text {
  color: #434343;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  word-break: break-word;
  width: 95%;
  font-size: 12pt;
  font-weight: 500;
  padding: 8px 30px 0px 3px;
}
.eco-dropdown-panel .drop-down-arrow {
  background-image: url(../images/drop-arrow.svg) !important;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 98%;
  background-size: 35px;
  display: table-cell;
  cursor: pointer;
}
.eco-dropdown-panel .drop-down-content {
  position: absolute;
  left: 0;
  margin-top: -3px;
  z-index: 2000;
  overflow: auto;
}
/* imports the variable.less */
.eco-header-panel {
  min-width: 100px;
  position: relative;
  border: none !important;
  outline: none;
  float: left;
  display: flex;
  flex-direction: column;
}
.eco-header-panel .header {
  background-color: #f3f3f3;
  height: 40px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
.eco-header-panel .header .header-text {
  color: #434343;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  font-size: 12pt;
}
.eco-header-panel .body {
  margin-top: 20px;
}
/* imports the variable.less */
.eco-step-in-panel .eco-step-in-main .eco-step-in-tab .eco-step-in-tab-content {
  min-width: 240px;
  background-color: #f3f3f3;
  min-height: 40px;
  font-size: 12pt;
  line-height: 40px;
  color: #434343;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.eco-step-in-panel .eco-step-in-main .eco-step-in-tab .eco-step-in-tab-content .eco-step-in-text {
  margin-left: 15px;
}
.eco-step-in-panel .eco-step-in-main .eco-step-in-tab .eco-step-in-tab-content .eco-step-in-icons-wrapper {
  display: flex;
  align-items: center;
}
.eco-step-in-panel .eco-step-in-main .eco-step-in-tab .eco-step-in-tab-content .eco-step-in-icons-wrapper .eco-step-in-dot {
  background: url(../images/dot.svg) no-repeat center;
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin: 0px 5px -1px 0px;
  display: inline-block;
  color: #009cdd;
}
.eco-step-in-panel .eco-step-in-main .eco-step-in-tab .eco-step-in-tab-content .eco-step-in-icons-wrapper .eco-step-in-arrow {
  width: 24px;
  height: 24px;
  content: "";
  background: url(../images/arrow-up-new.svg) no-repeat center;
  transform: rotate(90deg);
  margin-right: 5px;
}
.eco-step-in-panel .eco-step-in-content .eco-step-in-content-back {
  display: flex;
  align-items: center;
}
.eco-step-in-panel .eco-step-in-content .eco-step-in-content-back .eco-step-in-content-arrow {
  width: 24px;
  height: 24px;
  content: "";
  background: url(../images/arrow-up-new.svg) no-repeat center;
  transform: rotate(270deg);
}
.eco-step-in-panel .eco-step-in-content .eco-step-in-content-back .eco-step-in-content-text {
  color: #009cdd;
}
/* imports the variable.less */
.eco-bs-disclosure-panel .eco-bs-disclosure-panel-header {
  font-size: 12pt;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.eco-bs-disclosure-panel .eco-bs-disclosure-panel-header .eco-bs-disclosure-panel-header-title {
  margin-left: 15px;
}
.eco-bs-disclosure-panel .eco-bs-disclosure-panel-header .accordion-toggle {
  padding: 10px 0px;
}
.eco-bs-disclosure-panel .eco-bs-disclosure-panel-header .accordion-toggle:after {
  margin-right: 8px;
}
/* imports the variable.less */
.eco-cst-disclosure-panel .eco-cst-disclosure-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.eco-cst-disclosure-panel .eco-cst-disclosure-panel-header .eco-cst-disclosure-panel-toggle .eco-cst-disclosure-panel-toggle-icon {
  cursor: pointer;
  width: 24px;
  height: 24px;
  float: right;
  content: "";
  margin-right: 8px;
  background: url(../images/arrow-up-new.svg) no-repeat center;
}
.eco-cst-disclosure-panel .eco-cst-disclosure-panel-header.collapsed .eco-cst-disclosure-panel-toggle .eco-cst-disclosure-panel-toggle-icon {
  transform: rotate(-180deg);
}
.eco-cst-disclosure-panel .eco-cst-disclosure-panel-2-header {
  box-shadow: 0 1px 8px 1px #00000033;
  height: 40px;
  width: 100%;
}
.eco-cst-disclosure-panel .eco-cst-disclosure-panel-2-header .eco-cst-disclosure-panel-2-header-content {
  padding-left: 15px;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #009cdd;
}
.eco-cst-disclosure-panel .eco-cst-disclosure-panel-2-header.collapsed .eco-cst-disclosure-panel-2-header-content {
  color: #3c3c3c;
}
.eco-cst-disclosure-panel .eco-cst-disclosure-panel-2-body {
  margin-top: 20px;
  border: 1px solid #CCCCCC;
}
.eco-cst-disclosure-panel .eco-cst-disclosure-panel-2-body .eco-cst-disclosure-panel-2-body-content {
  padding: 20px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
}
.eco-cst-disclosure-panel-3-header .eco-cst-disclosure-panel-toggle .eco-cst-disclosure-panel-toggle-icon {
  background: url(../images/arrow-down-new.svg) no-repeat center !important;
}
.eco-cst-disclosure-panel-3-header.collapsed .eco-cst-disclosure-panel-toggle .eco-cst-disclosure-panel-toggle-icon {
  transform: rotate(-90deg) !important;
}
.clear-icon-button {
  background-image: url(/_ui/responsive/theme-eco3/images/iconfinder-icon.svg) !important;
  background-size: 36px;
  background-color: white;
  display: table-cell;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border: none;
}
/* imports the variable.less */
.search-clear-button-container {
  display: flex;
  width: min-content;
}
.search-clear-button-container .clear-button {
  margin-top: 2px;
}
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
/* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .search-clear-button-container {
    flex-direction: column;
    align-content: center;
    gap: 20px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .search-clear-button-container {
    flex-direction: row;
    align-content: center;
    gap: 15px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .search-clear-button-container {
    flex-direction: row;
    gap: 15px;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the variable.less */
.date-picker-input-tile .date-picker-input-tile-label {
  text-align: left;
  font-weight: 500;
}
/* imports the variable.less */
.date-range-input-tile {
  display: flex;
}
.date-range-input-tile .date-range-input-tile-header-title {
  color: #3c3c3c;
  font-size: 16px;
  text-align: left;
}
/* ============================================================================= */
/* Part I Mobile resolution media query block (320px to 767px)
/* ============================================================================= */
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .date-range-input-tile {
    flex-direction: column;
    gap: 20px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .date-range-input-tile {
    flex-direction: row;
    justify-content: space-between;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .date-range-input-tile {
    flex-direction: column;
    gap: 20px;
  }
  /*****************************Desktop-End*********************************/
}
.simple-message-popup-tile {
  padding: 4px 20px 20px;
  word-break: break-word;
}
/* imports the variable.less */
.eco-radio-group {
  display: flex;
  gap: 15px;
}
.eco-radio-group .radio + .radio {
  margin-top: 10px;
}
.eco-radio-group .eco-rb-label {
  font-weight: 400;
  font-size: 14px;
  padding-left: 15px;
}
/* imports the variable.less */
.eco-contact-person-inputs-tile {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 40px;
}
.eco-contact-person-inputs-tile .eco-md-dummy {
  display: none;
}
.eco-contact-person-inputs-tile .eco-form-input {
  /* screen specific */
}
.eco-contact-person-inputs-tile select.eco-select {
  height: 35px;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .eco-contact-person-inputs-tile .eco-form-input {
    width: 100%;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .eco-contact-person-inputs-tile .eco-md-dummy {
    display: block;
  }
  .eco-contact-person-inputs-tile .eco-form-input {
    width: 250px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .eco-contact-person-inputs-tile .eco-form-input {
    width: 213px;
  }
  /*****************************Desktop-End*********************************/
}
/* imports the variable.less */
.eco-contact-preference-inputs-tile {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 40px;
}
.eco-contact-preference-inputs-tile .eco-form-input {
  /* screen specific */
}
.eco-contact-preference-inputs-tile select.eco-select {
  height: 35px;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .eco-contact-preference-inputs-tile .eco-form-input {
    width: 100%;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .eco-contact-preference-inputs-tile .eco-form-input {
    width: 250px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .eco-contact-preference-inputs-tile .eco-form-input {
    width: 213px;
  }
  /*****************************Desktop-End*********************************/
}
/* import common sub styles */
.checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section .bullet-checkout-small::before {
  background-color: #009cdd;
  display: block;
}
.checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section .eco-technician-contact-form-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section .eco-technician-contact-form-wrapper .eco-technician-contact-form-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section .eco-technician-contact-form-wrapper .eco-radio-group-label {
  font-weight: 400;
}
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  .checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section .eco-technician-contact-form-wrapper .eco-technician-contact-form-content {
    padding-left: 20px;
    padding-right: 10px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  .checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section .eco-technician-contact-form-wrapper .eco-technician-contact-form-content {
    padding-left: 20px;
    padding-right: 10px;
    width: 880px;
    justify-content: center;
  }
  .checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section .eco-technician-contact-form-wrapper .eco-technician-contact-form-content .eco-tcf-center {
    width: 580px;
  }
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  .checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section {
    padding-left: 20px;
  }
  .checkoutMainPage section.checkoutSection .eco-checkout-technician-contact-section .eco-technician-contact-form-wrapper .eco-technician-contact-form-content {
    flex-direction: column;
  }
  /*****************************Desktop-End*********************************/
}
/* import checkout sub styles */
.customer-request-search-form {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  gap: 12px;
}
.customer-request-search-form .eco-tree-node .eco3-checkbox {
  margin-bottom: 20px;
}
.customer-request-search-form .eco-tree-node .eco3-checkbox .facet-text {
  font-size: 13px;
  font-weight: 100;
}
.customer-request-search-form .eco-dropdown-panel .drop-down-content {
  padding: 20px 10px 0px 10px;
}
.customer-request-search-form-mobile {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.customer-request-search-form-mobile .eco-tree-node .eco3-checkbox {
  margin-bottom: 20px;
}
.customer-request-search-form-mobile .eco-tree-node .eco3-checkbox .facet-text {
  font-size: 13px;
  font-weight: 100;
}
#document-facet.customer-request-search-form-mobile .eco-tree-node .eco3-checkbox .facet-label {
  vertical-align: unset;
}
.customer-request-search-form-mobile.product-list-view-main-section {
  margin-bottom: unset;
}
.customer-request-result-table table.dataTable {
  display: table !important;
  table-layout: fixed;
}
.customer-request-result-table table.dataTable thead th {
  background-image: none !important;
  padding-right: 8px !important;
}
.customer-request-result-table table.dataTable thead th .sort-label {
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: center right;
}
.customer-request-result-table table.dataTable thead th.sorting .sort-label {
  background-image: url("../images/sort_both.svg") !important;
  background-size: 19px 19px;
}
.customer-request-result-table table.dataTable thead th.sorting_asc .sort-label {
  background-image: url("../images/sort_asc.svg") !important;
  background-size: 19px 19px;
}
.customer-request-result-table table.dataTable thead th.sorting_desc .sort-label {
  background-image: url("../images/sort_desc.svg") !important;
  background-size: 19px 19px;
}
.customer-request-result-table table.dataTable .description-container-header,
.customer-request-result-table table.dataTable .description-container-body {
  width: 366px;
  text-align: left !important;
}
.customer-request-result-table table.dataTable .description-container-body .customer-request-description {
  display: flex;
}
.customer-request-result-table table.dataTable .description-container-body .customer-request-description .truncate-description {
  overflow: hidden;
  text-overflow: ellipsis;
}
.customer-request-result-table table.dataTable .description-container-body .customer-request-description .description-show-more {
  text-transform: capitalize;
}
.customer-request-details-tile .customer-request-details-data .customer-request-details-header-section {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
  color: #004494;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
}
.customer-request-details-tile .customer-request-details-data .customer-request-details-header-section .field-value {
  font-weight: 400;
}
/* import customer styles */
/******************************************************************************************************************
/* File Name : license.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 23-Sep-2025
/* Description : This is less code for the license management section
/*******************************************************************************************************************/
/* imports the variable.less */
#activateLicensesForm .fingerprint-wrapper {
  float: none;
  margin: 0 auto;
}
#activateLicensesForm .fingerprint-wrapper .finger-print-block {
  float: none;
  margin: 0 auto;
  text-align: center;
}
#activateLicensesForm .fingerprint-wrapper .finger-print-block .finger-print-input {
  min-height: 1em;
}
/**********End of Software License EMS***********/
/*******end of Retail License*************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/******************************************************************************************************************
/* File Name : license.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 23-Sep-2025
/* Description : This is less code for the license management section
/*******************************************************************************************************************/
/* imports the variable.less */
#activateFingerprintLicensesForm .fingerprint-wrapper {
  float: none;
  margin: 0 auto;
}
#activateFingerprintLicensesForm .fingerprint-wrapper .finger-print-block {
  float: none;
  margin: 0 auto;
  text-align: center;
}
#activateFingerprintLicensesForm .fingerprint-wrapper .finger-print-block .finger-print-input {
  min-height: 1em;
}
#activateFingerprintLicensesForm .license-history-top-container p {
  margin: 0;
}
/**********End of Software License EMS***********/
/*******end of Retail License*************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/******************************************************************************************************************
/* File Name : license.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 23-Sep-2025
/* Description : This is less code for the license management section
/*******************************************************************************************************************/
/* imports the variable.less */
#activationCodePopupButtonSectionTile .export-to-file span {
  top: 8px !important;
}
#activationCodePopupButtonSectionTile #copyButton {
  float: right;
}
#activationCodePopupButtonSectionTile #copyButton i {
  background-image: url(../images/copy-icon.svg) !important;
  background-size: 100% 100%;
  width: 20px;
  height: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 8px;
  right: 10px;
}
#activationCodePopupButtonSectionTile span {
  position: relative;
  top: 3px;
}
/**********End of Software License EMS***********/
/*******end of Retail License*************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  #activationCodePopupButtonSectionTile {
    padding: 0 44px 0 44px;
  }
  #activationCodePopupButtonSectionTile #exportToFile {
    float: none !important;
    margin-bottom: 20px;
  }
  #activationCodePopupButtonSectionTile #copyButton {
    float: none !important;
    margin: 0;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/******************************************************************************************************************
/* File Name : license.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 23-Sep-2025
/* Description : This is less code for the license management section
/*******************************************************************************************************************/
/* imports the variable.less */
#copiedToClipboard .copied-alert {
  max-width: 200px;
  padding-bottom: 10px !important;
  margin: 0 auto;
}
/**********End of Software License EMS***********/
/*******end of Retail License*************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/******************************************************************************************************************
/* File Name : license.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 23-Sep-2025
/* Description : This is less code for the license management section
/*******************************************************************************************************************/
/* imports the variable.less */
#emsActivationCodePreview .activation-code-header {
  display: inline-block;
  text-align: center;
  margin: 5px 15px 35px 15px;
}
#emsActivationCodePreview #licenseKeyTextarea {
  font-size: 11.0pt;
  resize: none !important;
}
/**********End of Software License EMS***********/
/*******end of Retail License*************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/******************************************************************************************************************
/* File Name : license.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 23-Sep-2025
/* Description : This is less code for the license management section
/*******************************************************************************************************************/
/* imports the variable.less */
#licenseActivationTable section.license-activation-table header {
  display: flex;
  align-items: center;
  padding: 10px 5px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0;
}
#licenseActivationTable section.license-activation-table header .col {
  flex: 1;
  padding: 5px;
  font-weight: 500;
}
#licenseActivationTable section.license-activation-table div.row {
  display: flex;
  align-items: center;
  min-height: 60px;
  vertical-align: middle;
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
  margin: 0;
}
#licenseActivationTable section.license-activation-table div.row .col {
  flex: 1;
  padding: 5px;
}
#licenseActivationTable section.license-activation-table div.row .col label {
  height: auto;
}
#licenseActivationTable section.license-activation-table div.row .col .quantity-container.disabled {
  opacity: 0.5;
  pointer-events: none;
}
/**********End of Software License EMS***********/
/*******end of Retail License*************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  #licenseActivationTable section.license-activation-table div.row {
    display: block;
    text-align: left;
    margin: 0;
    padding: 10px 0;
  }
  #licenseActivationTable section.license-activation-table div.row label.display-inline {
    display: inline !important;
  }
  #licenseActivationTable section.license-activation-table div.row .quantity-container {
    justify-content: left;
    margin-top: 10px;
  }
  #licenseActivationTable section.license-activation-table div.row .col {
    padding: 0 0 5px 0;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* =============================================================================*/
/* Part III Desktop resolution media query block (1024px and more)*/
/* =============================================================================*/
@media (min-width: 1201px) {
  /*****************************Desktop-Start*******************************/
  /*****************************Desktop-End*********************************/
}
/******************************************************************************************************************
/* File Name : fingerprintEntitlementSelectionForm.less
/* Created By : Bellam Asritha
/* Created Date : 29-Sep-2025
/* Description : This is less code for the Activate Licenses Entitlement Form
/*******************************************************************************************************************/
/* imports the variable.less */
#fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .form-group {
  max-width: 504px;
  margin: 0 20px;
}
#fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .activate-license-top-container {
  text-align: center;
  padding: 25px 0 15px;
}
#fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .activate-license-top-container .activate-license-header-label {
  width: 504px;
  color: #666666;
}
#fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .entitlement-input {
  width: 504px;
}
#fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .activate-license-block {
  margin: 26px 0 90px;
  width: 504px;
}
#fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .eco3-globalMessages {
  margin-top: 10px;
}
/*******end of Activate Licenses Entitlement Form*************/
/* =============================================================================*/
/* Part I Mobile resolution media query block (320px to 767px)
/* =============================================================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*****************************Mobile-Start*******************************/
  #fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .activate-license-top-container .activate-license-header-label {
    max-width: 260px;
  }
  #fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .entitlement-input {
    max-width: 260px;
  }
  #fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .activate-license-block {
    margin: 24px 0;
    width: auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 10px;
  }
  #fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .eco3-globalMessages {
    max-width: 260px;
    margin-left: 0px;
  }
  #fingerprintEntitlementSelectionForm .fingerprint-entitlement-wrapper .eco3-globalMessages .no-message-non-activate {
    padding-left: 10px;
  }
  /*****************************Mobile-End*********************************/
}
/* =============================================================================*/
/* Part II Tablet resolution media query block (768px-1024px)*/
/* =============================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*****************************Tablet-Start*******************************/
  /*****************************Tablet-End*********************************/
}
/* import EMS styles */
/******************************************************************************************************************
/* File Name : textSearchInputTile.less
/* Created By : Bellam Asritha
/* Created Date : 29-Sep-2025
/* Description : This is less code for the textSearchInputTile
/*******************************************************************************************************************/
/* imports the variable.less */
.text-input-tile {
  display: flex;
  position: relative;
  overflow: hidden;
}
.text-input-tile .text-input {
  width: 100% !important;
  height: 37px;
}
/******************************************************************************************************************
/* File Name : textSearchInputTile.less
/* Created By : Bellam Asritha
/* Created Date : 29-Sep-2025
/* Description : This is less code for the textSearchInputTile
/*******************************************************************************************************************/
/* imports the variable.less */
.page-searchPage .text-input-tile .search-filter-doc {
  width: 100% !important;
  height: 37px;
}
.page-searchPage .text-input-tile .input-group {
  display: flex;
  position: relative;
  overflow: hidden;
}
.page-searchPage .text-input-tile .input-group-btn {
  right: 80px;
}
.page-searchPage .text-input-tile .input-group-btn .btn-clear-input {
  height: 37px;
}
.page-searchPage .text-input-tile .input-group-btn button {
  background: transparent;
  outline: none;
  min-width: 40px;
  height: 22px;
  min-height: 0;
  font-size: 5pt;
  opacity: 1;
  z-index: 9;
  color: #7d7d7d;
  border-left: 0px !important;
}
.page-searchPage .text-input-tile .input-group-btn button.btn-search-input-doc {
  border-left: 1px solid #cccccc !important;
}
.page-searchPage .text-input-tile .btn-link.btn-search-input-doc:hover,
.page-searchPage .text-input-tile .btn-search-input-doc.is-focused {
  color: #009cdd;
}
/******************************************************************************************************************
/* File Name : infoHideFiltersTile.less
/* Created By : Kamil Zakrzewski
/* Created Date : 22-Oct-2025
/* Description : This is less code for webroot/WEB-INF/tags/responsive/kmDocument/common/form/tile/infoHideFilersTile.tag
/*******************************************************************************************************************/
/* imports the variable.less */
.page-searchPage .search-doc-sn-lot-info-tile {
  margin: 10px 0 20px 0;
  display: flex;
  flex-direction: inherit;
  gap: 8px;
  text-align: left;
}
.page-searchPage .search-doc-sn-lot-info-tile .search-doc-sn-lot-info-tile-icon i.eco3-icon {
  width: 20px;
}
.page-searchPage .search-doc-sn-lot-info-tile .search-doc-sn-lot-info-tile-text {
  margin: 2px 0 0 0;
}
.page-searchPage .search-doc-sn-lot-info-tile .search-doc-sn-lot-info-tile-text span {
  word-wrap: break-word;
  color: #434343;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
/*******end of infoHideFiltersTile.less*************/
/* import document search styles */
/******************************************************************************************************************
/* File Name : pdfFileTile.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 08-Jan-2026
/* Description : PDF file icon with name styles
/*******************************************************************************************************************/
/* imports the variable.less */
.order-history-pdf-file-tile {
  color: #434343;
  text-decoration: none;
}
.order-history-pdf-file-tile img {
  width: 24px;
  height: 32px;
}
.order-history-pdf-file-tile span.file-name-wrapper {
  padding-left: 10px;
}
/******************************************************************************************************************
/* File Name : pdfFileTile.less
/* Created By : Lukasz Nieweglowski
/* Created Date : 08-Jan-2026
/* Description : PDF file icon with name styles
/*******************************************************************************************************************/
/* imports the variable.less */
.eco-pdf-files-tile .eco-pdf-files-header {
  font-size: 14px;
  margin: 0;
}
.eco-pdf-files-tile .eco-pdf-files-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  clear: both;
}
.eco-pdf-files-tile .eco-pdf-files-list .eco-pdf-file-tile-item {
  padding: 15px 0;
}
/* import document search styles */