/* Modules, standard and collapsable */
.panel-default > .panel-heading {
  background: #e0e4e9;
}
.panel-default > .panel-heading .panel-title {
  font-weight: bold;
  font-size: 18px;
  color: #333333;
}

.panel-heading .accordion-toggle h4:after, .panel-heading .accordion-toggle .panel-title:after {
  font-family: "MouserIcons";
  content: "\f006";
  float: right;
  color: #0070BB;
}

.panel-heading .accordion-toggle.collapsed h4:after, .panel-heading .accordion-toggle.collapsed .panel-title:after {
  content: "\f007";
}

.panel-default > .panel-accordion-heading:hover {
  background: #e7f3f9;
}

.panel-default > .panel-heading > a:hover, .panel-default > .panel-heading > a:focus {
  text-decoration: none;
}

.panel-grey {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}

.panel-grey-border {
  border-color: #d9d9d9;
}

.panel-row {
  display: block;
}

.panel-col {
  flex: 1; /* additionally, equal width */
  padding: 1em;
  /*border: solid;*/
}

@media (min-width: 768px) {
  .panel-row {
    display: flex; /* equal height of the children */
  }
  .panel-two-column-left {
    margin-right: 13px;
  }
  .panel-two-column-right {
    margin-left: 13px;
  }
}
/* Display hyperlink as regular text */
a.txt {
  text-decoration: none;
  color: inherit;
}

.box {
  border-style: solid;
  border-width: 1px;
}

.box.box-gray80,
.box.box-grey80 {
  border-color: #d9d9d9;
}

.ez-menu-bar {
  background-color: #585d62;
  padding: 15px 0px 15px 0px;
  margin: 0;
}

.ez-qty-mult-bar {
  padding: 0px 0px 15px 0px;
  margin: 0;
}
.ez-qty-mult-bar div.col-xs-12 {
  padding-right: 0px;
}

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

.bomexpire {
  background-color: #f5f5f5;
  padding: 10px 8px 0;
  min-width: 925px;
}

/* Used to stack boxes without doubling the border between boxes. 
    Removes the top border from stacked boxes preceded by another stacked box */
.box.box-stacked + .box.box-stacked {
  border-top-style: none;
}

/* Dialog-style box. Use for wizards such as the BOM tool. */
.box.box-contentDialog {
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.box.box-contentDialog.box-contentDialog-wide {
  width: 80%;
}

/* Used on buttons to make a FontAwesome icon button (must use fa-lg and probably fa-fw on the fa icon) */
.btn-fa-lg {
  padding: 0 10px;
}

/* Used on buttons to make a giant FontAwesome icon button (must use fa-4x on the fa icon) */
.btn-fa-4x {
  padding: 10px 0 0;
  max-width: 60px;
  border-radius: 2px;
  height: 70px;
  color: #ffffff;
  display: block;
  background: #0099FF; /* Old browsers */
  background: -moz-linear-gradient(top, #0099FF 0, #004A85 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0099FF), color-stop(100%, #004A85)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0099FF 0, #004A85 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0099FF 0, #004A85 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0099FF 0, #004A85 100%); /* IE10+ */
  background: linear-gradient(to bottom, #0099FF 0, #004A85 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099FF, endColorstr=#004A85,GradientType=0 ); /* IE6-9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0099FF', endColorStr='#004A85')";
}

.btn-fa-4x:hover {
  background: #0070BB; /* Old browsers */
  background: -moz-linear-gradient(top, #0070BB 0, #004A85 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0070BB), color-stop(100%, #004A85)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0070BB 0, #004A85 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0070BB 0, #004A85 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0070BB 0, #004A85 100%); /* IE10+ */
  background: linear-gradient(to bottom, #0070BB 0, #004A85 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0070BB, endColorstr=#004A85,GradientType=0 ); /* IE6-9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0070BB', endColorStr='#004A85')";
}

/* dependent on hr styling from base-lite CSS */
hr.with-gap {
  margin-left: 3px;
  margin-right: 3px;
  /* might be able to remove the 100% width from hr styling in the base CSS and then can remove this width setting */
  width: initial;
}

/* Display ul list items with an asterisk for bullets */
ul.asterisk {
  list-style-type: none;
  clear: left;
}

ul.asterisk li {
  position: relative;
}

ul.asterisk li:before {
  content: "*";
  position: absolute;
  left: 0;
}

/* may be required only to supercede existing base-lite CSS stylings */
ol.breadcrumb,
.breadcrumb li {
  margin: 0;
  padding: 0;
}

/* END */
.bom small,
.bom .small {
  font-size: 11px;
}

.bom .breadcrumb {
  margin-bottom: 10px;
}

.bom p {
  padding: 0;
}

.bom fieldset {
  padding: 0;
  border: 0;
  margin-top: 10px;
}

.bom .box.box-contentDialog {
  min-height: 300px;
  box-shadow: 0 0 5px #333333;
}

.bom .box.box-contentDialog .content {
  padding: 40px 40px 10px;
}

.bom .box.box-contentDialog .content.with-footer {
  /* margin-bottom must match height of .footer*/
  margin-bottom: 80px;
}

.bom .box.box-contentDialog .dialogHeader {
  color: #7f7f7f;
  margin-bottom: 10px;
}

.bom .box.box-contentDialog .dialogHeader .fa {
  color: #0099FF;
  float: left;
  margin-top: -4px;
  padding: 0 5px 15px 0;
}

.bom .box.box-contentDialog .footer {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.bom .box.box-contentDialog .footer .footer-content {
  padding: 30px 20px;
}

select.disabled {
  background-color: #f5f5f5;
  opacity: 0.4;
}

.process-bom {
  min-width: 120px;
}

.bom .box.mapping {
  border-left-style: none;
  border-right-style: none;
  height: 335px;
  overflow: auto;
  padding: 0 0 5px;
  margin-bottom: 15px;
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size: 20px 100%, 20px 100%, 20px 100%, 33px 100%;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

.bom .box.mapping.inputTable {
  border-top-style: none;
  margin-top: 10px;
}

.mapping-section table thead {
  background: #ffffff none repeat scroll 0 0;
}

.bom #mapping .output {
  text-align: left;
  color: #333333;
  font-weight: normal;
  margin-left: 1px;
  margin-bottom: -30px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 35px;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 4px;
  line-height: 2em;
  border-top-color: #d9d9d9;
  border-right-color: #d9d9d9;
  border-bottom-color: #d9d9d9;
  border-left-color: #d9d9d9;
}

.bom .box.mapping.outputTable {
  border-top-style: none;
}

.bom .outputTable #inputMappingTable {
  border-top-width: 1px;
  border-top-color: #d9d9d9;
  border-top-style: solid;
  border-left-width: 1px;
  border-left-color: #d9d9d9;
  border-left-style: solid;
}

.outputTable.mapping-section table thead {
  background: #f5f5f5 none repeat scroll 0 0;
}

.bom .importMethod {
  margin-bottom: 135px;
}

.bom .file-upload input {
  padding: 0;
}

.bom .file-upload {
  clear: both;
  padding-bottom: 10px;
}

.bom .upload-submit {
  min-width: 295px;
  padding-top: 5px;
  margin: 0 auto;
}

.bom .copy-paste-submit .continue {
  min-width: 200px;
  margin: 30px 0;
}

.bom .importMethod .pull-right {
  width: 81%;
}

.limit-success {
  padding-top: 25px;
  text-align: center;
}

.bom .mapping .input-group-btn {
  text-align: center;
  width: 100%;
  display: block;
}

.bom .mapping .input-group-btn i {
  color: #7f7f7f;
}

.bom .mapping .input-group-btn .btn {
  background: #ffffff;
  cursor: inherit;
  margin-top: 1px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background-color: #e7f3f9;
  padding: 2px 10px;
}

/* Overrides some form styling from base. Have to use an ID */
.bom #inputMappingTable select {
  padding: 0;
}

.bom #inputMappingTable {
  margin-left: 1px;
}

.bom #inputMappingTable thead th {
  background: none;
}

.bom #inputMappingTable thead th.col-ddl {
  min-width: 125px;
  padding: 5px;
}

/* Overrides some form styling from base. Have to use an ID */
.bom #txtCopyPaste {
  /* This should work out to 18 rows, but actually renders around 12 */
  height: 18em;
  margin-bottom: 10px;
}

.bom .mapping td {
  /*padding: 5px 10px;
  text-align: center;*/
  border: 1px solid #d9d9d9;
  /*white-space: nowrap;*/
}

.bom .mapping .lineItemStartRow td,
.bom .mapping td.lineItemStartRow {
  background-color: #e7f3f9;
  font-weight: bold;
  white-space: nowrap;
}

.limitContainer {
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  min-height: 500px;
  padding: 10px;
}

.cart-actions.limit-actionbar {
  background-color: #0070BB;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  height: 40px;
  padding: 10px;
}

.cart-actions.steps-bar {
  padding: 0;
  height: auto;
}

.processing-spinner {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 20px;
}

div.box-stacked div.saved-boms {
  padding-top: 10px;
}

/* MiniCart CSS overrides */
.MiniCartTitleBarHeight .ui-dialog-titlebar-close, .MiniCartTitleBarHeight .ui-dialog-titlebar-close:hover {
  top: 15px;
}

.dataTables_paginate a.previous, .dataTables_paginate a.next {
  display: none;
}

/* End MiniCart CSS overrides */
table.grid-table .col-inputData {
  max-width: 200px;
}

/* Popover styling for Select All */
table.grid-table tr {
  /* The sticky table header moves around the page so we need the popover positioned relative to the header to move with it */
  position: relative;
}

.popover.popover-gridSelectAll {
  max-width: 200px;
  /* Counteract the shift to the left that the plugin adds for some reason */
  left: 0 !important;
}

/* End Popover styling */
.search-spinner {
  margin: 5px 0 0 -36px;
  float: right;
}

/* Add To Cart modal styling */
.atc-header {
  padding-bottom: 20px;
  text-align: center;
}

div.atc-buyselected {
  padding-bottom: 10px;
  margin-left: 80px;
}

div.atc-buyselected + div {
  margin-left: 80px;
}

input[name=atcSelection] {
  margin-right: 5px;
  margin-top: 5px;
}

/* Add To Cart modal styling */
.paging-row .info {
  margin-top: 0;
}

.bom .selection-info {
  display: inline-block;
  margin-left: 7px;
  padding: 4px 7px;
  border-left: solid 1px #7f7f7f;
}

div.bom-filter {
  float: left;
  padding: 0 5px 0 40px;
}

div.bom-filter span {
  font-weight: bold;
}

div.bom-filter .instock, div.bom-filter .button {
  margin-left: 10px;
}

.bomexpire span.prod-details {
  padding-left: 50px;
}

.fa.risk-info {
  color: #0070BB;
}

.fa.risk-low {
  color: #588a10;
}

.fa.risk-moderate {
  color: #dc730a;
}

.fa.risk-high {
  color: #990000;
}

/* Styling hack to get the textbox to fill the remaining space on the same line as the label. See http://jsfiddle.net/josh_fuggle/EjLfP/1/ */
.inlinetext-fix {
  display: table-cell;
  vertical-align: bottom;
  padding-top: 10px;
  padding-right: 5px;
}

.inlineinput-fix {
  display: block;
  overflow: hidden;
}

input#txtCartQuantity {
  width: 55px;
  display: inline-block;
}

table.grid-table thead .fa-trash {
  padding-top: 2px;
}

.line-msg-mult-match {
  margin: 0px 15px 0px 15px;
}

/* Product Detail Quickview */
#TB_window.quickview {
  border: 4px solid #7f7f7f;
}

.quickview #quickview_close {
  color: #ffffff;
  background: none repeat scroll 0 0 #7f7f7f;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 3px;
  width: 16px;
}

.quickview-wrapper {
  float: right;
  width: 100%;
  margin: 0 auto;
  font-size: 10px;
  clear: both;
  padding-top: 5px;
  white-space: normal;
  text-align: right;
}

/* Product Detail Quickview */
.rohs-wrapper {
  float: right;
  margin: 0 auto;
  width: 45%;
}

.cart-actions {
  padding: 5px 10px;
  float: left;
  height: auto;
  width: 100%;
  background: #e0e4e9;
  text-align: right;
  border: 1px solid #d9d9d9;
}

.tblSeeMoreOptions th,
.tblSeeMoreOptions td {
  background-color: #f9efe4;
  color: #333333;
  border: none;
}

/* nth-child not supported in IE 8 */
.tblSeeMoreOptions td:nth-child(even),
.tblSeeMoreOptions td:nth-child(odd),
.tblSeeMoreOptions th:nth-child(even),
.tblSeeMoreOptions th:nth-child(odd) {
  background-color: #f9efe4;
  border-bottom: 1px;
}

.bom td.empty-options div.wrapper {
  margin: 50px 0;
}

#cboxLoadedContent {
  height: 120px !important;
}

#cboxOverlay {
  background: #333333 !important;
  opacity: 0.3 !important;
}

div.processing .fa-spinner {
  font-size: 4em;
}

a[disabled] {
  color: #333333;
  opacity: 0.4;
  cursor: not-allowed;
}

a[disabled]:hover {
  text-decoration: none;
}

/* Chevron-style breadcrumbs */
ul.breadcrumbs {
  margin: 0;
  list-style: none;
}

ul.breadcrumbs:after {
  clear: both;
  content: "";
  display: table;
}

ul.breadcrumbs li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

ul.breadcrumbs li a {
  cursor: pointer;
  display: inline-block;
  background-color: #e7f3f9;
  color: #d9d9d9;
  line-height: 40px;
  padding: 0 50px;
  position: relative;
}

ul.breadcrumbs li a:after,
ul.breadcrumbs li a:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #e7f3f9;
}

ul.breadcrumbs li a:after {
  right: -15px;
  height: 30px;
  width: 30px;
  top: 5px;
  z-index: 1;
  transform: rotate(45deg);
  border-right: 1px #d9d9d9 solid;
  border-top: 1px #d9d9d9 solid;
  border-radius: 3px;
}

ul.breadcrumbs li a:before {
  right: 3px;
  width: 30px;
  height: 40px;
  z-index: 1;
}

ul.breadcrumbs li a.completed {
  background-color: #e7f3f9;
  color: #d9d9d9;
}

ul.breadcrumbs li a.completed:after,
ul.breadcrumbs li a.completed:before {
  background-color: #e7f3f9;
}

ul.breadcrumbs li a.current {
  background-color: #004A85;
  color: #ffffff;
}

ul.breadcrumbs li a.current:after,
ul.breadcrumbs li a.current:before {
  background-color: #004A85;
}

ul.breadcrumbs li a.current:after {
  border-right: 3px #004A85 solid;
  border-top: 3px #004A85 solid;
}

ul.breadcrumbs li:last-child a {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/*Scrolling buttons for mapping */
.div-scroll-right {
  position: relative;
  width: 0;
  height: 0;
  float: right;
}

.div-scroll-left {
  position: relative;
  width: 0;
  height: 0;
}

.scrollright {
  float: right;
  cursor: pointer;
  top: 160px;
  position: absolute;
  z-index: 1000000;
  height: 36px;
  background-color: #333333;
  opacity: 0.4;
  color: #ffffff;
  left: -52px;
  width: 35px;
  text-align: center;
  border-radius: 4px;
}

.scrollleft {
  float: left;
  cursor: pointer;
  top: 160px;
  position: absolute;
  z-index: 1000000;
  height: 36px;
  background-color: #333333;
  opacity: 0.4;
  color: #ffffff;
  left: 2px;
  width: 35px;
  text-align: center;
  border-radius: 4px;
}

/*Scrolling buttons for mapping */
.bom .mapping .input-group-btn .btn.lockBtn {
  cursor: not-allowed;
  background-color: #f9efe4;
  z-index: 1;
}

td.lockedColumn {
  cursor: not-allowed;
  opacity: 0.6;
}

.content {
  min-height: 0px;
}

.dialog-footer {
  padding-bottom: 15px;
}

#divDragDropDashBox {
  border-style: dashed;
  border-color: #0099FF;
  height: auto;
  background-color: #e7f3f9;
  border-radius: 4px;
}

.divEZBuyDragDropImg {
  min-height: 115px;
}

.divDragDropImgText {
  margin-bottom: 10px;
}

#imgDragDropSpreadsheet {
  max-width: 105px;
  max-height: 71px;
  margin-top: 30px;
}

#CopyPasteTextInput {
  width: 100%;
  resize: none;
  border-radius: 4px;
  padding: 10px;
}

.hidden-for-js-inline {
  display: none !important;
}

.vertical-center-30 {
  line-height: 30px;
  height: 30px;
}

/* This is because IE is just the worst... */
.inline-flex-fix {
  display: inline-flex;
  max-height: 3em;
}

#btnCloseX {
  margin-top: 15px;
}

/* This forces the class "form-inline" to also work with resolutions < 768px (xs) */
@media (max-width: 767px) {
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
}
.form-control-plaintext {
  background-color: transparent;
  border: 0;
  color: #0070BB;
  padding: 5px;
  text-align: center;
}

.div-err-proj-select {
  display: none;
  color: #990000;
}

/* Results page styling for fixing columns borders and shading */
.no-border.font-italic {
  border-bottom: 1px solid #d9d9d9;
}

.nested-row {
  margin: 8px 8px 8px 8px;
  padding-top: 8px;
  border-top: 1px dashed #ebccd1;
}
.nested-row .bold.alert {
  margin: 0px;
}

.td-ci-errmsg, .td-mo-errmsg {
  padding: 0px !important;
  border-top: none !important;
}

.td-ci-errmsg > .nested-row {
  margin: 0px 0px 8px 0px;
  border-top: none;
}

tr.even td {
  background-color: #f5f5f5;
  background-clip: padding-box;
}

.center {
  text-align: center;
}

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

@media (min-width: 768px) {
  .row {
    position: relative;
  }
  .align-text-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.margin-top-10 {
  margin-top: 10px;
}

.content-wrapper {
  padding-top: 0px;
}

div-part-details {
  padding: 0px 0px 0px 5px;
}

table#EZBuyGrid > td, table.tblSeeMoreOptions > tbody > tr > td {
  padding: 8px 0px 8px 8px;
}

table#EZBuyGrid > thead > tr > th, table#EZBuyGrid > thead > tr > td, table#EZBuyGrid > tbody > tr > th, table#EZBuyGrid > tbody > tr > td {
  vertical-align: top;
  padding: 8px 0px 8px 8px;
}
table#EZBuyGrid > thead > tr > th:last-child, table#EZBuyGrid > thead > tr td:last-child, table#EZBuyGrid > tbody > tr > th:last-child, table#EZBuyGrid > tbody > tr td:last-child {
  padding: 8px;
}
table#EZBuyGrid > thead > tr > .grid-header.col-pricing, table#EZBuyGrid > thead > tr > .grid-header.col-packaging, table#EZBuyGrid > tbody > tr > .grid-header.col-pricing, table#EZBuyGrid > tbody > tr > .grid-header.col-packaging {
  word-break: break-word;
}
table#EZBuyGrid > thead > tr > .grid-header.col-delete, table#EZBuyGrid > tbody > tr > .grid-header.col-delete {
  padding: 8px;
}

table.tblSeeMoreOptions > thead > tr > th, table.tblSeeMoreOptions > thead > tr > td, table.tblSeeMoreOptions > tbody > tr > th, table.tblSeeMoreOptions > tbody > tr > td {
  vertical-align: top;
  padding: 8px 0px 8px 8px;
}

table#EZBuyGrid > tbody > tr > td.td-js-MoreOptions {
  padding: 0px;
  border-top: none;
}

.carttable-icon {
  float: right;
  color: #0070BB;
  padding: 0px;
  border: none;
}
.carttable-icon :hover, .carttable-icon a:focus {
  color: #0099FF;
}

.image-div {
  float: right;
  margin: 0 auto;
}

.noimage {
  float: right;
  margin: 0px 0px 5px 5px;
}

.cart-image {
  max-height: 55px;
  max-width: 55px;
  margin: 0px 0px 5px -5px;
}

.more-opt-img {
  max-height: 55px;
  max-width: 55px;
  float: right;
  margin: 0px 0px 5px -5px;
}

.table .tblSeeMoreOptions {
  margin-bottom: -1px;
}

.pricebreaks-row {
  min-width: 170px;
}
.pricebreaks-row div {
  padding: 0px 5px 0px 5px;
}

.pricebreaks-row div.pad-top-3px, .pricebreaks-row-mo div.pad-top-3px {
  padding-top: 3px;
}

.td-replace-btn {
  min-width: 100px;
  text-align: right;
}

tbody.cart-body > .row-error > td:not(.td-ci-errmsg, .col-productDetail) {
  border-bottom: 1px solid #f4dccf;
}

tbody.cart-body > .row-error > .col-productDetail {
  background-color: #f9efe4;
  border: 1px solid #f4dccf;
  border-bottom: 1px solid #f9efe4;
}

.dark-med-orange, .dark-med-orange a, .dark-med-orange a:active, .dark-med-orange a :visited .dark-med-orange a:link {
  color: #dc730a;
}

.dark-orange-new {
  color: #A85A00;
}

.text-underline {
  text-decoration: underline;
}

/* styling for availability modal*/
.modal-header {
  font-size: 12px;
}
.modal-header h2 {
  margin: 0px;
  padding: 0px;
  line-height: 28px;
}

option.disabled {
  cursor: not-allowed;
  color: #e0e4e9;
}

span.disabled {
  color: #e0e4e9;
}

.margin-bottom-36 {
  margin-bottom: 36px;
}

.btn-custom-button {
  text-decoration: none;
  color: #004a85;
  border: none;
  background-color: white;
}

@media print {
  #EZBuyGrid .tableFloatingHeaderOriginal {
    display: table-row-group;
  }
  #EZBuyGrid .cart-body .grid-row .grid-cell.col-avail .visible-xs b {
    display: none !important;
  }
}
#CopyPasteMethodA {
  margin: 2px 5px 0 0;
}

#CopyPasteMethodB {
  margin: 2px 5px 0 0;
}

.copyPasteMethods {
  margin: 10px 0;
  display: flex;
  align-items: flex-start;
}

#helpfulTips {
  margin-top: 10px;
  margin-bottom: 20px;
}

.tariff-bottom-no-border td {
  border-bottom: 0 !important;
}