@charset "UTF-8";
.cbtn {
  font-family: Sans-serif, Helvetica, Arial, Sans-Serif;
  padding: 5.5px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border: 5px;
  -moz-border: 5px;
  border: 5px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  text-decoration: none;
  vertical-align: middle;
  line-height: 10px;
  /* Non-prefixed version, currently
                                   supported by Chrome and Opera */
}

.btn_top_link.employee_only {
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd) 65%, to(#c7c8ca));
  background: -webkit-linear-gradient(top, #dddddd 65%, #c7c8ca);
  background: -moz-linear-gradient(top, #dddddd 65%, #c7c8ca);
  background: -ms-linear-gradient(top, #dddddd 65%, #c7c8ca);
  background: -o-linear-gradient(top, #dddddd 65%, #c7c8ca);
}

.btn_top_link {
  line-height: 15px;
  border-right: 0.5px solid #ededed;
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6) 65%, to(#c7c8ca));
  background: -webkit-linear-gradient(top, #f6f6f6 65%, #c7c8ca);
  background: -moz-linear-gradient(top, #f6f6f6 65%, #c7c8ca);
  background: -ms-linear-gradient(top, #f6f6f6 65%, #c7c8ca);
  background: -o-linear-gradient(top, #f6f6f6 65%, #c7c8ca);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgb(180, 180, 180) 0 1px 0;
  -moz-box-shadow: rgb(180, 180, 180) 0 1px 0;
  box-shadow: rgb(180, 180, 180) 0 1px 0;
  color: black;
  font-size: 11px;
  font-weight: bolder;
}

a.btn_top_link {
  height: 25px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
}

.btn_top_link:hover {
  border-right: 0.5px solid #afe1f3;
  background: #afe1f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#afe1f3), to(#1c66ab));
  background: -webkit-linear-gradient(top, #afe1f3, #1c66ab);
  background: -moz-linear-gradient(top, #afe1f3, #1c66ab);
  background: -ms-linear-gradient(top, #afe1f3, #1c66ab);
  background: -o-linear-gradient(top, #afe1f3, #1c66ab);
  -webkit-box-shadow: rgb(25, 92, 154) 0 1px 0;
  -moz-box-shadow: rgb(25, 92, 154) 0 1px 0;
  box-shadow: rgb(25, 92, 154) 0 1px 0;
  color: white;
}

.btn_top_link.dropdown-toggle {
  padding: 4.5px 10px;
}

.cbtn.btn_success {
  background: #f1f8ed;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f8ed) 5%, to(#77c14f));
  background: -webkit-linear-gradient(top, #f1f8ed 5%, #77c14f);
  background: -moz-linear-gradient(top, #f1f8ed 5%, #77c14f);
  background: -ms-linear-gradient(top, #f1f8ed 5%, #77c14f);
  background: -o-linear-gradient(top, #f1f8ed 5%, #77c14f);
  -webkit-box-shadow: #407f3f 0 1px 0;
  -moz-box-shadow: #407f3f 0 1px 0;
  box-shadow: #407f3f 0 1px 0;
  border-right: 0.5px solid #c5ccc1;
  border-top: 0.5px solid #c5ccc1;
  border-left: 0.5px solid #c5ccc1;
  border-bottom: 2px solid #5ba04a;
  -webkit-border-right: 0.5px solid #c5ccc1;
  -webkit-border-top: 0.5px solid #c5ccc1;
  -webkit-border-left: 0.5px solid #c5ccc1;
  -webkit-border-bottom: 2px solid #5ba04a;
  -moz-border-right: 0.5px solid #c5ccc1;
  -moz-border-top: 0.5px solid #c5ccc1;
  -moz-border-left: 0.5px solid #c5ccc1;
  -moz-border-bottom: 2px solid #5ba04a;
  color: black;
  font-size: 13px;
  font-weight: bolder;
}

.cbtn.btn_success:hover {
  border-right: 0.5px solid #f5f6f4;
  background: #f5f6f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f6f4), to(rgba(81, 196, 81, 0.6)));
  background: -webkit-linear-gradient(top, #f5f6f4, rgba(81, 196, 81, 0.6));
  background: -moz-linear-gradient(top, #f5f6f4, rgba(81, 196, 81, 0.6));
  background: -ms-linear-gradient(top, #f5f6f4, rgba(81, 196, 81, 0.6));
  background: -o-linear-gradient(top, #f5f6f4, rgba(81, 196, 81, 0.6));
  -webkit-box-shadow: rgba(76, 181, 76, 0.61);
  -moz-box-shadow: rgba(76, 181, 76, 0.61);
  box-shadow: rgba(76, 181, 76, 0.61);
  color: black;
}

.cbtn.btn_primary {
  background: #e7eefa;
  background: -webkit-gradient(linear, left top, left bottom, from(#e7eefa) 5%, to(#557abc));
  background: -webkit-linear-gradient(top, #e7eefa 5%, #557abc);
  background: -moz-linear-gradient(top, #e7eefa 5%, #557abc);
  background: -ms-linear-gradient(top, #e7eefa 5%, #557abc);
  background: -o-linear-gradient(top, #e7eefa 5%, #557abc);
  -webkit-box-shadow: rgb(25, 92, 154) 0 1px 0;
  -moz-box-shadow: rgb(25, 92, 154) 0 1px 0;
  box-shadow: rgb(25, 92, 154) 0 1px 0;
  border-right: 0.5px solid #cad1dd;
  border-top: 0.5px solid #cad1dd;
  border-left: 0.5px solid #cad1dd;
  border-bottom: 2px solid #5468a9;
  -webkit-border-right: 0.5px solid #cad1dd;
  -webkit-border-top: 0.5px solid #cad1dd;
  -webkit-border-left: 0.5px solid #cad1dd;
  -webkit-border-bottom: 2px solid #5468a9;
  -moz-border-right: 0.5px solid #cad1dd;
  -moz-border-top: 0.5px solid #cad1dd;
  -moz-border-left: 0.5px solid #cad1dd;
  -moz-border-bottom: 2px solid #5468a9;
  color: black;
  font-size: 13px;
  font-weight: bolder;
}

.cbtn.btn_primary:hover {
  border-right: 0.5px solid rgba(231, 238, 250, 0.82);
  background: rgba(231, 238, 250, 0.82);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(231, 238, 250, 0.82)), to(rgba(87, 135, 202, 0.87)));
  background: -webkit-linear-gradient(top, rgba(231, 238, 250, 0.82), rgba(87, 135, 202, 0.87));
  background: -moz-linear-gradient(top, rgba(231, 238, 250, 0.82), rgba(87, 135, 202, 0.87));
  background: -ms-linear-gradient(top, rgba(231, 238, 250, 0.82), rgba(87, 135, 202, 0.87));
  background: -o-linear-gradient(top, rgba(231, 238, 250, 0.82), rgba(87, 135, 202, 0.87));
  -webkit-box-shadow: #557abc;
  -moz-box-shadow: #557abc;
  box-shadow: #557abc;
  color: black;
}

.cbtn.btn_secondary {
  background: rgb(244, 221, 223);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(244, 221, 223)) 5%, to(#8b2924));
  background: -webkit-linear-gradient(top, rgb(244, 221, 223) 5%, #8b2924);
  background: -moz-linear-gradient(top, rgb(244, 221, 223) 5%, #8b2924);
  background: -ms-linear-gradient(top, rgb(244, 221, 223) 5%, #8b2924);
  background: -o-linear-gradient(top, rgb(244, 221, 223) 5%, #8b2924);
  -webkit-box-shadow: #5d2e2e;
  -moz-box-shadow: #5d2e2e;
  box-shadow: #5d2e2e;
  border-right: 0.5px solid #c9b0ad;
  border-top: 0.5px solid #c9b0ad;
  border-left: 0.5px solid #c9b0ad;
  border-bottom: 2px solid #673331;
  -webkit-border-right: 0.5px solid #c9b0ad;
  -webkit-border-top: 0.5px solid #c9b0ad;
  -webkit-border-left: 0.5px solid #c9b0ad;
  -webkit-border-bottom: 2px solid #673331;
  -moz-border-right: 0.5px solid #c9b0ad;
  -moz-border-top: 0.5px solid #c9b0ad;
  -moz-border-left: 0.5px solid #c9b0ad;
  -moz-border-bottom: 2px solid #673331;
  color: black;
  font-size: 13px;
  font-weight: bolder;
}

.cbtn.btn_secondary:hover {
  border-right: 0.5px solid #ffefeb;
  background: #ffefeb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffefeb), to(#bd3c37));
  background: -webkit-linear-gradient(top, #ffefeb, #bd3c37);
  background: -moz-linear-gradient(top, #ffefeb, #bd3c37);
  background: -ms-linear-gradient(top, #ffefeb, #bd3c37);
  background: -o-linear-gradient(top, #ffefeb, #bd3c37);
  -webkit-box-shadow: #683430;
  -moz-box-shadow: #683430;
  box-shadow: #683430;
  color: black;
}

.cbtn.btn_grey {
  background: #ebeced;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebeced) 5%, to(#7c848b));
  background: -webkit-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -moz-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -ms-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -o-linear-gradient(top, #ebeced 5%, #7c848b);
  -webkit-box-shadow: rgb(67, 70, 75) 0 1px 0;
  -moz-box-shadow: rgb(67, 70, 75) 0 1px 0;
  box-shadow: rgb(67, 70, 75) 0 1px 0;
  border-right: 0.5px solid #dedfe0;
  border-top: 0.5px solid #dedfe0;
  border-left: 0.5px solid #dedfe0;
  border-bottom: 2px solid #6c747b;
  -webkit-border-right: 0.5px solid #dedfe0;
  -webkit-border-top: 0.5px solid #dedfe0;
  -webkit-border-left: 0.5px solid #dedfe0;
  -webkit-border-bottom: 2px solid #6c747b;
  -moz-border-right: 0.5px solid #dedfe0;
  -moz-border-top: 0.5px solid #dedfe0;
  -moz-border-left: 0.5px solid #dedfe0;
  -moz-border-bottom: 2px solid #6c747b;
  color: black;
  font-size: 13px;
  font-weight: bolder;
}

.cbtn.btn_grey:hover {
  border-right: 0.5px solid #f7f8f9;
  background: #f7f8f9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f9), to(#949ca3));
  background: -webkit-linear-gradient(top, #f7f8f9, #949ca3);
  background: -moz-linear-gradient(top, #f7f8f9, #949ca3);
  background: -ms-linear-gradient(top, #f7f8f9, #949ca3);
  background: -o-linear-gradient(top, #f7f8f9, #949ca3);
  -webkit-box-shadow: rgb(51, 54, 59) 0 1px 0;
  -moz-box-shadow: rgb(51, 54, 59) 0 1px 0;
  box-shadow: rgb(51, 54, 59) 0 1px 0;
  color: black;
}

.cbtn.btn_danger {
  background: #edeae9;
  background: -webkit-gradient(linear, left top, left bottom, from(#edeae9) 5%, to(#be3925));
  background: -webkit-linear-gradient(top, #edeae9 5%, #be3925);
  background: -moz-linear-gradient(top, #edeae9 5%, #be3925);
  background: -ms-linear-gradient(top, #edeae9 5%, #be3925);
  background: -o-linear-gradient(top, #edeae9 5%, #be3925);
  -webkit-box-shadow: rgb(67, 70, 75) 0 1px 0;
  -moz-box-shadow: rgb(67, 70, 75) 0 1px 0;
  box-shadow: rgb(67, 70, 75) 0 1px 0;
  border-right: 0.5px solid #d8d5d4;
  border-top: 0.5px solid #d8d5d4;
  border-left: 0.5px solid #d8d5d4;
  border-bottom: 2px solid #77261f;
  -webkit-border-right: 0.5px solid #d8d5d4;
  -webkit-border-top: 0.5px solid #d8d5d4;
  -webkit-border-left: 0.5px solid #d8d5d4;
  -webkit-border-bottom: 2px solid #77261f;
  -moz-border-right: 0.5px solid #d8d5d4;
  -moz-border-top: 0.5px solid #d8d5d4;
  -moz-border-left: 0.5px solid #d8d5d4;
  -moz-border-bottom: 2px solid #77261f;
  color: black;
  font-size: 13px;
  font-weight: bolder;
}

.cbtn.btn_danger:hover {
  border-right: 0.5px solid #f4f1f0;
  background: #f4f1f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f1f0), to(#c73b26));
  background: -webkit-linear-gradient(top, #f4f1f0, #c73b26);
  background: -moz-linear-gradient(top, #f4f1f0, #c73b26);
  background: -ms-linear-gradient(top, #f4f1f0, #c73b26);
  background: -o-linear-gradient(top, #f4f1f0, #c73b26);
  -webkit-box-shadow: rgb(51, 54, 59) 0 1px 0;
  -moz-box-shadow: rgb(51, 54, 59) 0 1px 0;
  box-shadow: rgb(51, 54, 59) 0 1px 0;
  color: black;
}

.cbtn.btn_warning {
  background: #ebeced;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebeced) 5%, to(#7c848b));
  background: -webkit-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -moz-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -ms-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -o-linear-gradient(top, #ebeced 5%, #7c848b);
  -webkit-box-shadow: rgb(67, 70, 75) 0 1px 0;
  -moz-box-shadow: rgb(67, 70, 75) 0 1px 0;
  box-shadow: rgb(67, 70, 75) 0 1px 0;
  border-right: 0.5px solid #dedfe0;
  border-top: 0.5px solid #dedfe0;
  border-left: 0.5px solid #dedfe0;
  border-bottom: 2px solid #6c747b;
  -webkit-border-right: 0.5px solid #dedfe0;
  -webkit-border-top: 0.5px solid #dedfe0;
  -webkit-border-left: 0.5px solid #dedfe0;
  -webkit-border-bottom: 2px solid #6c747b;
  -moz-border-right: 0.5px solid #dedfe0;
  -moz-border-top: 0.5px solid #dedfe0;
  -moz-border-left: 0.5px solid #dedfe0;
  -moz-border-bottom: 2px solid #6c747b;
  color: black;
  font-size: 13px;
  font-weight: bolder;
}

.cbtn.btn_warning:hover {
  border-right: 0.5px solid #f7f8f9;
  background: #f7f8f9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f9), to(#7d858c));
  background: -webkit-linear-gradient(top, #f7f8f9, #7d858c);
  background: -moz-linear-gradient(top, #f7f8f9, #7d858c);
  background: -ms-linear-gradient(top, #f7f8f9, #7d858c);
  background: -o-linear-gradient(top, #f7f8f9, #7d858c);
  -webkit-box-shadow: rgb(51, 54, 59) 0 1px 0;
  -moz-box-shadow: rgb(51, 54, 59) 0 1px 0;
  box-shadow: rgb(51, 54, 59) 0 1px 0;
  color: black;
}

.cbtn.btn_info {
  background: #ebeced;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebeced) 5%, to(#7c848b));
  background: -webkit-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -moz-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -ms-linear-gradient(top, #ebeced 5%, #7c848b);
  background: -o-linear-gradient(top, #ebeced 5%, #7c848b);
  -webkit-box-shadow: rgb(67, 70, 75) 0 1px 0;
  -moz-box-shadow: rgb(67, 70, 75) 0 1px 0;
  box-shadow: rgb(67, 70, 75) 0 1px 0;
  border-right: 0.5px solid #dedfe0;
  border-top: 0.5px solid #dedfe0;
  border-left: 0.5px solid #dedfe0;
  border-bottom: 2px solid #6c747b;
  -webkit-border-right: 0.5px solid #dedfe0;
  -webkit-border-top: 0.5px solid #dedfe0;
  -webkit-border-left: 0.5px solid #dedfe0;
  -webkit-border-bottom: 2px solid #6c747b;
  -moz-border-right: 0.5px solid #dedfe0;
  -moz-border-top: 0.5px solid #dedfe0;
  -moz-border-left: 0.5px solid #dedfe0;
  -moz-border-bottom: 2px solid #6c747b;
  color: black;
  font-size: 13px;
  font-weight: bolder;
}

.cbtn.btn_info:hover {
  border-right: 0.5px solid #f7f8f9;
  background: #f7f8f9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f9), to(#7d858c));
  background: -webkit-linear-gradient(top, #f7f8f9, #7d858c);
  background: -moz-linear-gradient(top, #f7f8f9, #7d858c);
  background: -ms-linear-gradient(top, #f7f8f9, #7d858c);
  background: -o-linear-gradient(top, #f7f8f9, #7d858c);
  -webkit-box-shadow: rgb(51, 54, 59) 0 1px 0;
  -moz-box-shadow: rgb(51, 54, 59) 0 1px 0;
  box-shadow: rgb(51, 54, 59) 0 1px 0;
  color: black;
}

.cbtn.btn_info:disabled, .cbtn.btn_warning:disabled, .cbtn.btn_danger:disabled, .cbtn.btn_grey:disabled,
.cbtn.btn_secondary:disabled, .cbtn.btn_primary:disabled, .cbtn.btn_success:disabled {
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc) 5%, to(#ccc));
  background: -webkit-linear-gradient(top, #ccc 5%, #ccc);
  background: -moz-linear-gradient(top, #ccc 5%, #ccc);
  background: -ms-linear-gradient(top, #ccc 5%, #ccc);
  background: -o-linear-gradient(top, #ccc 5%, #ccc);
  -webkit-box-shadow: rgb(67, 70, 75) 0 1px 0;
  -moz-box-shadow: rgb(67, 70, 75) 0 1px 0;
  box-shadow: rgb(67, 70, 75) 0 1px 0;
  border-right: 0.5px solid #d8d5d4;
  border-top: 0.5px solid #d8d5d4;
  border-left: 0.5px solid #d8d5d4;
  border-bottom: 2px solid #ccc;
  -webkit-border-right: 0.5px solid #d8d5d4;
  -webkit-border-top: 0.5px solid #d8d5d4;
  -webkit-border-left: 0.5px solid #d8d5d4;
  -webkit-border-bottom: 2px solid #ccc;
  -moz-border-right: 0.5px solid #d8d5d4;
  -moz-border-top: 0.5px solid #d8d5d4;
  -moz-border-left: 0.5px solid #d8d5d4;
  -moz-border-bottom: 2px solid #ccc;
  color: black;
  font-size: 13px;
  font-weight: bolder;
}

.cbtn.btn_info:disabled:hover, .cbtn.btn_warning:disabled:hover, .cbtn.btn_danger:disabled:hover, .cbtn.btn_grey:disabled:hover,
.cbtn.btn_secondary:disabled:hover, .cbtn.btn_primary:disabled:hover, .cbtn.btn_success:disabled:hover {
  border-right: 0.5px solid #ccc;
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
  background: -webkit-linear-gradient(top, #ccc, #ccc);
  background: -moz-linear-gradient(top, #ccc, #ccc);
  background: -ms-linear-gradient(top, #ccc, #ccc);
  background: -o-linear-gradient(top, #ccc, #ccc);
  -webkit-box-shadow: rgb(51, 54, 59) 0 1px 0;
  -moz-box-shadow: rgb(51, 54, 59) 0 1px 0;
  box-shadow: rgb(51, 54, 59) 0 1px 0;
  color: black;
}

.RequiredAsterisk {
  color: red;
  font-weight: bold;
}

textarea:focus, input:focus {
  outline: none;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  overflow: scroll;
}

table.no-border {
  border: none;
}

table.full-width {
  width: 100%;
}

td.P21SystemContent {
  background-image: none;
  background-repeat: no-repeat;
}

.header-links {
  padding: 0;
}

img.header_link {
  position: relative;
}

.toplinks img {
  height: 25px;
  position: relative;
}

.toplinks > div, .toplinks > span {
  height: 25px;
  display: inline-block;
}

.alert-warning, .alert-danger {
  display: inline-block;
  border-radius: 5px;
  padding: 2px 5px;
}

div.toplinks, span.toplinks {
  float: right;
  display: block;
}

.direction_right {
  display: inline-block;
  float: right;
}

.toplinks_container {
  width: 100%;
}

.customer_info_top {
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 55px;
  font-style: italic;
}

.vcenter {
  display: inline-flex;
  vertical-align: middle;
}

.title {
  margin: 40px 20px 0 20px;
  padding-bottom: 0;
}

.failed_payment {
  color: darkred;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 20px;
  border-radius: 10px;
  font-size: larger;
  display: inline-block;
  margin-left: 50px;
}

#middle_column_container {
  background-color: white;
  min-height: 610px;
}

img.company_logo {
  height: 100px;
  padding-bottom: 5px;
  padding-top: 5px;
}

img.company_logo.sm {
  height: 75px;
}

td.company_logo {
  vertical-align: bottom;
  align-content: center;
}

.cv_welcome_img {
  width: 100%;
  max-height: 230px;
}

.cv_home_links {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.cv_home_links [class*=col-] {
  padding: 0;
}

.cv_home_links img {
  height: 85px;
  display: inline-block;
}

.cv_home_links a {
  padding: 0px 5px;
}

.cv_home_links > .blank-div {
  width: 130px;
  height: 2px;
  display: inline-block;
  visibility: hidden;
}

.cv_home_instructions {
  font-size: 10pt;
  margin-top: 20px;
}

.cv_welcome_text {
  text-align: center;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}

.cv_home_instructions .notice {
  color: #993300;
  margin-top: 20px;
  margin-bottom: 20px;
}

.cv_img_link {
  cursor: pointer;
  margin: auto;
}

#dropdown_manufacturer_list::-webkit-input-placeholder {
  text-align: center;
}

#dropdown_manufacturer_list:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}

#dropdown_manufacturer_list::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}

#dropdown_manufacturer_list:-ms-input-placeholder {
  text-align: center;
}

#middle_shop_items_view {
  margin-left: 5px;
}

input.LogonEmailTextBox {
  width: 250px;
}

input.LogonPasswordTextBox {
  width: 250px;
}

input.cbtn.btn-primary, button.cbtn.btn-primary, a.cbtn.btn-primary {
  background-color: #4973B8;
  color: white;
  padding: 2px;
  margin: 2px;
  border-radius: 5px;
  border: 2px solid black;
  border-style: outset;
}

input.cbtn.btn-primary:hover, input.cbtn.btn-primary:focus, input.cbtn.btn-primary:active, input.cbtn.btn-primary.active,
button.cbtn.btn-primary:hover, button.cbtn.btn-primary:focus, button.cbtn.btn-primary:active, button.cbtn.btn-primary.active,
a.cbtn.btn-primary:hover, a.cbtn.btn-primary:focus, a.cbtn.btn-primary:active, a.cbtn.btn-primary.active {
  background-color: rgba(73, 115, 184, 0.7);
  text-decoration: none;
  cursor: pointer;
}

input.cbtn.btn-secondary, button.cbtn.btn-secondary, a.cbtn.btn-secondary {
  background-color: #8b3834;
  color: white;
  padding: 2px;
  margin: 2px;
  border-radius: 5px;
  border: 2px solid black;
  border-style: outset;
}

input.cbtn.btn-secondary:hover, input.cbtn.btn-secondary:focus, input.cbtn.btn-secondary:active, input.cbtn.btn-secondary.active,
button.cbtn.btn-secondary:hover, button.cbtn.btn-secondary:focus, button.cbtn.btn-secondary:active, button.cbtn.btn-secondary.active,
a.cbtn.btn-secondary:hover, a.cbtn.btn-secondary:focus, a.cbtn.btn-secondary:active, a.cbtn.btn-secondary.active {
  background-color: #ba4b45;
  text-decoration: none;
  cursor: pointer;
}

input#submit {
  min-width: 25px;
  min-height: 25px;
  align-content: center;
}

img.icon-size.cbtn.btn-primary, .btn-primary.cbtn.icon-btn {
  background-color: #4973B8;
}

img.icon-size.cbtn.btn-secondary, .btn-secondary.cbtn.icon-btn {
  background-color: #8b3834;
}

form input.icon-btn {
  width: 30px;
  height: 30px;
  display: inherit;
  padding: 1px;
  margin: 0;
}

.align-center {
  vertical-align: middle;
  text-align: center;
  margin: 0;
  align-items: center;
  display: inline-block;
}

.LogonRegisterTable {
  margin: 10px;
}

div.middle-column {
  padding: 5px;
  min-height: 60vh;
  background-color: white;
  margin: 0;
  color: black;
}

div.left-column {
  color: black;
}

.left-column-inner-box {
  padding: 5px;
}

.left-column-header {
  background-color: black;
  color: #ffffff;
  font-size: 16px;
  border-radius: 10px 0 0 0;
  padding: 10px;
}

div.left-column-content-box {
  border: double #808080;
  background: #eaeaea;
  border-radius: 15px 0 0 0;
}

.left-column-content-box.large_dropdown {
  margin-right: 5px;
}

.left_column_small {
  margin-right: 0;
}

div .col-md-3,
div .col-sm-3,
div .col-lg-3,
div .col-md-9,
div .col-sm-9,
div .col-lg-9 {
  padding-left: 0px;
  padding-right: 0px;
}

.cv_left_column {
  border-radius: 15px 0 0 0;
  text-align: left;
}

#quick_order_pad_link {
  transform: rotate(90deg);
  transform-origin: right bottom;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
  position: fixed;
  padding-top: 25px;
  right: 25px;
  top: 50%;
}

#quick_order_pad_link:hover {
  transition: 0.25s;
  right: 35px;
}

.hide_modal {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

#quick_order_info {
  max-width: 400px;
  text-wrap: normal;
  text-align: left;
}

.quick_order-modal-content {
  position: absolute;
  display: inline-block;
  height: auto;
  color: grey;
  right: 0;
  background-color: white;
  border-radius: 10px;
  margin: 10% auto;
  border: grey 1px solid;
  padding: 10px 15px 20px 5px;
}

.close-qo_modal {
  color: grey;
  position: relative;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
  float: right;
  font-size: 14px;
  font-weight: bold;
  right: 5px;
  border-radius: 5px;
  border: solid white 2px;
  display: inline-block;
  padding: 3px;
  top: 5px;
}

.close-qo_modal:hover, .close-qo_modal:active {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  transition: opacity 200ms ease-in;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.08);
}

.modalDialog > div {
  width: 400px;
  position: relative;
  background: white;
  margin: 10% auto;
  padding: 20px;
}

.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}

.qo_modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  overflow: auto;
}

.modal {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  overflow: auto;
}
.modal.normal_modal{
  background-color: rgba(255, 255, 255, 0.17);
}

.modal_clear {
  color: black;
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: auto;
  text-align: left;
}

.modal-content {
  max-width: 550px;
  height: auto;
  color: grey;
  background-color: white;
  border-radius: 10px;
  margin: 20px auto;
}

.modal_clear > .modal-content {
  text-align: left;
  padding: 15px;
  color: black;
}

.shadow3px {
  box-shadow: 3px 3px 15px grey;
}

.shadow2px {
  box-shadow: 2px 2px 10px grey;
}

.quick-view-cart_modal-content {
  max-width: 600px;
  height: auto;
  color: grey;
  background-color: white;
  border-radius: 10px;
  margin: 5% auto;
}

.modal_clear > .quick-view-cart_modal-content {
  text-align: left;
  padding: 15px;
  color: black;
}

#modalWindow_landing > .modal-content {
  max-width: 850px;
}

.modal-box {
  padding: 10px;
}

.edit_attribute_value_box {
  display: inline-block;
  height: 350px;
  width: 500px;
  padding: 20px;
  color: black;
}

.edit_attribute_value_box p {
  word-wrap: break-word;
}

.edit_attribute_value_box textarea {
  width: 80%;
  color: black;
}

.edit_attribute_value_box input {
  margin: 10px;
}

.modal-content img {
  margin: auto;
  /*max-width: 535px;*/
  /*height: auto;*/
  /*max-height: 800px;*/
}

.close-modal {
  color: white;
  position: relative;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
  float: right;
  font-size: 20px;
  font-weight: bold;
  background-color: black;
  right: -20px;
  border-radius: 18px;
  border: solid white 2px;
  width: 35px;
  height: 35px;
  top: -20px;
  box-shadow: -2px 1px 5px rgba(0, 0, 0, 0.75);
}

.close-modal:hover, .close-modal:active {
  color: white;
  background-color: black;
  border: solid 2px white;
  text-decoration: none;
  cursor: pointer;
}

span.page {
  padding: 3px;
  border: 1px solid #d3d3d3;
  color: black;
}

span.page:hover {
  background-color: lightgray;
  cursor: pointer;
  text-decoration: underline;
}

span.this-page {
  padding: 5px;
  background: #ba4b45;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

div.page-div {
  text-align: center;
  margin: auto;
  padding: 5px;
}

.next_link_invalid {
  color: #d3d3d3;
  cursor: default;
}

select#items_per_page {
  margin: 2px;
  color: black;
  cursor: pointer;
}

select:hover {
  box-shadow: 0 0 5px rgb(81, 203, 238);
}

.text-note {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}

form input.has-error {
  border: red 1px solid;
  border-radius: 3px;
}

.red-text {
  color: red;
  font-weight: bold;
}

.step-links {
  display: block;
  margin: auto;
}

.update_flag_required {
  color: red;
}

.footer_base {
  width: 100%;
  padding: 20px 10px 10px 10px;
  background-color: white;
  border-top: double black 10px;
  outline-top: solid #4973B8 30px;
  margin-top: 30px;
  text-align: left;
}
.footer_base .row {
  margin: 0;
}
.footer_base A.copyTextLinks, .footer_base A.copyTextLinks:link, .footer_base A.copyTextLinks:visited {
  font-family: Tahoma, sans-serif;
  font-size: 9px;
  color: #999999;
  text-decoration: underline;
}
.footer_base .copyTextLocations {
  font-family: Tahoma, sans-serif;
  font-size: 9px;
  color: #999999;
}
.footer_base label {
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
}
.footer_base label a {
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  text-decoration: underline;
}
.footer_base label a:hover {
  color: #315d7f;
  text-decoration: underline;
}
.footer_base .copyText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999999;
  padding-left: 15px;
  padding-bottom: 10px;
}
.footer_base .small-links a:hover {
  color: #315d7f;
  text-decoration: underline;
}
.footer_base .location_table td {
  padding: 3px 10px 1px 0px;
  font-size: x-small;
}
.footer_base .small-links a {
  font-size: x-small;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.footer_base ul, .footer_base li {
  list-style-position: inside;
  margin: 0;
  padding: 0;
  list-style: none;
}

table.item_relationships td, table.item_relationships th {
  border: 1px black solid;
  padding: 2px;
}
table.item_relationships textarea {
  background-color: cornsilk;
}
table.item_relationships textarea:read-only {
  background-color: lightgrey;
}

.record_deleted_Y {
  background-color: rgba(255, 0, 0, 0.1);
}

.record_approved_Y {
  background_color: rgba(0, 128, 0, 0.3);
}

.review_mode {
  background-color: palevioletred;
  font-weight: bold;
  color: white;
}

#title_box.review_mode {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 5px;
}

.relationship_approved_Y {
  background-color: rgba(0, 128, 0, 0.1);
}

.relationship_approved_N {
  background-color: rgba(255, 0, 0, 0.1);
}

span.approval_note_notice {
  position: absolute;
  right: -15px;
  top: 5px;
  padding: 3px;
  margin: 3px;
}

div.notes.relationship_approved_N:hover:after, div[title].notes.relationship_approved_Y:hover:after {
  content: attr(title);
  background-color: yellow;
  border: dashed 1px grey;
  z-index: 900;
  position: relative;
}

table.item_relationships a {
  text-decoration: underline;
  font-weight: bold;
  color: #003eff;
}

table.item_relationships a:visited {
  color: purple;
}

table.item_relationships a:hover {
  color: cornflowerblue;
}

table.show-borders.inner_borders tr td {
  border-right: solid grey 1px;
  border-left: solid grey 1px;
}

table.show-borders {
  border-radius: 5px;
  box-shadow: 0 0 0 1px grey;
}
table.show-borders td {
  border-top: solid grey 1px;
  padding: 3px;
}

table.highlight-rows tr:hover {
  background-color: rgba(100, 149, 237, 0.3);
}

table.highlight-hdrs th {
  background-color: lightgrey;
  padding: 3px;
}

table.item_relationships textarea.read_only {
  background-color: ghostwhite;
  cursor: default;
}

.related_items_box {
  overflow-y: scroll;
  border: lightgrey solid 1px;
  max-height: 600px;
  width: 250px;
}

.center_content .related_items_box div {
  border: solid lightgrey 1px;
  margin: 0px;
}

.related_items_box img {
  max-width: 60px;
}

#modalWindow_normal.wider .modal-content {
  max-width: 700px;
}

#modalWindow_landing.wider .modal-content {
  max-width: 850px;
}

.conflict_row {
  border: solid 1px lightgrey;
  border-radius: 10px;
}

.conflict_row a {
  text-decoration: underline;
  color: #003eff;
}
.conflict_row a:hover {
  color: cornflowerblue;
}
.conflict_row a:visited {
  color: purple;
}

.conflict_row img, .related_items_box img {
  width: 50px;
}

.view_vals {
  text-decoration: underline;
}

.green-text {
  color: limegreen;
  font-weight: bold;
}

.approval_scroller {
  overflow: scroll;
}

.approval_search_param {
  color: purple;
  margin: 3px;
}

.error_page {
  vertical-align: middle;
}
.error_page img.company_logo.lg {
  width: 300px;
}
.error_page div {
  font-size: 14pt;
  margin-top: 25px;
  vertical-align: bottom;
}

.b2bcontent_div {
  padding: 10px;
  background-color: white;
}

.container.fit_child {
  min-width: 940px;
}

#imported_category_file td, #imported_category_file th, .attributevalues_table_class td, .attributevalues_table_class th, .item_descriptions_import_export td, .item_descriptions_import_export th {
  border: 1px solid black;
}

#id_email, #id_password {
  width: 16em;
}

.warning_msg {
  color: orange;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.error_msg {
  color: red;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.regular_msg {
  color: black;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.system_message_table td, .system_message_table th {
  border: 1px solid black;
  padding: 3px;
}

body.printable_page {
  background-image: none;
  background-color: white;
}

.table-favorites td, .table-favorites th {
  padding: 0 0 0 10px;
}

.wrap-select .select_hdr {
  width: 200px;
  padding: 5px;
  margin: 5px;
  -moz-box-shadow: inset 0 0 1px #000000;
  -webkit-box-shadow: inset 0 0 1px #000000;
  box-shadow: inset 0 0 1px #000000;
  background-color: white;
  padding-right: 20px;
  background-image: url(../img/arrow_down.gif);
  background-repeat: no-repeat;
  background-position: 97% 50%;
}
.wrap-select .select_hdr:hover {
  box-shadow: 0 0 5px rgb(81, 203, 238);
  cursor: pointer;
}
.wrap-select .select_options {
  position: absolute;
  background-color: white;
  border: solid 1px grey;
  overflow-y: scroll;
  max-height: 200px;
  width: 230px;
  z-index: 9999;
}
.wrap-select .select_options div {
  padding: 5px;
}
.wrap-select .select_options a div:hover {
  background-color: #007fff;
  color: white;
}

textarea.customer_comments {
  width: 400px;
  height: 100px;
}

#id_email_address {
  width: 255px;
}

.sortable_table .sortedby_1 span, .sortable_table .sortedby_0 span {
  color: blue;
}

.sortable_table th span {
  color: grey;
}

.payable_table.sortable_table {
  width: 100%;
}

.pending_order_table {
  background-color: white;
}
.pending_order_table th {
  background-color: lightgrey;
  color: black;
}
.pending_order_table th, .pending_order_table td {
  padding: 3px;
}

[name*=_paymentamount].amount_to_pay_input, [name*=_discounttaken].amount_to_discount_input {
  width: 100px;
}

.amount_to_pay_input[readonly], .amount_to_discount_input[readonly] {
  cursor: pointer;
}

.system_msg_error > div {
  text-align: center;
  color: red;
  font-size: 1.3em;
  font-weight: bold;
  width: 100%;
}

.system_msg_notice > div {
  text-align: center;
  color: orange;
  font-size: 1.2em;
  font-weight: bold;
  width: 100%;
}

.ship_to_address_box {
  border: solid lightgrey 2px;
  border-radius: 5px;
  min-height: 170px;
  margin: 10px;
  display: inline-block;
  vertical-align: top;
}
.ship_to_address_box .content {
  padding: 0 10px 10px 10px;
}

.ship_to_address_box.main_address {
  background-color: rgba(191, 236, 250, 0.38);
}

.ship_to_address_box.default {
  background-color: rgba(250, 250, 210, 0.38);
}

.react_base_style {
  padding: 2px;
}
.react_base_style td {
  padding: 2px;
}
.react_base_style label {
  margin-bottom: 0;
}

.react_base_style_pagination {
  padding: 2px;
}
.react_base_style_pagination .btn {
  font-size: 12px;
}

.react_base_style_search {
  padding: 2px;
}

.no_scrollbar {
  overflow: visible;
}

div.employee_only {
  background-color: lightcyan;
  margin: 20px;
  display: block;
  border: solid lightblue 2px;
  padding: 10px;
}

.customer_landing_table {
  width: 100%;
}
.customer_landing_table .pagination {
  margin: 5px;
  padding: 10px;
}
.customer_landing_table h2, .customer_landing_table h3, .customer_landing_table h4, .customer_landing_table h5 {
  margin-top: 10px;
}

.generic_typeahead_react mark {
  padding: 1px;
  background-color: inherit;
  color: rgba(194, 0, 0, 0.9);
  font-weight: bold;
}

.react-bootstrap-table mark {
  padding: 1px;
  background-color: inherit;
  color: rgba(194, 0, 0, 0.9);
  font-weight: bold;
}

row.small-cols {
  padding-right: 15px;
  padding-left: 15px;
}
row.small-cols .col, row.small-cols .col-1, row.small-cols .col-10, row.small-cols .col-11, row.small-cols .col-12, row.small-cols .col-2, row.small-cols .col-3, row.small-cols .col-4, row.small-cols .col-5, row.small-cols .col-6, row.small-cols .col-7, row.small-cols .col-8,
row.small-cols .col-9, row.small-cols .col-auto, row.small-cols .col-lg, row.small-cols .col-lg-1, row.small-cols .col-lg-10, row.small-cols .col-lg-11, row.small-cols .col-lg-12, row.small-cols .col-lg-2, row.small-cols .col-lg-3,
row.small-cols .col-lg-4, row.small-cols .col-lg-5, row.small-cols .col-lg-6, row.small-cols .col-lg-7, row.small-cols .col-lg-8, row.small-cols .col-lg-9, row.small-cols .col-lg-auto, row.small-cols .col-md, row.small-cols .col-md-1,
row.small-cols .col-md-10, row.small-cols .col-md-11, row.small-cols .col-md-12, row.small-cols .col-md-2, row.small-cols .col-md-3, row.small-cols .col-md-4, row.small-cols .col-md-5, row.small-cols .col-md-6, row.small-cols .col-md-7,
row.small-cols .col-md-8, row.small-cols .col-md-9, row.small-cols .col-md-auto, row.small-cols .col-sm, row.small-cols .col-sm-1, row.small-cols .col-sm-10, row.small-cols .col-sm-11, row.small-cols .col-sm-12, row.small-cols .col-sm-2,
row.small-cols .col-sm-3, row.small-cols .col-sm-4, row.small-cols .col-sm-5, row.small-cols .col-sm-6, row.small-cols .col-sm-7, row.small-cols .col-sm-8, row.small-cols .col-sm-9, row.small-cols .col-sm-auto, row.small-cols .col-xl, row.small-cols .col-xl-1, row.small-cols .col-xl-10, row.small-cols .col-xl-11, row.small-cols .col-xl-12, row.small-cols .col-xl-2, row.small-cols .col-xl-3, row.small-cols .col-xl-4, row.small-cols .col-xl-5, row.small-cols .col-xl-6, row.small-cols .col-xl-7, row.small-cols .col-xl-8, row.small-cols .col-xl-9, row.small-cols .col-xl-auto {
  padding-right: 0;
  padding-left: 0;
}

.card {
  margin-bottom: 10px;
}

.card-title {
  font-size: 16px;
}

.font-125 {
  font-size: 125%;
}

.w-40 {
  width: 40%;
}

.form-check-input:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  border-color: #80bdff;
}

.landing-category {
  width: 190px;
  min-height: 225px;
  margin: 10px;
  position: relative;
  padding: 5px;
  background-color: #ffffff;
  font-size: small;
  display: inline-block;
}

#landing_category_tbl {
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%;
}

#landing_category_tbl td {
  border: 2px solid #d3d3d3;
}

div.landing-img {
  width: 142.5px;
  height: 142.5px;
  position: relative;
}

.landing-category div {
  margin: 2px;
  text-align: center;
  padding-bottom: 5px;
}

.sub_category {
  margin: 0;
  font-size: 12px;
  color: darkblue;
}

.landing-category a:hover {
  color: cornflowerblue;
}

.landing-category img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  display: block;
}

.landing-category div.landing-img {
  margin: auto;
  -ms-flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.landing-home {
  margin: 10px;
  position: relative;
  background-color: #e1edf7;
}

.nav-link.sales-rep-menu-link {
  margin: 2px;
  border-radius: 5px;
  border: 1px grey solid;
  background-color: rgb(226, 232, 234);
}

.nav-link.sales-rep-menu-link:hover {
  background-color: rgb(176, 207, 215);
}

a.sales-rep-menu-link {
  font-size: 16px;
}

.badge.danger {
  background-color: indianred;
}

/*partial: editable_attributes*/
.editable-value {
  color: blue;
}

.editable-value:hover {
  color: cornflowerblue;
  cursor: pointer;
}

#modal-dialog .modal-dialog {
  background-color: white;
}

#modal-dialog .modal-dialog.import_export {
  background-color: blue;
}

.table-editable th {
  padding: 10px;
}

#t_attribute_list {
  position: relative;
}

.table-editable td {
  padding: 0px 5px 0px 5px;
}

/*
  NOTES: Update this version number each time you release changes to the css files so that the static files will be updated on the site.

*/
.menu-v li, .menu-v a {
  zoom: 1;
}

/* Hacks for IE6, IE7 */
.menu-v, .menu-v ul {
  /* width: 180px; */
  /* Main Menu Item widths */
  border: 1px solid #ccc;
  border-top: none;
  position: relative;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  text-align: left;
}

div.home_page_btn .main-v, div.home_page_btn .menu-v ul, .menu-v ul {
  z-index: 9;
}

/* highlighting*/
.menu-v li a:hover, .menu-v li a:focus, .menu-v li a:active {
  color: rgb(50, 50, 50);
}

/* Top level menu links style
---------------------------------------*/
.menu-v li {
  background: #FFF url(../img/bg.gif) repeat-x 0 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-v li a {
  font: normal 12px "Arial", "Helvetica", "sans-serif";
  border-top: 1px solid #ccc;
  display: block;
  /*overflow: auto; force hasLayout in IE7 */
  color: black;
  text-decoration: none;
  line-height: 26px;
  padding-left: 26px;
  padding-right: 20px;
}

.menu-v li a.arrow:hover {
  background-image: url(../img/arrowon.gif);
  background-repeat: no-repeat;
  color: #808080;
}

/*Sub level menu items
---------------------------------------*/
.menu-v li ul {
  position: absolute;
  left: 0;
  visibility: hidden;
  display: inline-block;
  border: 2px solid black;
}

.menu-v li li a {
  white-space: nowrap;
  margin: 0 10px;
  padding: 0;
}

.menu-v a.arrow {
  background-image: url(../img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

.menu-v li:hover, #menu-v li.onhover {
  background-position: 0 -62px;
  background-color: #f5f5f5;
}

.menu-v ul li {
  /* background: rgba(255, 255, 255, 0.86); */
  background: rgb(255, 255, 255);
  background-image: none;
}

.menu-v li li {
  position: relative;
  margin: 0px;
  display: block;
  width: 100%;
}

a.home_page_btn {
  border-radius: 2px;
  border: 1px solid #ccc;
  position: relative;
  font: normal 12px "Arial", "Helvetica", "sans-serif";
  color: #000000;
  text-decoration: none;
  line-height: 26px;
  padding-left: 26px;
  padding-right: 26px;
  display: inline-block;
  background: #FFF url(../img/bg.gif) repeat-x 0 2px;
}

a.home_page_btn:hover {
  color: #808080;
  background-color: #f5f5f5;
}

ul.sub {
  left: 5px;
}

/* Holly Hack for IE \
* html #menu-v  li
{
    float:left;
    height: 1%;
}
* html #menu-v  li a
{
    height: 1%;
}*/
/* End */
.form-md {
  table-layout: fixed;
}

.form-md tr:first-child > th:first-child, table.form-md tr:first-child > td:first-child {
  width: 120px;
}

form .row > [class*=col-] {
  margin-bottom: 0.5em;
}

form tbody.form td, form tbody.form th {
  padding-bottom: 1em;
  padding-right: 1em;
  vertical-align: text-top;
}

.required th > label::before {
  color: red;
  content: "*";
  position: absolute;
  font-weight: bold;
  font-size: 150%;
  margin-left: -0.7em;
}

input[type=text].cform, input[type=password].cform, input[type=email].cform {
  box-shadow: inset 0 0 1px 1px #c7c7c7;
  background: #fff;
  border-left: solid #7a7a7a 1px;
  border-top: solid #7a7a7a 1px;
  border-right: solid #b8b8b8 1px;
  border-bottom: solid #b8b8b8 1px;
}

td .errorlist li {
  margin-left: -45px;
  margin-bottom: -0.6em;
}

.required.input-error th::before {
  position: relative;
  top: 1.3em;
}

.input-error .errorlist {
  color: red;
}

div.input-error {
  color: red;
  font-size: 14px;
  margin: 5px;
}

tr.input-error input {
  border: 1px solid red;
}

form tbody.form .input-error th label {
  position: relative;
  top: 1.5em;
}

.fit-content {
  table-layout: auto;
  display: table;
  width: 100%;
}

.fit-content td {
  border: 1px solid lightgrey;
}

.fit-content.no-border td {
  border: none;
}

.fit-content tr:hover {
  background-color: #bce8f1;
}

.fit-content input[type=text] {
  width: 100%;
  background-color: lightgoldenrodyellow;
}

.fit-content a:hover {
  text-decoration: underline;
}

a.correct {
  color: green;
  text-decoration: underline;
  font-weight: bold;
}

a.error {
  color: red;
  text-decoration: wavy;
}

.billing_form_table td {
  padding: 0 3px 0 3px;
}

.select_option_label {
  font-size: larger;
}

.new_card_label {
  font-size: large;
  font-weight: bold;
}

a.export_on_click.export_invoices {
  margin-left: 30px;
}

div.iframe_div {
  width: 370px;
  border: solid black 1px;
  border-radius: 5px;
  box-shadow: 1px 1px 7px grey;
}

form#Item_Detail_Content {
  margin-bottom: 5px;
}

.link_btn {
  padding: 0;
  border: none;
  background: none;
  text-decoration: underline;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #2E6695;
}

.link_btn:hover, #item_history_link:hover {
  color: cornflowerblue;
}

#add_to_cart_container {
  width: 250px;
  align-items: right;
  text-align: right;
  margin: 0 0 0 0;
  display: inline-block;
}

#add_to_cart_box {
  width: 100%;
  max-height: 600px;
  align-items: right;
  text-align: right;
}

.item-img-main {
  background-color: white;
}

#add_to_cart_box input[type=image] {
  font-size: 12pt;
  font-family: "Arial", "Helvetica", "sans-serif";
  padding: 0;
}

#add_to_cart_bx.item_image_list_bx, #add_to_cart_bx.item_detail_bx {
  padding-left: 20px;
}

#add_to_cart_box input.item-quantity {
  width: 40px;
}

#add_to_cart_box .cart_buttons_box > div > div {
  align-self: right;
}

#add_to_cart_box .cart_buttons_box > div > * {
  margin: 0;
}

#add_to_cart_box hr {
  border: 1px solid #d3d3d3;
}

.item-img-main {
  height: 250px;
  max-width: 350px;
  margin: 5px 5px 0px 20px;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.15);
}

.item-img-main img {
  max-width: 100%;
  max-height: 230px;
  margin: auto;
  padding: 10px 10px 20px 10px;
  display: block;
}

div.color_finish {
  padding: 10px 0;
}
div.color_finish img {
  padding: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: initial;
  border-radius: 10px;
  box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.15);
}

.cv_thumbnail div.color_finish {
  padding: 5px 0;
}
.cv_thumbnail div.color_finish img {
  padding: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: initial;
  border-radius: 5px;
  box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.15);
}

.inline_flex {
  display: inline-flex;
}

.item_info_tabs {
  position: relative;
  display: inline;
  width: 40em;
  height: 15em;
  margin: 2em auto;
}

.clear {
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.item_descriptions #tab-container, .iml_customer_landing#tab-container {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  margin: 25px auto;
  width: 95%;
  min-width: 380px;
}

.item_descriptions {
  text-align: left;
}

#tab-container ul {
  width: 100%;
}

#tab-container.iml_customer_landing ul.nav-tabs li {
  color: black;
  display: block;
  float: left;
  position: relative;
  font-weight: 700;
  background: #eee;
  border: 1px solid #b1b1a3;
  border-bottom: none;
  cursor: default;
  margin-bottom: -1px;
  margin-right: 5px;
}

#tab-container.iml_customer_landing ul.nav-tabs li.active {
  border-bottom: none;
}

#tab-container ul.tab-menu li {
  color: black;
  display: block;
  float: left;
  position: relative;
  font-weight: 700;
  padding: 5px 10px 15px 10px;
  background: #eee;
  border: 1px solid #b1b1a3;
  border-bottom: none;
  cursor: default;
  height: 14px;
  margin-bottom: -1px;
  margin-right: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  line-height: 14px;
}

#tab-container ul.tab-menu li:hover, #tab-container.iml_customer_landing ul.nav-tabs li:hover {
  cursor: pointer;
  color: #ba4b45;
}

#tab-container ul.tab-menu li.active, #tab-container.iml_customer_landing ul.nav-tabs li.active {
  background: #fff;
  color: #8b3834;
  height: 28px;
  border-bottom: 0;
}

#tab-container ul.tab-menu li:not(.active), #tab-container.iml_customer_landing ul.nav-tabs li:not(.active) {
  border-bottom: 1px solid #b1b1a3;
  top: 6px;
}

.tab-top-border {
  border-bottom: 1px solid #d0ccc9;
}

#tab-container div.active {
  display: block;
}

#tab-container.iml_customer_landing div.active {
  display: inline-block;
  width: 100%;
}

.tab-content {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0 auto;
  background: #fff;
  list-style-type: disc;
  border: 1px solid #ddc;
  border-top-style: none;
  text-align: left;
  padding: 10px;
  padding-bottom: 20px;
  font-size: 14px;
  display: none;
  height: auto;
}

.tab-content h2 {
  line-height: 1em;
  font-weight: bold;
  height: 28px;
  font-size: 16px;
}

.tab-content h3 {
  line-height: 1em;
  font-weight: bold;
  height: 28px;
  font-size: 14px;
}

.tab-content a {
  text-decoration: underline;
  color: blue;
  font-size: 14px;
}

.tab-content h4 {
  color: #497388;
}

.tab-content strong {
  color: #497388;
}

.tab-content .combined_spec_name {
  color: black;
  font-weight: bold;
}

.tab-content p {
  font-size: 14px;
}

.tab-content li {
  font-size: 14px;
  list-style-position: inside;
}

.attribute-cell {
  background-color: #f4f2f1;
  width: 15em;
  font-size: 14px;
}

.attribute-value-cell {
  font-size: 14px;
}

.spec_table {
  font-size: 1.3em;
  box-sizing: border-box;
  width: 100%;
}

.spec_table td {
  margin: 5px;
  padding: 5px;
}

.spec_table tr {
  border-bottom: 1px lightgray solid;
  border-top: 1px lightgray solid;
}

.main_item_qty {
  color: blue;
  font-weight: bold;
}

.tab_cv_item_-info-right {
  text-align: right;
  padding-bottom: 15px;
}

div.tab_item_group {
  /*width: 100%; */
  border-bottom: 1px solid #31708f;
  padding-bottom: 2px;
  display: block;
  position: relative;
}

.tab_item_group .cv_item-info-block {
  /* width: auto; */
  /* display: inline-block; */
  /* overflow-x: hidden;
  overflow-y: hidden; */
  right: 0;
}

.tab_item_group .cv_item-info-left, .tab_item_group .cv_item-available, .tab_item_group .cv_item-info-right {
  display: inline-block;
}

.tab_item_group .cv_item-info-left {
  float: left;
  text-align: left;
  padding-bottom: 15px;
}

.tab_item_group .cv_item-available {
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.tab_item_group .row [class*=col-] {
  margin-bottom: 0;
  padding: 0 5px 0 0;
}

.tab_item_group .cv_item-available-txt {
  text-align: center;
}

.tab_item_group .cv_item-info-right {
  float: right;
  text-align: right;
  padding-bottom: 15px;
}

.tab_item_group .cv_thumbnail img {
  max-height: 65px;
  max-width: 65px;
}

.tab_item_group .align-right {
  margin-bottom: 5px;
}

.include_cbx:checked + label {
  color: red;
}

.tab_item_group .red-text {
  color: red;
  font-weight: bold;
}

#ShoppingCart_Table tr {
  padding: 2px;
}

.link-button {
  width: 105px;
}

.tab_item_group .button-row {
  line-height: 20px;
  height: 20px;
}

.tab_item_group [id^=suggestion_txtQty] {
  width: 65px;
}

.total-price {
  font-size: large;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.item_detail-title {
  font-weight: bold;
}

@media all and (max-width: 1199px) {
  .item_detail-title {
    font-size: 14px;
  }
}
@media all and (min-width: 1200px) and (max-width: 1599px) {
  .item_detail-title {
    font-size: 1.243vw;
  }
}
@media all and (min-width: 1500px) {
  .item_detail-title {
    font-size: 18px;
  }
}
.ItemDetailLocAvail {
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #2E6695;
  text-decoration: underline;
}

#item_history_link {
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #2E6695;
  text-decoration: underline;
}

#add_to_cart_container .button-link input[type=image] {
  font-family: Tahoma, sans-serif;
  border: none;
  color: #2E6695;
  font-size: 14px;
  text-decoration: underline;
}

.price_table_breaks td {
  padding: 0 0 0 7px;
}

.no-wrap {
  white-space: nowrap;
}

.small_item_detail_image {
  margin: 5px;
  border: lightgrey solid 1px;
  width: 50px;
  height: 50px;
  padding: 0;
  display: inline-block;
  background-color: white;
  cursor: pointer;
}
.small_item_detail_image img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  padding: 3px;
  margin: auto;
  object-fit: contain;
}

.modal_img_list .small_item_detail_image {
  width: 70px;
  height: 70px;
}

.small_item_detail_image.selected {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}
.small_item_detail_image.selected img {
  padding: 1px;
}

.small_item_detail_image:hover {
  border: solid 1px black;
}
.small_item_detail_image:hover img {
  padding: 2px;
}

.help-link-container {
  height: 700px;
  position: relative;
  float: left;
  width: 20%;
}

.help-view-container {
  background-color: #ffffff;
  display: block;
  height: 700px;
  float: right;
  position: relative;
  width: 80%;
  padding: 10px;
  overflow-y: scroll;
  border: solid 1px lightgray;
  text-wrap: normal;
}

.help-link-content {
  height: 92%;
  width: 100%;
  background-color: #ffffff;
  overflow-y: scroll;
  text-wrap: normal;
  padding: 10px;
  border: solid 1px lightgray;
}

.help-bottom {
  background-color: #f5f5f5;
  padding: 10px;
  height: 8%;
  width: 100%;
  display: block;
  border: solid 1px lightgray;
}

.help-top {
  background-color: #f5f5f5;
  padding: 10px;
  border: solid 1px lightgray;
}

#page_body_txt {
  width: 100%;
  height: 300px;
  resize: none;
}

#help_preview {
  padding: 10px;
  width: 100%;
  height: 300px;
  border: solid 1px lightgray;
  overflow-y: scroll;
  background-color: #f5f5f5;
}

.btns {
  float: right;
}

.req {
  background-color: lightyellow;
}

.accord-att li, .accord-att ul {
  font: normal 12px Arial;
  box-sizing: border-box;
  list-style: none;
  padding-left: 0;
}

.accord-att li:hover {
  background-color: white;
}

.att_container {
  background-color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid #ccc;
}

.accord-att a {
  cursor: pointer;
}

div.filter_attribute-value-box {
  padding-left: 10px;
  margin: 0;
}

.sticky-btn {
  position: fixed;
  bottom: 0;
  display: none;
}

div.apply-btn {
  text-align: right;
}

input[type=button].apply-btn {
  background-color: #8b3834;
  text-align: right;
  font-size: xx-small;
}

input[type=button].apply-btn:hover {
  background-color: #ba4b45;
  color: black;
}

.accord-att div.sub-title {
  font: 12px Arial;
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  width: 100%;
}

.accord-att .sub-title:hover {
  background-color: #f5f5f5;
}

#left_column_collapse_box {
  background-color: #f5f5f5;
}

.accord-att a:active {
  text-decoration: none;
  background-color: #f5f5f5;
  border: none;
}

.accord-att .sub-title:active {
  border: none;
}

.expandable {
  font-size: xx-small;
  color: #808080;
  text-align: right;
}

.link-expander {
  text-align: right;
  display: inline-flex;
  padding-right: 3px;
  height: max-content;
}

.link-expander-count {
  width: 30px;
  text-align: right;
  font-size: larger;
  vertical-align: middle;
}

.sub_title_name {
  display: inline-table;
  width: 100%;
}

.sub_att_name {
  display: inline-flex;
}
.sub_att_name .sub_sub_att_name {
  display: inline;
}
.sub_att_name .sub_sub_att_name div {
  vertical-align: sub;
  display: inline;
}

.accord-att ul {
  margin: 0;
}

.icon_collapse {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  text-align: right;
  display: flex;
  margin: 0 0 0 5px;
}

.icon_expand {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  margin: 0 0 0 5px;
  display: flex;
}

.accord-att .sub-title:hover .expandable {
  color: black;
}

.reset-btn {
  background-color: #f5f5f5;
  border: solid 1px lightgray;
  font-size: medium;
  font-weight: bold;
  padding: 2px 3px;
  border-radius: 5px;
  color: black;
}

.reset-btn:hover {
  background-color: rgba(73, 115, 184, 0.7);
  border: solid 1px darkgrey;
  color: #ffffff;
}

span.closed {
  background-color: blue;
}

span.open {
  background-color: red;
}

.accord-att input {
  margin-right: 5px;
  position: relative;
}

.accord-att .sub-title {
  font: normal 16px Arial;
  color: black;
  position: relative;
  padding: 5px;
}

.accord-att .sub-catalog:link {
  text-decoration: none;
}

.accord-att label {
  font-weight: normal;
  width: 100%;
}

.accord-att button {
  float: right;
  position: relative;
}

.att-vals-checked {
  background-color: #8b3834;
  border: #8b3834 solid 1px;
  color: white;
  border-radius: 5px;
  box-sizing: content-box;
  margin-left: 5px;
  padding: 2px;
  font-size: small;
  display: inline-flex;
  height: max-content;
}

.att-vals-checked:hover {
  background-color: white;
  color: #8b3834;
}

.search-within-bar {
  background-color: lightgray;
  padding: 3px 5px 0px 5px;
  border-radius: 5px;
}

.search-within-div {
  text-align: left;
  padding: 1px;
}

.search-within-text {
  background-color: #999;
  width: auto;
  padding: 2px;
  border-radius: 5px;
  display: inline-block;
}

#search_within_text {
  font-size: inherit;
}

.search-within-text-value:hover {
  color: #2d3930;
  background-color: #aabbaf;
  cursor: pointer;
}

.search-within-text-value {
  background-color: #d5ddd7;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #c6d2c9;
  padding: 1px;
  font-size: small;
}

.search-within-text-value.exclude-search {
  background-color: lightblue;
}

.tbx-sm {
  height: 20px;
  font-size: medium;
  vertical-align: middle;
}

.item_count {
  font-size: small;
  text-align: left;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  display: flex;
}

.narrow_search_by-attribute_name {
  display: inline-block;
  width: 120px;
  border: red solid 1px;
}

.div-compressed {
  margin: 0px;
}

.div-no-wrap {
  display: flex;
}

.quick_order-table_main {
  padding: 5px;
}

.clickable {
  cursor: pointer;
}

.clickable:hover {
  color: #4973B8;
}

/*
.info-buttons{
  float: left;
  margin-bottom: 0;

}
.info-buttons a{

}
.info-buttons img{
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 2px;
  border: #dcdcdc thin solid;
}
.info-buttons div, .info-buttons span{
  width: 95px;
  height:25px;
  display: inline-block;
  overflow: hidden;
}

div.info-buttons, span.info-buttons{
  display: block;
}
*/
td#Tablerow2cell2.P21SystemContent {
  width: 750px;
}

.P21SystemHeader, .P21SystemBody, .P21SystemFooter, .Footer, .HeaderImportHTMLFeatureCell, .Header, .MainTable {
  width: 1000px;
}

.P21Main {
  margin: 0 auto;
  text-align: center;
}

.OrderSummary_SCAvailabilityTable td {
  padding-right: 10px;
}

@keyframes spinOnce {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.closed_line {
  color: black;
}

.text-align-right {
  text-align: right;
}

#invoice_table a, #order_table a {
  text-decoration: underline;
  font-weight: bold;
  color: black;
}

#order_table td {
  background-color: white;
}

#invoice_table a:visited, #order_table a:visited {
  color: black;
}

.myaccount {
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

.account_links {
  text-align: left;
}

.account_links a, .admin_page a {
  text-decoration: underline;
  font-weight: bold;
  color: black;
}

.account_links a:visited, .admin_page a:visited {
  color: black;
}

.form_box {
  display: block;
  margin: 20px;
  border: solid lightgrey 2px;
  border-radius: 10px;
  padding: 20px;
}

.card-option {
  margin: 5px 20px 20px 10px;
  padding: 10px;
  border-radius: 5px;
  border: lightgrey solid 1px;
}
.card-option .select_btn {
  margin: 3px 0 3px 0;
}

.card-option.new {
  margin: 5px 20px 20px 0;
  padding: 5px 20px 20px 0;
}

label.text_label {
  font-weight: normal;
}

.main_p21_card.company {
  background-color: rgba(255, 255, 224, 0.6);
  border: #fff2b3 solid 2px;
  border-radius: 5px;
  padding: 3px 0 3px 0;
  text-align: left;
  display: inline-block;
  line-height: 9px;
}

.main_p21_card.personal {
  background-color: rgba(186, 229, 243, 0.64);
  border: lightblue solid 2px;
  padding: 3px 0 3px 0;
  border-radius: 5px;
  text-align: left;
  display: inline-block;
  line-height: 9px;
}

.new_card_box {
  border: lightgrey solid 1px;
  border-radius: 5px;
  margin: 20px;
  padding: 10px;
  line-height: 16px;
}

.card_nickname {
  padding: 3px;
  line-height: 16px;
}

.payment_option-invoice, .card-option.existing {
  border: solid lightgrey 1px;
  border-radius: 10px;
}

.card-option.editable {
  margin-bottom: 0;
  background-color: rgba(215, 215, 215, 0.11);
}
.card-option.editable span.glyphicon {
  font-size: 20px;
}

.card-option.info_box {
  margin-top: 0;
  border-radius: 0px;
  margin-bottom: 20px;
}

.checkout_box {
  display: block;
  margin: 20px;
  border-radius: 10px;
  padding: 20px;
  border: lightgrey solid 1px;
  background-color: white;
}

.page_title {
  font-size: x-large;
}

.form_table td {
  padding-right: 5px;
  border: none;
}

.basic_page_base_middle_container {
  padding: 5px;
}

.select_checkbox {
  display: block;
  padding: 15px 10px 15px 10px;
}

.total_payable_amount {
  font-size: medium;
  font-family: Arial, Helvetica, Sans-Serif;
}

.payable_table {
  background-color: white;
}
.payable_table td {
  padding: 3px;
}
.payable_table .clickable_row {
  cursor: pointer;
}
.payable_table .clickable_row.selected {
  background-color: #e8eff9;
}
.payable_table .clickable_row:hover {
  background-color: rgba(100, 149, 237, 0.3);
}

.clickable_row:hover {
  cursor: pointer;
  background-color: rgba(100, 149, 237, 0.3);
}

.selectable_table_rows {
  display: inline-block;
}
.selectable_table_rows tr {
  cursor: pointer;
}
.selectable_table_rows tr:not(:first-child).selected {
  background-color: #e8eff9;
}
.selectable_table_rows tr:not(:first-child):hover {
  background-color: rgba(100, 149, 237, 0.3);
}

.clickable_row:hover {
  cursor: pointer;
  background-color: rgba(100, 149, 237, 0.3);
}

.payable_table input[type=number], .pay_spec_amount input[type=number] {
  width: 100px;
  -moz-appearance: textfield;
  text-align: right;
}
.payable_table input[type=number]::-webkit-inner-spin-button,
.payable_table input[type=number]::-webkit-outer-spin-button, .pay_spec_amount input[type=number]::-webkit-inner-spin-button,
.pay_spec_amount input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pay_spec_amount {
  margin-top: 10px;
}
.pay_spec_amount .row {
  margin-bottom: 10px;
}

.checkout_selection_box .checkout_header_block {
  background-color: lightgrey;
  font-size: 1.5em;
  font-weight: bold;
}

.radio-group {
  position: relative;
}

.radio {
  display: inline-block;
  background-color: white;
  border: 2px solid lightgrey;
  cursor: pointer;
  margin: 10px;
  padding: 10px 10px 5px 10px;
  width: 100%;
}

.radio.payment_option-card.existing {
  line-height: 30px;
}

.radio img, .radio div, .radio span {
  vertical-align: middle;
}

.radio_btn {
  padding: 5px;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  cursor: pointer;
  margin: 2px 0;
  box-shadow: inset 0 0 0 3px #fff;
  background: #fff;
}

.radio_btn.selected {
  background-color: rgba(0, 0, 0, 0.7);
}

.radio.selected {
  border-color: darkgray;
  background-color: rgba(103, 154, 245, 0.1);
}

.radio.disabled {
  background-color: rgba(211, 211, 211, 0.2);
  cursor: default;
}
.radio.disabled .radio_btn {
  background-color: white;
  border: rgba(211, 211, 211, 0.2);
}

.panel-payable {
  border-color: #4973B8;
  background-color: rgba(73, 115, 184, 0.7);
}

table.payment_review_table {
  background-color: white;
  width: 100%;
}
table.payment_review_table td, table.payment_review_table th {
  padding: 3px;
}
table.payment_review_table tr td {
  border-bottom: dashed lightgrey 1px;
}

.payment_amount_total {
  border-bottom: double grey;
  border-top: solid grey 1px;
  margin: 20px 20px 40px 20px;
  padding: 5px 10px 5px 10px;
}

.total_title {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: medium;
  text-align: right;
}

.total_payable_amount {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: large;
  text-align: right;
}

.min-width-550 {
  min-width: 550px;
}

.width-80 {
  width: 80px;
}

.width-250 {
  width: 250px;
}

.width-500 {
  width: 500px;
}

.width-600 {
  width: 600px;
}

.cust_gets_crcd_terms_div {
  display: inline-block;
  background-color: yellow;
  padding: 5px;
  margin: 10px;
}

.pay_by_invoice {
  font-size: x-large;
  font-weight: bold;
  padding: 10px;
  margin: auto;
  display: block;
  font-family: Tahoma, Geneva, sans-serif;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: lightgrey;
}

.changing_value {
  color: red;
}

.selected_customer_id {
  background-color: rgba(102, 156, 245, 0.22);
}

.sub_customer_list {
  cursor: pointer;
  padding: 5px;
  border-top: solid 1px lightgrey;
}

.help_page_list {
  display: block;
  cursor: pointer;
  padding: 5px;
  border-top: solid 1px lightgrey;
}

table.filter_search_table {
  margin-bottom: 5px;
  margin-top: 10px;
}
table.filter_search_table td {
  padding: 3px;
}

a.export_on_click {
  padding: 10px;
  margin: 10px;
  text-decoration: none;
}
a.export_on_click span {
  font-size: large;
  color: green;
}

.credit_history .col-xs-12 {
  border-bottom: lightgrey solid 2px;
  padding: 10px;
}
.credit_history table {
  width: 100%;
}
.credit_history table tr td {
  border-bottom: dashed lightgrey 1px;
}
.credit_history .section_title {
  color: darkblue;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 10px;
}

.icon-size-m {
  font-size: 16px;
}

.added_to_cart_hdr {
  color: green;
  font-weight: bold;
  font-size: 18px;
}

.not_added_to_cart_hdr {
  color: #8b3834;
  font-weight: bold;
  font-size: 18px;
}

.added_to_fav_list_hdr {
  color: #8b3834;
  font-weight: bold;
  font-size: 18px;
}

.added_to_rfq_hdr {
  color: orange;
  font-weight: bold;
  font-size: 18px;
}

.subtotal {
  font-weight: bold;
  font-size: 17px;
  color: darkred;
}

.subtotal_div {
  border: solid lightgrey 1px;
  border-radius: 5px;
  background-color: #ececec;
  padding: 10px;
}

.new_subtotal {
  font-weight: bold;
  font-size: larger;
}

.added_to_cart_content_div {
  border: solid #ececec 1px;
  padding: 10px;
  margin: 10px;
}
.added_to_cart_content_div .item-list:last-child {
  border-bottom: None;
}

div.cart_next_div .promo_box {
  background-color: #f0f0f0;
  padding: 5px;
}

.shopping_cart_quote {
  color: darkred;
}
.shopping_cart_quote a {
  color: darkred;
  text-decoration: underline;
}

.shopping_cart_table > div:first-child {
  border-top: solid black 1px;
}
.shopping_cart_table > div:last-child {
  border-bottom: solid black 1px;
}
.shopping_cart_table td {
  padding: 3px;
}

.practice_styling {
  background-color: lightgrey;
}
.practice_styling div {
  border: solid black 1px;
}

table.form_elements td, .toggle_add_list div {
  padding-bottom: 5px;
}

table.manual_available th {
  padding: 3px;
  font-weight: normal;
}
table.manual_available td {
  border: solid 1px black;
  padding: 3px;
}
table.manual_available tr {
  border: none;
}
table.manual_available .cv_item_selection label {
  width: 15px;
  height: 15px;
  display: block !important;
}

.qty_av {
  width: 35px;
  -webkit-appearance: none;
  margin: 0;
  color: teal;
  font-weight: bold;
}

.trade_mark_text {
  text-align: center;
  font-weight: bold;
  color: red;
}

.shopping_cart_update_btns input {
  margin-right: 10px;
  margin-left: 10px;
}

.old_val {
  text-decoration: line-through;
}

.shipment_group {
  border: solid lightgrey 1px;
  margin: 0 5px 10px 5px;
}
.shipment_group .estimate {
  color: red;
}
.shipment_group .item-list:last-child {
  border-bottom: none;
}

.test-style {
  border: dashed black 1px;
}

a.link-style, span.link-style {
  cursor: pointer;
  text-decoration: underline;
  color: mediumblue;
}

a.link-style:hover, span.link-style {
  color: cornflowerblue;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.selected_qty_avail {
  font-weight: bold;
}

.submit_form_box {
  display: inline-block;
  margin: 20px 20px 0 0;
  border: solid lightgrey 2px;
  border-radius: 10px;
  padding: 10px;
  max-width: 300px;
  min-width: 150px;
  background-color: #f7f7f7;
}

.checkout_info_text {
  padding: 10px 10px 10px 20px;
}

.promo_code {
  color: darkred;
}

#promo_code_tbx {
  width: 80px;
}

.comment_box {
  display: inherit;
  padding: 5px;
  overflow-wrap: break-word;
}

.confirmation_items_box {
  border-bottom: solid 2px black;
}
.confirmation_items_box a.item-desc-link {
  color: black;
}
.confirmation_items_box .confirmation_group {
  border-bottom: solid 2px grey;
  margin-bottom: 20px;
}
.confirmation_items_box .confirmation_group:last-of-type {
  border-bottom: none;
}
.confirmation_items_box .estimate {
  color: red;
}
.confirmation_items_box .orderitem-list {
  border-bottom: solid 1px grey;
}
.confirmation_items_box .orderitem-list:last-of-type {
  border-bottom: none;
}

div.shipping_group_label {
  border-bottom: solid 4px grey;
  border-top: solid 2px black;
  margin-top: 15px;
  margin-bottom: 10px;
}

div.review_shipping_group_label {
  margin-top: 15px;
}

div.backorder_label {
  font-size: large;
}

.shipping_group_label, .shipping_group_label, .review_shipping_group_label {
  text-align: right;
}

.shipping_info_company_name {
  font-weight: bold;
  font-size: medium;
}

.order_placed_div {
  align-self: center;
  width: fit-content;
  padding: 30px 80px 30px 80px;
  border-radius: 10px;
  margin-right: auto;
  margin-left: auto;
}

.thanks_order {
  text-align: center;
  font-weight: bolder;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 25px;
}

.order_title {
  font-size: 2em;
  font-weight: normal;
  margin: 10px 0 20px 10px;
}

.review_order {
  margin: 15px;
}

.order_info {
  margin: 15px;
}

.order_total_div {
  text-align: right;
  margin: 0 15px 15px 0;
}

.credit_card_entry_iframe {
  display: block;
  width: 100%;
  height: 180px;
  overflow: hidden;
  min-width: 342px;
}
.credit_card_entry_iframe div {
  background-color: white;
}

.billing_form {
  margin: 0 0 10px 20px;
  padding: 10px;
}

.billing_form .errorlist li {
  list-style: none;
}

.input_error.manual .error_list li {
  list-style: none;
}

option.expired_option {
  color: red;
  background-color: orange;
}

#promo_prompt {
  color: mediumblue;
  cursor: pointer;
}

.item_notes_output {
  color: black;
}

.promo_applied {
  color: cornflowerblue;
}

.not_effective_promo {
  font-size: small;
}

.item_notes_input {
  width: 40%;
  height: 25px;
  border-radius: 5px;
  border: 1px lightgrey solid;
}

.limit_col_spacing [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.review_order .submit_form_box {
  margin: 0;
}

.order_review_info_div {
  background-color: rgb(242, 249, 255);
  border: solid lightgrey 2px;
  padding: 10px 0 10px 0;
}

.order_review_info_div .row {
  margin-right: -5px;
  margin-left: -5px;
}

.arpayment_review_info_div {
  background-color: rgb(242, 249, 255);
  border: solid lightgrey 2px;
  padding: 10px 15px 15px 15px;
  margin-bottom: 20px;
}

.order_on_hold {
  font-weight: bold;
  font-size: large;
  color: #a94442;
}

.sales_rep_order_info {
  background-color: lightgoldenrodyellow;
  border: solid lightgrey 1px;
  border-radius: 2px;
  padding: 5px;
  margin-bottom: 5px;
}

.form-error {
  color: red;
  font-weight: bold;
}

#address_length_warning {
  background-color: rgba(255, 0, 0, 0.06);
  border: dashed red 1px;
  padding: 3px;
}

.save_for_later {
  color: darkred;
  text-decoration: underline;
}

.link-style.black {
  color: black;
}

.saved_for_later_list h4 {
  border-bottom: 2px solid #d5d4d3;
  font-weight: bolder;
}
.saved_for_later_list .item-list, .saved_for_later_list .item-list-top {
  margin: 0 0 0 0;
  border-bottom: 1px solid #d5d4d3;
}
.saved_for_later_list .item-list .item-desc-link, .saved_for_later_list .item-list-top .item-desc-link {
  color: black;
}
.saved_for_later_list .item-list .saved_customer_notes, .saved_for_later_list .item-list-top .saved_customer_notes {
  color: chocolate;
  margin: 3px;
}

.cart_spacer_saved_items {
  padding: 20px 0 20px 0;
}

.selected_cart {
  color: darkred;
  font-weight: bold;
}

.quote_cart_notice {
  color: orangered;
  font-weight: bold;
  font-size: large;
}

#billing_address_div input[type=text] {
  padding: 3px;
  border-radius: 3px;
  font-size: small;
}

/**  Payment Type Tabs */
.payment_type_tabs {
  max-width: 500px;
  width: 100%;
}

.react-tabs__tab.payment_type_tabs {
  padding: 1px 6px;
}

.payment_type_tab-list {
  display: flex;
  justify-content: center;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 50px;
  padding: 5px;
  overflow: hidden;
}

ul.payment_type_tab-list {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #aaa;
  margin: 0 0 5px;
  padding: 0;
}

.payment_type_tab {
  display: inline-block;
  border-color: #aaa;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 5px 40px;
  cursor: pointer;
  margin: 0 2px;
  border-radius: 50px;
  background: #f3f3f3;
  font-size: 18px;
}

.payment_type_tab:hover {
  border-color: #bbb;
  background-color: #ddd;
}

@keyframes selected_tab {}
.payment_type_tab.selected {
  background-color: #4973B8;
  color: #fff;
  border-radius: 50px;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.payment_type_tab.disabled {
  color: GrayText;
  cursor: default;
}

.payment_type_tabs {
  -webkit-tap-highlight-color: transparent;
}

.payment_type_tab-panel {
  display: none;
}

.payment_type_tab-panel.selected {
  display: block;
}

.credit_card {
  background-color: #f1f1f1;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 4px 0;
  position: relative;
  z-index: 0;
}

.credit_card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.selected.credit_card {
  border: 2px solid #1c7430;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ar_horizontal_tabs {
  width: 100%;
  display: flex;
}

.ar_horizontal_tab-list {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  width: 150px;
  border-radius: 5px;
  margin: 3px 3px 20px 3px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ar_horizontal_tab {
  display: flex;
  justify-content: space-between;
  border-color: #aaa;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  cursor: pointer;
  margin: 0 2px;
  border-radius: 5px;
  background: #f3f3f3;
  font-size: 16px;
  padding: 5px 2px;
}

.ar_horizontal_tab:hover {
  border-color: #bbb;
  background-color: #ddd;
}

.ar_horizontal_tab.selected {
  background-color: #4973B8;
  color: #fff;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}

.ar_horizontal_tab.disabled:hover {
  background-color: lightgrey;
}

.ar_horizontal_tab.disabled {
  color: GrayText;
  cursor: default;
  background-color: lightgrey;
}

.ar_horizontal_tabs {
  -webkit-tap-highlight-color: transparent;
}

.ar_horizontal_tab-panel {
  width: 100%;
  height: 100%;
}

.ar_horizontal_tab-panel.selected {
  display: block;
}

.ar_horizontal_tabs2 {
  width: 100%;
  display: flex;
}

.ar_horizontal_tab2-list {
  width: 150px;
  display: flex;
  flex-direction: column;
}

.ar_horizontal_tab2 {
  display: flex;
  justify-content: space-between;
  border-color: #aaa;
  padding: 10px 10px;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  cursor: pointer;
  font-size: 16px;
  color: black;
  border: 1px solid;
  border-color: #aaa;
  border-right: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 10px 10px;
  cursor: pointer;
  margin: 0 0px;
  border-radius: 5px 0 0 5px;
  background: #f3f3f3;
  margin-bottom: 5px;
}

.ar_horizontal_tab2.selected {
  background-color: lightyellow;
  color: black;
  z-index: 2;
  border-radius: 5px 0 0 5px;
  position: relative;
  left: 1px;
  font-weight: bold;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  border-left: 2px solid black;
  margin-left: 5px;
}

.ar_horizontal_tab2.disabled {
  color: GrayText;
  cursor: default;
}

.special_box {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 5px;
  background-color: lightcyan;
}

#next_page_url {
  width: 500px;
}

.customer_notes {
  overflow-y: scroll;
  display: inline-block;
  width: 350px;
  height: 150px;
  background-color: rgb(230, 255, 222);
}

#spec_paid_total_div {
  font-weight: bolder;
  color: orangered;
  text-decoration: underline double;
}

.total_payable_paid_taken_amount, .total_payable_discounts_taken_amount {
  text-align: right;
}

#display_help_page_html {
  border: 1px grey solid;
  width: 100%;
  height: 100%;
  min-height: 400px;
}

#help_page_html {
  width: 100%;
  height: 100%;
  min-height: 400px;
}

.help_page_content a {
  text-decoration: underline;
}

#system_settings table td, #system_settings table th {
  padding: 10px;
}

#edit_system_msg #html_msg {
  width: 500px;
  height: 100px;
}

table.form_elements input.error_val {
  color: red;
  font-weight: bold;
  border: red solid 2px;
}

div.admin_credit_card_resp_box {
  border: solid grey 1px;
  padding: 5px;
}

table.connection_details td {
  border: solid grey 1px;
  padding-right: 2px;
}

.payment_account_trans_table {
  background-color: white;
}
.payment_account_trans_table td, .payment_account_trans_table th {
  border: solid 1px black;
  padding: 0 2px 0 2px;
}
.payment_account_trans_table th {
  background-color: lightgrey;
}

.credit_card_maintenance_page {
  background-color: white;
  padding: 5px;
}

.pending_orders_page {
  background-color: white;
  padding: 5px 5px 20px 5px;
}

#xml_order_bx {
  width: 800px;
  height: 400px;
}

.pending_order_table .btn {
  width: 220px;
  font-weight: bold;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */
}

.pending_order_table .btn.small {
  width: 120px;
}

#color_finishes_div .finish_code {
  height: 25px;
}
#color_finishes_div .finish_color {
  width: 200px;
}
#color_finishes_div .color_url {
  width: 250px;
}
#color_finishes_div .color_image {
  height: 50px;
}
#color_finishes_div table td {
  padding: 3px;
}
#color_finishes_div table td .deletelink {
  color: orangered;
  font-weight: bold;
}
#color_finishes_div .edited_notice {
  color: green;
  font-weight: bolder;
}

#logged_in_cnt {
  background-color: #00CCFF;
  display: inline-block;
  padding: 5px;
}

#non_staff_logged_in_cnt {
  background-color: #ffd500;
  display: inline-block;
  padding: 5px;
}

#server_name {
  font-weight: bold;
  font-size: small;
}

.input-group.fixed125 {
  width: 125px;
}

.location_maint_view table td {
  border-bottom: 2px lightgrey solid;
  padding: 3px 7px 3px 7px;
}
.location_maint_view table th {
  padding: 3px 7px 3px 7px;
  background-color: lightgrey;
  border: grey 1px solid;
}

#color_finishes_root .image_x_item_row td {
  border: 1px solid black;
}
#color_finishes_root .image_x_item_row .item_image {
  width: 50px;
  max-height: 50px;
}
#color_finishes_root .image_x_item_row .finish_color {
  width: 30px;
  height: 30px;
}
#color_finishes_root .image_finish_table td, #color_finishes_root .image_finish_table th {
  border-top: 1px solid #adbdce;
}

#search_history .tab-content.show {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0 auto;
  background: #fff;
  list-style-type: disc;
  border: 1px solid #ddc;
  border-top-style: none;
  text-align: left;
  padding: 10px;
  padding-bottom: 20px;
  font-size: 14px;
  display: block;
  height: auto;
}

.image_manager .tt-menu {
  margin: 0;
  padding: 0;
}
.image_manager .tt-menu > div {
  margin: 0;
  padding: 0;
}
.image_manager .item_group > div:hover {
  background-color: aliceblue;
}
.image_manager .typeahead-item {
  margin: 0;
  padding: 0;
}
.image_manager .srch_btn {
  width: 25px;
  height: 25px;
}
.image_manager #item_group_name.highlight {
  border: blue solid 2px;
}
.image_manager .clean_data {
  background-color: lightgrey;
  border: grey;
}
.image_manager .clean_data:hover {
  background-color: lightgrey;
  border: grey;
}
.image_manager .selected_row {
  background-color: lightblue;
}
.image_manager .item_group > div {
  border: solid lightgrey 1px;
  margin-bottom: 0;
}
.image_manager .center_header div.item_row {
  margin: 0 !important;
  padding: 0 5px 0 5px;
}
.image_manager .image_dropoff_box {
  width: 200px;
  height: 200px;
  background-color: lightgrey;
  border: solid black 2px;
}
.image_manager .other_group_primary_0 {
  color: black;
}
.image_manager .other_group_primary_1 {
  color: purple;
}
.image_manager .item_detail_link {
  color: black;
  text-decoration: underline;
}
.image_manager .item_detail_link:hover {
  color: blue;
  text-decoration: underline;
}
.image_manager .type_group:hover {
  background-color: lightcyan;
}
.image_manager .type_item:hover {
  background-color: lightgoldenrodyellow;
}
.image_manager #drag_drop_zone {
  background-color: lightcyan;
}
.image_manager .dropped_img {
  border: solid lightgrey 2px;
  padding: 5px;
}
.image_manager .remove_img {
  color: white;
  background-color: black;
  font-size: large;
  font-weight: bold;
  border: solid 1px lightgrey;
  padding: 3px;
  border-radius: 4px;
  line-height: 12px;
  cursor: pointer;
}
.image_manager .remove_img:hover {
  background-color: darkgrey;
  color: black;
}
.image_manager .image_group_display img {
  border: solid lightgrey 1px;
}
.image_manager .header-text {
  padding: 0;
  margin: 0;
}
.image_manager .sub-header-text {
  font-size: 20px;
  font-weight: bold;
}
.image_manager .form_box {
  padding: 0;
  margin: 0;
}
.image_manager .center_content div {
  margin: 0;
}
.image_manager .item_row {
  padding: 5px;
}
.image_manager .dropped_image {
  padding: 10px;
  background-color: lightgrey;
  border: dashed darkgrey 2px;
  display: inline-block;
}
.image_manager .group_name a, .image_manager .group_name {
  font-size: 17px;
  font-weight: bold;
}
.image_manager .image_detail_img {
  margin: 10px 0 10px 0;
}
.image_manager .image_item_selectable.selected, .image_manager .group_search_list.selected {
  background-color: lightblue;
}
.image_manager .image_item_selectable.selected:hover, .image_manager .group_search_list.selected:hover {
  background-color: rgba(185, 228, 242, 0.65);
}
.image_manager .export_message {
  color: red;
  font: larger bold;
}
.image_manager .export_message.count_left {
  color: black;
}
.image_manager .delete_image_group {
  color: darkred;
  font: larger bold;
}
.image_manager #item_group_name, .image_manager #srch_item_group_name {
  width: 250px;
}

.item_row p.selectable {
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.file_message {
  color: red;
  font: larger bold;
}

a.image_dump_link {
  font-weight: bold;
  color: blue;
  text-decoration: underline;
}

a.image_dump_link:visited {
  color: purple;
}

a.image_dump_link:hover {
  color: cornflowerblue;
}

div.excluded_image {
  font-size: larger;
  font-weight: bolder;
  color: #00CCFF;
  font-style: italic;
}

div.excluded_image.small {
  font-size: smaller;
  font-weight: bold;
}

.item_descriptions .tab-content td, .item_descriptions .tab-content th {
  padding: 3px 5px 3px 5px;
}

div.order_entry_container {
  margin: 2px;
  border-radius: 1px;
  border: black 1px solid;
  background-color: white;
  min-height: 60vh;
  padding: 0 2px;
}

div.order_asdf {
  color: red;
}

div.grey.selected {
  background-color: gainsboro;
}

.oe_line.is_deleting {
  background-color: gainsboro;
}

.oe_line.is_new_item {
  background-color: rgba(0, 0, 255, 0.0588235294);
}

.oe_line.is_complete_item {
  background-color: rgba(0, 128, 0, 0.0901960784);
}

tr.oe_line.selected {
  border-top: black solid 2px;
  border-right: black solid 2px;
  border-left: black solid 2px;
}

tr.oe_line.selected_mid {
  border-right: black solid 2px;
  border-left: black solid 2px;
}

tr.oe_line.selected_end {
  border-right: black solid 2px;
  border-left: black solid 2px;
  border-bottom: black solid 2px;
}

.table-xs .table-bordered td, .table-xs .table-bordered th {
  border: 1px solid #afafaf;
}

div.order-entry-header-panel {
  border: 2px black solid;
  border-radius: 3px;
}

div.order-entry-header-panel.new {
  background-color: #4157c5;
}

div.order-entry-header-panel.saved {
  background-color: #c58441;
}

div.order-entry-header-panel.complete {
  background-color: #92c541;
}

div.order-entry-header-panel.cancelled {
  background-color: darkgrey;
}

div.order-entry-header-panel.header {
  border-radius: 5px;
  border-top: None;
  border-bottom: None;
}

div.quote {
  background: repeating-linear-gradient(135deg, black, lightgrey, black 15px);
  opacity: 0.3;
}

.warning-text-color {
  color: #c58441;
}

div.modal-bs-backdrop.order-entry-modal-backdrop.show {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #212529;
  opacity: 0.5;
}

div.modal-dialog.order-entry-modal {
  z-index: 1035;
  position: relative;
}

.modal-bs {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-bs.modal-open {
  overflow-x: hidden;
  overflow-y: auto;
}

.grid_elem {
  position: absolute;
  padding: 3px;
}

.grid_elem.editing {
  background-color: beige;
  border-radius: 3px;
}

.grid_elem.editing.draggable {
  cursor: grab;
}

.grid_elem.editing.dragging {
  border: black solid 2px;
}

.grid_elem.active {
  background-color: beige;
  border-radius: 3px;
  cursor: grab;
}

.base_layout {
  position: relative;
}

.layout {
  position: absolute;
}

.layout.editing.odd, .base_layout.editing {
  background-color: gainsboro;
}

.layout.editing.even {
  background-color: grey;
}

/*Refactor this to use odd class and even class for the darker color*/
.layout.editing.droppable {
  background-color: lightgrey;
}

.item_context_menu.editing {
  background-color: white;
  border: grey solid 1px;
  border-radius: 3px;
  padding: 5px;
  width: 200px;
}

.context_menu {
  z-index: 1;
}

div.resizer {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  /*Place children in the bottom right corner*/
  display: flex;
  align-items: center;
  justify-content: center;
}

div.resizer-inner {
  margin: 8px;
  width: 10px;
  height: 10px;
  border-right: black dashed 3px;
  border-bottom: black dashed 3px;
  cursor: se-resize;
}

.removable {
  cursor: pointer;
}

.removable:hover {
  color: indianred;
}

div.needs_save, #save_icon {
  cursor: pointer;
  color: green;
}

div.needs_save:hover {
  color: darkgreen;
}

select.error {
  border-color: indianred;
}

.light_well {
  border: 2px darkgrey solid;
  padding: 3px;
  border-radius: 3px;
}

.internal_oe_note {
  background-color: khaki;
}

textarea.delivery_instructions {
  background-color: skyblue;
}

.customer_po_no_field#cust_po_no {
  background-color: lightyellow;
}

.item_details {
  width: 100%;
  height: 100%;
  background-color: grey;
  padding: 3px;
  border-radius: 3px;
  border: 2px darkgrey solid;
}

.bg-blue {
  background-color: green;
}

.date-width {
  width: 150px;
}

.note-row {
  cursor: pointer;
}

select.compact-select {
  padding: 0px;
}

.table-xs td, .table-xs th {
  padding: 0px;
}

table.table.table-xs {
  margin: 0px;
}

.table .thead-grey th {
  color: black;
  background-color: lightgrey;
  border-bottom: solid darkgrey 1px;
}

.table .thead-light-grey th {
  color: black;
  background-color: #e5e5e5;
  border-bottom: solid darkgrey 1px;
}

.table.no-top th {
  border-top: none;
}

.font-90p {
  font-size: 0.9em;
}

a.pagination_buttons:hover {
  text-decoration: underline;
  background-color: lightgrey !important;
  cursor: pointer;
}

a.pagination_nav:hover {
  color: #2a6496 !important;
}

.overflow-scroll-nobar-y {
  overflow-y: auto;
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
  padding-right: 10px;
}

.overflow-scroll-nobar-y::-webkit-scrollbar {
  width: 0;
  /* Hide scrollbar for Webkit browsers */
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-scroll-y {
  overflow-y: scroll;
}

div.resizable {
  resize: both;
}

div.resizable-v {
  resize: vertical;
}

div.resizable-h {
  resize: horizontal;
}

.react-bootstrap-table table.table {
  table-layout: auto;
}

button.btn.btn-link.small_drop_arrow {
  padding: 0;
}

div.order_entry.item_extra_info {
  width: 100%;
  height: 200px;
  padding: 2px;
  overflow-y: auto;
  background-color: #ebeced;
}

.test-modal {
  position: absolute;
  top: 300px;
  left: 300px;
  right: 300px;
  bottom: 300px;
}

.popup-background {
  background-color: white;
  border: grey solid 1px;
  border-radius: 3px;
  padding: 5px;
}

.dark_modal_overlay {
  position: fixed;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 200;
}

.modal_level1 {
  z-index: 200;
}

.overlay_level-1 {
  z-index: 100;
  position: relative;
}

.overlay_level-2 {
  z-index: 110;
  position: relative;
}

.item_by_loc_arrow {
  width: 20px;
  height: 20px;
  background-color: red;
}

.note_area_space {
  padding: 2px;
}

.note_area_space:hover {
  background-color: lightgrey;
  border-radius: 5px;
  cursor: pointer;
}

li.note-area-list-item:hover, li.note-area-list-item:focus {
  outline-color: indianred;
  z-index: 1;
  text-decoration: none;
}

span.danger-icon {
  color: indianred;
}

span.danger-icon:hover {
  color: darkred;
}

div.order-summary-key {
  width: 70px;
}

div.cust-sales-credit-key {
  width: 120px;
}

.contact_comp_overlay, .customer_comp_overlay, .terms_comp_overlay, .ship_to_comp_overlay {
  min-width: 325px;
  max-width: 325px;
}

.overlay_z_index {
  z-index: 100;
}

.address_block_indent {
  padding-left: 10px;
}

.form-control-xs {
  height: calc(1em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.table td.vertical-center {
  vertical-align: middle;
}

.table td.pos-relative {
  position: relative;
}

.gen_number {
  text-align: right;
}

.dragged_group {
  border: 1px solid black;
  background-color: rgba(232, 255, 255, 0.75) !important;
  padding-bottom: 40px;
}

ul.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 5px;
  padding: 0;
}

.heavy_select {
  text-shadow: 0 0 5px deepskyblue;
}

.each_price {
  background-color: khaki;
}

.price_confidence.trusted_modified {
  background-color: #fff1c8;
}

.price_confidence.trusted {
  background-color: #dfffdf;
}

.price_confidence.iml_excl_change {
  background-color: #ffdfdf;
}

.text_align_right {
  text-align: right;
}

.oe_note_cell {
  height: 80px;
  resize: vertical;
  overflow: scroll;
}

.shadow-rd-3px {
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3);
}

.react-tabs__tab.web_oe_order_tab {
  padding: 1px 6px;
}

.fake-tab {
  border-right: solid grey 2px;
  border-left: solid grey 2px;
  border-top: solid grey 2px;
  margin-top: 1px;
  border-radius: 5px 5px 0 0;
}

.oe_tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}

ul.oe_tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 5px;
  padding: 0;
}

.oe_tab {
  display: inline-block;
  border: 1px solid;
  border-color: #aaa;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 1px 4px;
  cursor: pointer;
  margin: 0 1px;
  border-radius: 5px 5px 0 0;
  background: #f3f3f3;
}

@keyframes selected_tab {}
.oe_tab.selected {
  background-color: lightyellow;
  border-color: black;
  color: black;
  border-width: 2px;
  height: auto;
  padding-top: 5px;
  margin: 0 1.5px;
}

.sub.oe_tab {
  display: inline-block;
  border: 1px solid;
  border-color: #aaa;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 1px 4px;
  cursor: pointer;
  margin: 0 1px;
  border-radius: 5px 5px 0 0;
  background: #f3f3f3;
}

.sub.oe_tab.selected {
  background-color: rgba(29, 121, 32, 0.27);
  border-color: black;
  color: black;
  border-width: 2px;
  height: auto;
  padding-top: 5px;
  margin: 0 1.5px;
}

.oe_tab.disabled {
  color: GrayText;
  cursor: default;
}

.oe_tabs {
  -webkit-tap-highlight-color: transparent;
}

.oe_tab-panel {
  display: none;
}

.oe_tab-panel.selected {
  display: block;
}

.price_calc {
  border: solid darkgrey 2px;
  border-radius: 5px;
  padding: 5px;
}

.price_calc.trusted {
  border-color: darkgreen;
}

.price_calc.modified {
  border-color: darkgoldenrod;
}

div.cc_body {
  width: 340px;
  height: 150px;
  border: solid grey 2px;
  padding: 15px;
  border-radius: 20px;
  margin: 10px;
  box-shadow: 1px 2px 5px 0px;
}

div.cc_body.small_card {
  width: 230px;
  height: 116px;
  border: solid grey 2px;
  padding: 8px;
  border-radius: 5px;
  margin: 10px;
  box-shadow: 1px 2px 5px 0px;
}

.cc_body.empty {
  border: dashed;
}

.cc_body.empty:hover {
  background-color: #bbb;
  cursor: pointer;
}

div.cc_body.selected {
  box-shadow: 1px 2px 5px 0px blue;
  background-color: gainsboro;
  color: black;
}

.cc_body.customer_card {
  background-color: lightslategray;
  color: white;
}

.cc_list {
  min-height: 100px;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: 1px 1px 3px;
}

.cc_add_btn {
  border: dashed;
}

div.cc_list_body.clickable-body:hover {
  background-color: grey;
  color: white;
  cursor: pointer;
}

.cc_list_body {
  cursor: pointer;
  width: 300px;
  height: 75px;
  border-bottom: solid grey 1px;
  background-color: gainsboro;
  padding: 5px;
  position: relative;
}

div.cc_list_body.selected {
  border-radius: 5px 0px 0px 5px;
  box-shadow: 1px 2px 4px 0px grey;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: white;
}

.ribbon {
  position: fixed;
  inset: 0 auto auto 0;
  background: green;
  transform-origin: 100% 0;
  /* or top left */
  transform: translate(-29.3%) rotate(-45deg);
  box-shadow: 0 0 0 999px #08769b;
  clip-path: inset(0 -100%);
}

.ribbon-1 {
  position: fixed;
  background: #08769b;
  box-shadow: 0 0 0 999px #08769b;
  clip-path: inset(0 -100%);
}

.left {
  inset: 0 auto auto 0;
  /* top and left equal to 0 */
  transform-origin: 100% 0;
  /* OR top right */
  transform: translate(-29.3%) rotate(-45deg);
}

.right {
  inset: 0 0 auto auto;
  /* top and right equal to 0 */
  transform-origin: 0 0;
  /* OR top left */
  transform: translate(29.3%) rotate(45deg);
}

th.sticky_header {
  position: sticky;
  top: 0;
}

tr.sticky_header {
  position: sticky;
  top: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-60 {
  z-index: 60;
}

.z-70 {
  z-index: 70;
}

.z-80 {
  z-index: 80;
}

div.typeahead a.dropdown-item {
  padding: 0 5px 0 0;
}

.dropdown-item.active, .dropdown-item:active {
  color: black;
  text-decoration: none;
  background-color: lightcyan;
}

mark.rbt-highlight-text {
  background-color: inherit;
  color: indianred;
  font-weight: bold;
  padding: 0;
}

mark.rbt-highlight-text.secondary {
  background-color: inherit;
  color: dodgerblue;
  font-weight: bold;
  padding: 0;
}

div.dropdown-menu.show {
  box-shadow: 3px 3px 15px grey;
}

.card-nickname {
  color: #999;
}

iframe.bp-widget-widget {
  bottom: -13px;
  right: 10px;
}

.ds_tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}

ul.ds_tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 5px;
  padding: 0;
}

.ds_tab {
  display: inline-block;
  border: 1px solid;
  border-color: #aaa;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 1px 4px;
  cursor: pointer;
  margin: 0 1px;
  border-radius: 5px 5px 0 0;
  background: #f3f3f3;
}

.ds_tab.selected {
  background-color: lightyellow;
  border-color: black;
  color: black;
  border-width: 2px;
  height: auto;
  padding-top: 5px;
  margin: 0 1.5px;
}

.ds_tab.disabled {
  color: GrayText;
  cursor: default;
}

.ds_tabs {
  -webkit-tap-highlight-color: transparent;
}

.ds_tab-panel {
  display: none;
}

.ds_tab-panel.selected {
  display: block;
}

.test_dx {
  display: block;
}

.invoice {
  background-color: white;
}

.ar_table th > span {
  color: black;
}
.ar_table input {
  height: calc(0.75em + 0.25rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 0.75;
  border-radius: 0.2rem;
}
.ar_table span.required input {
  border: red solid 2px;
}
.ar_table .larger_input input {
  height: calc(1.5em + 0.5rem + 2px);
}

input.money_input {
  height: calc(1.5em + 0.5rem + 2px);
  border-radius: 0.2rem;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  color: rgb(73, 80, 87);
  background-clip: padding-box;
  border: 1px solid rgb(206, 212, 218);
  font-weight: 600;
  display: block;
}

input.money_input:focus {
  border-color: #80bdff;
  outline: 0;
  background-color: white;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

input.money_input {
  height: calc(1.5em + 0.5rem + 2px);
  border-radius: 0.2rem;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  color: rgb(73, 80, 87);
  background-clip: padding-box;
  border: 1px solid rgb(206, 212, 218);
  font-weight: 600;
  display: block;
}

input.money_input.sm {
  width: 135px;
  padding-right: 10px;
}

input.money_input:focus {
  border-color: #80bdff;
  outline: 0;
  background-color: white;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

span.colored_input input.money_input {
  width: 100%;
  background-color: lightgoldenrodyellow;
  height: calc(0.75em + 0.25rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
}

span.colored_input input.money_input:focus {
  background-color: white;
}

span.colored_input.c1 input.money_input {
  background-color: lightgreen;
}

span.colored_input.c1 input.money_input:focus {
  background-color: #b5f5b5;
}

span.colored_input.c2 input.money_input {
  background-color: lightblue;
}

span.colored_input.c2 input.money_input:focus {
  background-color: rgb(191, 217, 227);
}

span.colored_input.c3 input.money_input {
  background-color: #adb5e6;
}

span.colored_input.c3 input.money_input:focus {
  background-color: rgb(191, 199, 227);
}

span.colored_input.c4 input.money_input {
  background-color: #fdc857;
}

span.colored_input.c4 input.money_input:focus {
  background-color: rgb(227, 216, 191);
}

div.small_alert.alert {
  margin: 0;
  padding: 0.25rem 1.25rem;
}

.ar_customer_details_row div.dropdown-menu .selected, .ar_customer_details_row div.dropdown-menu .select, .ar_customer_details_row div.dropdown-menu .active {
  background-color: yellow;
}

.ar_floating_totals_div {
  z-Index: 1;
  position: fixed;
  bottom: 0;
  background-color: gainsboro;
}
.ar_floating_totals_div div {
  padding: 5px 10px;
}

.ar_body {
  background-color: white;
}
.ar_body .bg-main {
  border: none;
  background-color: white;
}
.ar_body .order_entry_container {
  border: none;
}

.ar_table_hdr {
  padding: 3px 3px 3px 3px;
  border: 1px solid rgba(105, 105, 105, 0.3411764706);
  border-radius: 2px;
  font-weight: bold;
  font-size: 13px;
  box-shadow: 0 2px 2px gray;
  background-color: gainsboro;
}
.ar_table_hdr .sortable_hdr {
  text-decoration: underline;
}

.ar_card_popup {
  z-index: 2;
}

.dark_toast .toast-header {
  background-color: black;
  color: white;
}
.dark_toast .toast-header button {
  color: white;
}

.secure_block3 {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 0px;
}

.img_secure3 {
  width: 70px;
  margin: 0 50px 50px 0;
  right: 100px;
  opacity: 100%;
  color: orange;
  filter: contrast(1000%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(-44deg);
}

.lock3 {
  position: absolute;
  width: 35px;
  left: 18px;
  top: 20px;
}

#MainTable tr.p21MainTr:first-of-type {
  border-bottom: solid black 10px;
  background-color: white;
}

.container.extra_wide_width {
  width: 98%;
}

.container {
  max-width: 98%;
}

@media (min-width: 768px) {
  .container {
    width: 98%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 98%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 98%;
  }
}
.cvb2bp21main-table-row {
  background-color: #4973B8 !important;
}

.header {
  background-color: white;
  padding-left: 28px;
  padding-right: 20px;
}

.bg-top {
  background-color: white;
  text-align: left;
  border-bottom: solid black 10px;
}

.bg-main {
  background-color: #4973B8;
}

.bg-footer {
  background-color: white;
}

body {
  background-color: #4973B8;
  height: auto !important;
}

.main-center {
  text-align: left;
  background-color: #fff;
}

.button-img, #SubmitLogon, input.ShoppingCart_CheckoutButton, input.ShoppingCart_updateCartButton,
input.ShoppingCart_EmptyCartButton, input.ShoppingListSelect_ExistingButton, input.ShoppingListSelect_NewButton,
input[name=ButtonShoppingList], input[name=ContactUsBtn], input[class^=ShoppingList_], .ShoppingCart_OuterButtonTable input[class^=ShoppingCart_],
input.SideQOP_Button, input.ShipBillInformation_ContinueShoppingButton, input.ShipBillInformation_ContinueCheckoutButton,
.NewShopperSubmit input[name=ButtonUpdate], input.OrderSummary_ButtonConfirmOrder, img.OrderSummary_ButtonExitCheckout,
[name=SubmitForgot], [name=SubmitDisplay], div.MyAccountProfiletext11w img, img[src*="\buttonssubmit_b.gif"], [src*="\buttonssubmit_b.gif"],
#SubmitLogonInfo, #SubmitPersonalInfo, #EditPersonalInfo, #EditLogonInfo, [name=btnSubmit], [name=btnAddToCart], [name=btnAddToList],
[name=ButtonSubmitPayment], [name=ButtonContinueShopping], .MyAccountOpenARPaymentExit img, [name=ButtonResultsAddToCart],
.MyAccountOpenARPaymentContinue img, .MyAccountOpenARPaymentSummaryExit img {
  height: 25px;
  cursor: pointer;
}

.button-img:hover, #SubmitLogon:hover, input.ShoppingCart_CheckoutButton:hover, input.ShoppingCart_updateCartButton:hover,
input.ShoppingCart_EmptyCartButton:hover, input.ShoppingListSelect_ExistingButton:hover, input.ShoppingListSelect_NewButton:hover,
input[name=ButtonShoppingList]:hover, input[name=ContactUsBtn]:hover, input[class^=ShoppingList_]:hover, .ShoppingCart_OuterButtonTable input[class^=ShoppingCart_]:hover,
input.ShipBillInformation_ContinueShoppingButton:hover, input.ShipBillInformation_ContinueCheckoutButton:hover, input.SideQOP_Button:hover,
.NewShopperSubmit input[name=ButtonUpdate]:hover, input.OrderSummary_ButtonConfirmOrder:hover, img.OrderSummary_ButtonExitCheckout:hover,
[name=SubmitForgot]:hover, [name=SubmitDisplay]:hover, div.MyAccountProfiletext11w img:hover, img[src*="buttonssubmit_b.gif"]:hover,
[src*="\buttonssubmit_b.gif"]:hover, #SubmitLogonInfo:hover, #SubmitPersonalInfo:hover, #EditPersonalInfo:hover, #EditLogonInfo:hover,
[name=btnSubmit]:hover, [name=btnAddToCart]:hover, [name=btnAddToList]:hover, [name=ButtonSubmitPayment]:hover,
[name=ButtonContinueShopping]:hover,
.MyAccountOpenARPaymentExit img:hover {
  opacity: 0.8;
}

#database_type.LOCAL {
  background-color: lightgreen;
}

#database_type.LIVE_FROM_HOME {
  background-color: lightcoral;
}

#database_type.DEFAULT_TEST {
  background-color: lightskyblue;
}

/*Database indication color. Live database doesn't show.*/
#database_type {
  position: absolute;
  z-index: 1000;
  font-weight: bold;
  left: 0;
}

#top_nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0.2em 0;
}

#top_nav li {
  display: inline;
  list-style-type: none;
}

#top_nav a {
  padding: 3px 10px;
}

#top_nav a:link, #top_nav a:visited {
  color: #000;
  background-color: white;
  text-decoration: none;
}

#top_nav a:hover {
  color: #000;
  background-color: #e0dcd0;
  text-decoration: none;
}

.links_top_section {
  min-height: 120px;
}

.top-search-bar {
  text-align: right;
  float: right;
  margin-bottom: 5px;
  vertical-align: top;
  width: 100%;
  bottom: 0;
  position: absolute;
}

.div-inline {
  display: inline-block;
}

.breadcrumb_cust {
  padding: 8px 15px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: inline-block;
  text-align: left;
}

.breadcrumb_cust > li {
  display: inline-block;
}

.breadcrumb_cust > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}

.breadcrumb_cust > .active {
  color: #999;
}

.breadcrumb_cust ul {
  list-style: none;
}

.breadcrumb-div {
  margin: 5px 0 0 5px;
}

.bottom-border {
  border-bottom: solid;
  border-bottom-color: #000000;
  border-bottom-width: 1px;
}

.top-border, .vendor {
  border-top: solid;
  border-top-color: #000000;
  border-top-width: 1px;
}

.main-center-header-text {
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  color: black;
}

.wide_center {
  padding: 10px;
}

.vendor {
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  color: #666666;
  margin-top: 5px;
  padding-top: 1.2em;
}

.to-top a {
  display: block;
  float: right;
  font-size: 13px;
  font-weight: bold;
  text-decoration-line: none;
  text-decoration-style: solid;
  font-weight: bold;
  color: royalblue;
}

.to-top a:hover {
  color: cornflowerblue;
}

.link-text {
  color: #000000;
}

div.vendor-div-link {
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.breadcrumb {
  background-color: #fff;
}

.item-list, .item-list-top {
  margin: 0 0 0 0;
  border-bottom: 1px solid rgba(49, 112, 143, 0.1411764706);
}

.item-list tr {
  border-top: 1px solid rgba(49, 112, 143, 0.1411764706);
  border-bottom: 0;
}

.item-list tr.fav_product_avail_row {
  border-bottom: 1px solid rgba(49, 112, 143, 0.1411764706);
  border-top: 0;
}

.item-list, .item-list tr {
  padding: 5px 0 1px 0;
}

.backordered_item, .backordered_item tr {
  border: dashed rgb(128, 128, 128) 2px;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

hr.hr-red {
  color: red;
  background-color: red;
  height: 1px;
  border: none;
}

a {
  color: black;
}

a:hover {
  text-decoration: none;
}

div.not_shown {
  color: green;
  font-weight: bold;
  font-style: italic;
  font-size: large;
}

div.not_shown.item_list_view {
  font-size: larger;
}

.typeahead-item {
  width: auto;
  display: block;
  align-content: center;
  vertical-align: middle;
  text-align: left;
  font-size: 10pt;
  overflow-wrap: normal;
  border: 1px none #d3d3d3;
  border-top-style: solid;
}

.typeahead-item p {
  overflow-wrap: normal;
}

.typeahead-item div {
  color: black;
}

.typeahead_highlight {
  color: rgba(194, 0, 0, 0.9);
}

div.typeahead-item .typeahead_row {
  vertical-align: middle;
}

.typeahead-item.container {
  padding: 0;
}

.typeahead-item .row {
  margin-right: 0px;
  margin-left: -5px;
  padding: 3px;
}

.typeahead-item .row > [class*=col-] {
  margin-bottom: 0;
  padding: 3px;
}

.typeahead-item .typeahead_inline {
  display: inline-block;
  vertical-align: middle;
}

.typeahead_inline .text_wrap {
  display: block;
  white-space: normal;
}

.typeahead-item .typeahead-img div {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
}

.typeahead-item .typeahead-img {
  background-color: white;
  width: 45px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 3px;
  height: auto;
}

.typeahead-item img {
  max-width: 40px;
  max-height: 40px;
  display: block;
  width: auto;
}

.typeahead-item .qty_oh {
  text-align: right;
}

.tt-suggestion {
  background-color: white;
  cursor: pointer;
}

.typeahead.tt-query {
  color: black;
}

.main_search_div {
  width: 70%;
}

.main_search_div .tt-menu {
  overflow-y: visible;
  display: block;
  text-wrap: normal;
  box-shadow: 2px 7px 20px 0px rgba(0, 0, 0, 0.4);
  border: solid #bbbbbb 2px;
  border-radius: 3px 3px 5px 5px;
  right: -10px;
  left: auto !important;
  max-width: 100%;
}

.tt-menu {
  overflow-y: visible;
  display: block;
  text-wrap: normal;
  margin-right: 10px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  border: solid slategrey 1px;
  border-radius: 2px;
  padding: 0px 3px 3px 3px;
  background-color: white;
}

.tt-hint {
  color: transparent;
}

.tt-suggestion:hover, .tt-suggestion.tt-cursor {
  background-color: #bbe8fa;
}

.tt-cursor {
  background-color: #bbe8fa !important;
}

.input-search_txt {
  width: 250px;
}

input#main_search {
  vertical-align: bottom;
  width: 100%;
}

#main_search {
  width: 60%;
}

#main_search:hover :focus {
  box-shadow: inset 0px 0px 3px 1px cornflowerblue;
}

#main_search::selection {
  background: #0077b3;
  color: white;
}

#submit {
  vertical-align: bottom;
  margin: 0;
  width: 20px;
  height: 20px;
}

span.twitter-typeahead {
  width: 100%;
}

input.item-quantity {
  width: 65px;
}

td.quick_order_pad-cell {
  border: #d3d3d3 ridge 1px;
  padding: 2px;
  color: black;
}

#quick_order_pad {
  color: #000000;
}

td.quick_order_pad-cell input {
  border: inset black 1px;
}

td.quick_order_pad-cell input.has-error {
  box-shadow: 0 0 1px 1px red;
  border-radius: 0;
}

td.quick_order_pad-cell img {
  vertical-align: middle;
  margin: auto;
}

div.item_group {
  /*width: 100%; */
  display: block;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

div.cv_thumbnail {
  width: 75px;
  height: 65px;
  display: inline-block;
  float: left;
  margin: 5px 5px 5px 0px;
}

.cv_thumbnail img {
  max-width: 75px;
  max-height: 65px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border: none;
}

.cv_thumbnail img.with_color_finish {
  max-height: 70px;
}

.item_group .cv_item-info-block {
  /* width: auto; */
  /* display: inline-block; */
  /* overflow-x: hidden;
  overflow-y: hidden; */
  right: 0;
}

.search_img_link {
  display: inline-block;
}

.item_group .cv_item-info-left, .item_group .cv_item-available, .item_group .cv_item-info-right {
  display: inline-block;
}

.item_group .cv_item-info-left {
  float: left;
  text-align: left;
  padding-bottom: 15px;
}

.item_group .cv_item-available {
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.item_group .row [class*=col-] {
  margin-bottom: 0;
}

.item_group .cv_item-available-txt {
  text-align: center;
}

.button-row {
  padding: 5px;
  margin-bottom: 10px;
}

.cv_item-available {
  color: #38761D;
}

.item_group .cv_item-info-right {
  float: right;
  text-align: right;
  padding-bottom: 15px;
}

.cv_out-of-stock {
  color: #3D85C6;
}

.cv_out-of-stock_shopping_cart {
  color: #c36027;
}

.cv_list-price {
  color: #888;
  padding-top: 2px;
}

.cv-float-right {
  position: absolute;
  right: 0;
  padding: 2px;
}

.cv-restricted {
  float: right;
}

.cv-align-right {
  float: right;
}

.cv_nonweb-price {
  color: #888;
}

.cv_web-prices {
  margin-top: 0;
}

.cv_sales-chunk {
  color: #3D85C6;
}

.removable_click_filter label {
  color: #0077b3;
}

a.item-desc-link, a.item-id-link, a.item-hot-link {
  color: mediumblue;
}

a.item-desc-link:hover, a.item-id-link:hover, a.item-hot-link:hover {
  color: cornflowerblue;
}

div.item-desc-link {
  display: block;
}

.item-clearance {
  color: darkred;
  display: inline-block;
}

.item-clearance.big {
  font-size: 16px;
}

.item_desc.typeahead {
  color: #484848;
}

.expandable_box {
  background-color: lightcyan;
  border: dashed 1px grey;
}

.click-to-expand {
  border: grey;
  border-radius: 4px;
  height: 20px;
  color: orange;
}

.variable_box {
  background-color: white;
  color: black;
  border: 1px solid grey;
  padding: 10px;
  text-align: left;
}

.link_label {
  text-decoration: underline;
}

.link_label:hover {
  cursor: pointer;
  color: black;
  text-decoration: underline;
}

.blue {
  background-color: blue;
  color: orange;
}

#always_reliable_frame {
  width: 100%;
  height: 1200px;
  background-color: white;
  border: none;
}
#always_reliable_frame body {
  background-color: white;
}

.always_reliable div {
  background-color: white;
  width: 100%;
  height: 100%;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}
* {
  box-sizing: border-box;
}

.App {
  font-family: sans-serif;
  text-align: center;
}

.react-contexify__will-enter--scale {
  transform-origin: top right;
}

.react-contexify__will-leave--scale {
  transform-origin: top right;
}

.ar_note_comp .table.table-xs .oe_note_cell {
  height: 80px;
  resize: vertical;
  overflow-wrap: break-word;
}
.ar_note_comp .table.table-xs pre {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.sm_w {
  display: block;
  max-width: 500px;
}

/*# sourceMappingURL=style.css.map */